html{
	height:100%;
	width:100%;
}

body { 
	height:90%;
	margin: 0;
	text-align: center; /* to correct the centering IE bug*/
	background:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%; 
	color:#666666;
	font-weight: normal; 
	line-height:140%;
}

#global {
	margin-left: auto;
	margin-right: auto;
	width: 1003px; /* mandatory to be centered */
	text-align: left; /* to realign your text */
}
* html #global {
	margin-left: auto;
	margin-right: auto;
	width: 1003px; /* mandatory to be centered */
}

div#top{
	height:100%;
	background-image:url(../pic/gesellschaft-oesterreich-ungarn.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:30px;
}

div#top img.flag-aut {
	float:left;
	padding-top:2px;
	padding-left:715px;
	padding-right:10px;
}

div#top img.flag-ung {
	float:left;
	padding-top:2px;
}

div#top_navi{
	padding-top:144px;
}
* html div#top_navi{  /* Korrekturen fuer IE 5.x  */
	padding-top:142px;
}

div#top_navi a {
	color:#FFFFFF;
	font-weight:bold;
	font-size: 78%; 
	padding-left:26px;
	letter-spacing:0.1em;
}
* html div#top_navi a {
	vertical-align:-20%;
}

div#left{
	float: left;
	background-image:url(../pic/oeug_navi-links_grau.jpg);
	background-position: right 7%; 
	background-repeat:no-repeat;
	width: 170px;
	height: 520px;
	margin-left:24px;
}

* html div#left{
	background-position: 98% 7%; 
	margin-left: 0;
}

div#content{
	float: left;
	width: 484px;
	height: 520px;
	padding-left:29px;
	font-size: 90%;
	margin-right:20px;
} 
* html div#content{
	float: left;
	width: 483px;
	height: 520px;
	padding-left:29px;
	font-size: 90%;
} 

div#content a.schriftgroesse:link, a.schriftgroesse:visited { 
	padding-bottom:10px;
	color: #666;
	text-align: left;
	font-weight:normal;
	font-size: 78%;
	letter-spacing:0.1em;
	text-decoration:none;
}

div#content a.schriftgroesse:hover, a.schriftgroesse:active { 
	padding-bottom:10px;
	color: #CD3333; 
	text-align: left;
	font-weight:bold;
	font-size: 78%;
	letter-spacing:0.1em;
	text-decoration:underline;
}

div#content a.anmeldung {
	font-weight:normal;
	font-size: 100%;
}


div#content a.einladung {
	text-decoration:underline;
	padding-left:3px;
	padding-right:7px;
	padding-top:0px;
	font-size: 100%;
}

div#content img {
	float:left;
	margin-left:127px;
	margin-bottom:15px;
}
* html div#content img {
	float:left;
	margin-left:110px;
	margin-bottom:15px;
}

div#content img.pdf {
	padding-right:5px;
	margin:0;
	vertical-align:-4px;
}

div#content .linie {
	float:left;
	padding-top:33px;
	padding-left:5px;
	padding-right:10px;
}

div#content .titel {
	padding-left:70px;
	padding-top:30px;
	color:#666;
	font-size: 90%;
	letter-spacing:0.1em;
	line-height:250%;
}

div#content .textklein {
	text-align: left;
	font-size: 90%;
	letter-spacing:0.1em;
	line-height:150%;
}

div#content .absatz {
	float:left;
	width:370px;
	padding-top:30px;
}

div#content .event-titel {
	width: 350px;
	padding-top:20px;
	padding-bottom:10px;
	color: #CD3333; 
	text-align: left;
	font-weight:bold;
	font-size: 90%;
	letter-spacing:0.1em;
}

div#content .event {
	text-align: left;
	font-size: 90%;
	letter-spacing:0.01em;
	margin-bottom:15px;
}
* html div#content .event {
	text-align: left;
	font-size: 90%;
	letter-spacing:0.01em;
	margin-bottom:15px;
}

div#content .linie-vertikal {
	float:left;
	height:760px;
	width:1px;
	color:#8DE3FC;
	margin:2.5em 0.4em 0 0.2em ;
	border: 0; /* Für Firefox und Opera */
	border-left: dashed 0pt transparent;
	border-right: dashed 1pt #8DE3FC; /* Für I.Explorer (Seiten-Hintergrundfarbe!)*/
}
* html linie-vertikal {  /* Korrekturen fuer IE 5.x  */
	height:100em;
	margin: 1.9em 19.5em 0 0 ;
}

