@CHARSET "UTF-8";

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	/*background-image: url(../images/verlauf_gelb_rechts.jpg);
	background-repeat: repeat-x;*/
}

.clear {
	clear: both;
}

h1 {
	font-size: 22px;	
}

a {
    outline: none;
}

#container {
	position: relative;
	z-index: 5;
	margin-top: 0;
	width: 1009px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
	/*background-image: url(../images/bg.gif);
	background-repeat: repeat-y;*/
}

#verlauf_links {
	height: 223px;
	width: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/verlauf_gelb_links.jpg);
	z-index: 1;
}

#verlauf_rechts {
	height: 256px;
	width: 2000px;
	margin-left: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/verlauf_gelb_rechts.jpg);
	z-index: 1;
}

#verlauf_links_index {
	background-image:url(../images/verlauf_gelb_links_index.jpg);
	height:165px;
	left:0pt;
	position:absolute;
	top:0pt;
	width:1000px;
	z-index:1;
}

#verlauf_rechts_index {
	height: 158px;
	width: 2000px;
	margin-left: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/verlauf_gelb_rechts_index.jpg);
	z-index: 1;
}

#verlauf_unten {
	background-image: url(../images/verlauf_unten.gif);
	background-repeat: repeat-x;
	z-index: 1;
	background-position: bottom;
}

#header {
	
	width: 1009px;
}
	
#maincontent {
	margin-top: 90px;
	width: 1009px;
}

#pflich
{
list-style-position:outside;
padding-left:10px;
margin-bottom:30px;
}
#pflich li {color: #002f79;line-height:25px;}
#pflich li a{color: #002f79;}


#menu {
	float:left;
	width: 246px;
	padding:0px;
}

#menu ul#main {
	list-style-type: none;
	margin-left: 30px;
	padding: 0;
}

#menu ul#main li {
	padding-bottom: 6px;
}

#menu ul#sub {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul#sub li {
	padding-bottom: 0;
}

#menu ul#sub li a.active {
	background-image: url(../images/bullet_active.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
	line-height: 18px;
	padding-left: 16px;
	text-decoration: none;
	color: #e98005;
	font-weight: bold;
}

#menu ul#sub a {
	background-image: url(../images/bullet_inactive.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	line-height: 21px;
	padding-left: 16px;
	text-decoration: none;
	color: #002f79;
}

#right {
	float: right;
	margin-right: 150px;
	width: 43px;
}

#right #plus_minus {
	float: right;
	width: 43px;
}

#right #stoerer {
	margin-right:0px;
	margin-top: 20px;
	float:right;
	background-image: url(../images/stoerer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 81px;
	height: 79px;
	cursor: pointer;
}

#content, #startcontent {
	margin-right: 220px;  /* @see #right.width */
	margin-left:  246px;  /* @see #menu.width  */
	text-align: left;
	color: #777777;
}

#startcontent {
	margin-right: 80px;  /* @see #right.width */
	margin-left:  90px;  /* @see #menu.width  */
	text-align: center;

}

#startcontent.index {
	margin-right: 0px;
	margin-left: 0px;
}

#footer {
	margin-top: 100px;
	width: 100%;
	height: 68px;
	text-align: center;
}

#footer #metalinks {
	position: relative;
	top: 0px;
	margin: 0px auto;	
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	margin-left: 30px;
	display: inline;
	
}

#footer ul li#langSelection{
	margin-left:60px;
}

#footer ul li a {
	color: #002f79;
	font-size: 9px;
	text-decoration: none;
}

#footer p {
	color: #002f79;
	font-size: 9px;
}

#underfooter{color:#aaa;padding-top:5px;}


#menu li{
	list-style-type: none;
}

#menu .main h2 {
	color: #002f79;
	font-size: 13px;
}

#contact {
	font-size: 9px;
	color: #002f79;
}

#contact textarea {
	width: 354px;
	height: 93px;
	background-image: url(../images/metatrenner.jpg);
	border: 0px solid #FFF;
}

#contact .contactInput input {
	background-image: url(../images/text_feld_kurz.jpg);
	border: 0px solid #FFF;
	height: 19px;
	width: 175px;
	color: #777777;
}

#contact .contactInput select {
	height: 19px;
	padding-left: 5px;
	color: #777777;
	width: 175px;
}

#contact .title td {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#contact #confirm_line td {
	padding-top: 10px;
}

#contact #confirm_line #checkbox {
	border: 0px solid #FFF;
	height: 13px;
	width: 13px;
}

#contact #confirm_line #contactButton {
	border: 0px solid #FFF;
	background-image: url(../images/senden_button.jpg);
	width: 62px;
	height: 19px;
}

#tellafriend {
	font-size: 9px;
	color: #002f79;
}

#tellafriend textarea {
	width: 354px;
	height: 93px;
	/*background-image: url(../images/message.jpg);*/
	border:1px solid #7f9db9;
	color:#777777;
}

#tellafriend .tellafriendInput input {
	/*background-image: url(../images/text_feld_kurz.jpg);*/
	border: 1px solid #7f9db9;
	height: 19px;
	width: 175px;
	color: #777777;
}

#tellafriend .tellafriendInput select {
	height: 19px;
	padding-left: 5px;
	color: #777777;
	width: 175px;
}

#tellafriend .title td {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#tellafriend #confirm_line td {
	padding-top: 10px;
}

#tellafriend #confirm_line #checkbox {
	border:0;
	height: 13px;
	width: 13px;
}

#tellafriend #confirm_line #tellafriendButton {
	border: 0px solid #FFF;
	background-image: url(../images/senden_button.jpg);
	width: 62px;
	height: 19px;
}

/* info bulle */
a.info {
   position: relative;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   font-size:11px;
   font-weight:normal;
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #003F8A;
   padding: 3px;
   border: 1px solid #F29100;
}
/*************************/

.form {
	width:100px;
	padding:0;
	margin-left:170px;
}

/********* LIGHTBOX ******************/
#overlay{
	
	background-color:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	height:100px;
	position:absolute;
	z-index:500;
	top:0;
	left:0;
	display:none;
}

div.lightbox{
	
	display:none;
	background-color:#33FFFF;
	position:absolute;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:1000;
}

.popupmenu { line-height:18px;margin:0px;font-size:12px;padding:3px;list-style-type:none;}
.popupmenu a {text-decoration:none; color:#002f79;}
.popupmenu a:hover{text-decoration:underline;}


div.telFax{
	width:260px;
	padding:0;
}

div.telFax span.fax{
	padding-left:18px;

}
div.telFax span.email{
	padding-left:8px;

}


#oa-callout{
	
	text-align:center;
	margin-bottom:20px;

}
