/* CSS Document */

/*
Farben

dunkelgrau hgr #8b847b
dklgrau bgr total #665d52

*/

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body{
	color:#fff;
	font-size:16px;
	background:#726c65;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:center; /* horizontale zentrierung fuer IE Win quirks */
	
}


/* scrollbar~ nur fuer Iexpl, muss fuer neue Version im html ebenfalls angegeben werden
html{
	scrollbar-base-color:#fff7;
  	scrollbar-3dlight-color:#ababab;
  	scrollbar-arrow-color:#ababab;
  	scrollbar-darkshadow-color:#888383;
  	scrollbar-face-color:#fff;
  	scrollbar-highlight-color:#ababab;
  	scrollbar-shadow-color:#888383;
  	scrollbar-track-color:#fff;
}*/


#distance { 
		width:1px;
		height:50%;
		margin-bottom:-350px; /* haelfte der containerhoehe war -310*/
		float:left;
		}


h1{
	font-size:1.2em;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
	color:#4c665b;
}


h2{
	font-size:1.0em;
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
}

a {
	text-decoration:none;
}

p{
padding-bottom:10px;
margin:0px;
}

#titelrahmen{
	position:relative;/* wichtig!  */
	width:980px;
	margin: 0px auto; /* zum zentrieren des inhalts! alle ausser iexpl */
	background:#8b847b;
	text-align:left;
	height:620px;
	clear:left;
}

#titelinhalt{
	text-align:left;
	width:980px;
	position:relative;
	height:620px;
}

/* Titelfeld enthält auch weiss/grau Begrenzungslinien links */
#titelfeld1{
	float:left;
	width:692px;
	height:198px;
	border-right:2px solid #d8d8e0;
	border-bottom: 2px solid #d8d8e0;
	background:url(../bilder/startseite/element_li.jpg) no-repeat right bottom;
}

#mfpatitel{
	font-weight:bold;
	font-size:26px;
	margin-left:70px;
	margin-top:100px;

}

/* Titelfeld enthält auch weiss/grau Begrenzungslinien rechts */
#titelfeld2{
	float:left;
	width:286px;
	height:198px;
	background:url(../bilder/startseite/element_re.jpg) no-repeat left bottom;
	border-bottom: 2px solid #d8d8e0;
}

/* von Matz  eingefügt  für vertikales rechtes Veranstaltungsbanner */
#bannerfeld{
	float:right;
	width:183px;
	height:420px;
}


/* width  war 980 x  420  */
#logofeld{
	width:980px;
	height:496px;
	background:#8b847b url(../bilder/startseite/logohgrstreifen.gif) +26px top; 
}

/* original width: 686    height: 346px; margin-left:151px */   

#logofeldinhalt{
	width:900px;
	height:454px;
	margin-left:40px;
	background:url(../bilder/startseite/logo_hgr.gif) no-repeat;
	padding-left:29px;
	padding-top:35px;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
}

.gmbh{
	color:#fff;
}

.gb{
    color:#f8b432;
	font-size:16px;
}

.gb a{
    color:#f8b432;
	font-size:16px;
	text-decoration:none; 
}


.titel{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}

.flaggen{
	display:block;
	margin-top:150px;
}

.flaggentxt{
	display:block;
}

.flaggentxt a{
	text-decoration:none;
	color:#fff;
}


ul.liflagge{
	margin:0px;
	padding:0px;
	width:300px;
}

ul.liflagge li{
	list-style:none;
    margin:0px;
	padding:0px;
	display:block;
	border-style:none;
	padding-left:20px;
	padding-right:20px;
	float:left;
	}
	
ul.liflaggentxt{
	display:block;
	margin:0px;
	padding:0px;
	width:300px;
	font-size:12px;
}

ul.liflaggentxt li{
	list-style:none;
    margin:0px;
	padding:0px;
	display:block;
	padding-left:8px;
	padding-right:8px;
	float:left;
	}
	
ul.liflaggentxt li.ohne{
	border-right:none;
	width:150px;
	}
	

.stopFloat {
display: block;
float: none;
clear: both;
height: 1px;
font-size: 0px;
line-height: 0px;
}