div#content .daslink {
	margin-top:20px;
	line-height:120%;
}

div#content .foto {
	clear:left;
	width:400px;
	padding-top:40px;
}

div#right{
	height: 595px;
	padding-top:28px;
	color:#666;
	font-size: 11px;
	letter-spacing:0.1em;
}
* html div#right {  /* Korrekturen fuer IE 5.x  */
	width: 240px;
}

div#right a.mitglied:link, a.mitglied:visited { 
	color: #CD3333; 
	font-weight: bold; 
	font-size: 100%;
	letter-spacing:0.1em;
	text-decoration:underline;
}

div#right a.mitglied:hover, a.mitglied:active { 
	color: #CD3333; 
	font-weight: bold; 
	font-size: 100%;
	letter-spacing:0.1em;
	text-decoration:none;
}

div#right .titel {
	padding-bottom:5px;
	font-weight:bold;
}

div#right .textklein {
	font-size: 90%;
	letter-spacing:0.1em;
}

div#right .textrot {
	color: #CD3333; 
	font-weight: bold; 
	font-size: 100%;
	letter-spacing:0.1em;
	text-decoration:underline;
	padding-top:10px;
	padding-bottom:7px;
}

div#footer{
	clear:left;
	text-align: center;
	font-weight: normal;
	font-size: 70%;
}

div#footer img {
	padding-left:5px;
	padding-right:5px;
	vertical-align:-5%;
}

div#footer a {
	text-align: center;
	font-weight: normal;
}

span#datum {
	float:left;
	padding-left:25px;
	width: 190px;
	height:19px;
	color: #656565; 
	font-weight: bold; 
	font-size: 78%;
}
* html span#datum {
	vertical-align:-10%;
}

ul#navileft {
	width: 170px;
	margin: 0; 
	padding-top: 50px;
	padding-left: 0;
}
* html ul#navileft {  /* Korrekturen fuer IE 5.x   */
	padding-left: 25px;
}

ul#navileft li {
	list-style: none;
	margin: 0; 
	line-height:100%;
}
* html li {  /* Korrekturen fuer IE 5.x   */
	padding-left: 10px;
}

ul#navileft a {
	color:#FE0000;
	font-size: 78%; 
	letter-spacing:0.15em;
	padding-left:10px;
}

ul#navileft a:hover, a:active {
	color:#656565;
	font-size: 78%; 
	letter-spacing:0.15em;
	padding-left:10px;
}

h1{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color:#55BB77;
	font-size:136%;
	padding:0px 0px 0px 0px;
	letter-spacing:0.1em;
	line-height:130%;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#55BB77;
	font-size:90%;
	padding:15px 0px 0px 0px;
	text-transform:uppercase;
	letter-spacing:0.2em
}

.spalte-left-225 {
	position:relative;
	float: left;
	height:760px;
	width: 225px;
}
* html .spalte-left-225 {
	width: 200px;
}

.spalte-left-180 {
	float: left;
	width: 180px;
	line-height:170%;
	color:#333;
	padding-top:20px;
}
* html .spalte-left-180 {
	width: 200px;
}

.spalte-right-250 {
	float: left;
	width: 250px;
	line-height:170%;
	padding-top:20px;
}
* html .spalte-right-250 {
	width: 280px;
}

hr { /* Horizontale Linie mit CSS einfärben */
	border: 0; /* Für Firefox und Opera */
	width:150px;
	border-top: dashed 1pt transparent;
	border-bottom: dashed 1pt #B8B6B9; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	vertical-align: 65%;
	text-align:right;
}

a:link, a:visited {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	letter-spacing:0;
}
a:hover {
	color:#FE0000;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	letter-spacing:0;
}
a.active {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	letter-spacing:0;
}

a.unterstrichen:link, a.unterstrichen:visited { 
	text-decoration:underline;
}
a.unterstrichen:hover, a.unterstrichen:active { 
	text-decoration:underline;
}

a.impressum {
	font-size: 90%; 
	color:#666;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0;
}
a.impressum:hover {
	font-size: 90%; 
	color:#FE0000;
	font-weight:bold;
	text-decoration:none;
}
a.impressum:active {
	font-size: 90%; 
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

a img, a:link img {border: none;}