/***** LAYOUT.CSS ****/
/***** AEOS ENERGY ***/
/*********************/


/***** COLOURS *****/
/*
/*  BLUE	#242D76
/*  LBLUE 	#5976D9
/*  GRAY	#E9E9E9
/*	LGRAY	#L3L3LE
/*  RED 	#9E1418
/*
/*******************/


body {margin:0;padding:0;
font:0.75em Verdana, Arial, Helvetica, sans-serif;
}
#Rahmen {margin:0px;padding:0px;position:relative;}
#bgr {	/*blauer streifen als hintergrund*/
	position: absolute;
	top:181px;
	left:0px;
	width:100%;
	height:178px;
	background:#FFF url(/img/bgr.jpg) repeat-x;
}

#main {	/*hauptcontainer für **MENÜ** und **CONTENT** */
	background:#FFF;
	position:relative;
	margin:auto;
	margin-top:0px; 
	width:980px;
	 /*wenn fertig -> NICHT ENTFERNEN! weil firefox sonst keine fläche anzeigt*/
	padding:0;
	padding:0px 5px;
}
	
/***** MENU *****/
#left {	/*ganze linke spalte für das menü (#menu1, #menu2)*/
	float:left;
	width:210px;
	position:absolute; top:0px; left:5px; z-index:2;
	
}


	#menu, #menu2{
		background-color:#FFF;
	}
#menu ul, #menu ol, #menu li,#menu2 ul, #menu2 ol, #menu2 li {margin:0;
padding:0;list-style:none;}
#menu3 ul, #menu3 ol, #menu3 li {
list-style:none;}

	#menu{height:171px;}

	#menu2{	margin-top:4px;	}
        #menu3{	padding-top:20px;	}

	
	#menu ul li a, 
	#menu2 ul li a{
		background-color:#E9E9E9;
		margin-top: 4px;
		display:block;
		padding-left:15px;
		height:21px;
		line-height:21px;
	}
        #menu ul li a.self, 
	#menu2 ul li a.self{
		background:#242D76 url(/img/buhover.gif) repeat-x;
		color:#FFF;
	}

	
	#menu ul li a:hover, #menu ul li a:active, 
	#menu2 ul li a:hover, #menu2 ul li a:active{
		background:#242D76 url(/img/buhover.gif) repeat-x;
		color:#FFF;
	}
        

	#submenu, #submenu ul li a{
		background-color:#F3F3FE;
	}
	
	#submenu ul li a{
		display:block;
		padding-left:15px;
	}
	.self2 {
		display:block;
		padding-left:15px;
background:url(/img/subbuhover.gif) -12px no-repeat;
	}
.self3 {
		display:block;
		padding-left:20px !important;
background:url(/img/subbuhover.gif) -5px no-repeat !important;
	}


	#submenu ul li a:hover, #submenu ul li a:active{
		background:url(/img/subbuhover.gif) -12px no-repeat;
		color:#242D76;
	}
/***** MENU END *****/


/***** LOWER MENU ****/

/* die drei buttons unter #menu1 und #menu2 */

        #SendSiteButton {
                margin:4px 0px 0px 4px;
                padding:0px;
                float:right;
                width:21px;
                height:21px;
        }
        #SendSiteButton input{
                padding:0px;
		margin:0px;
                width:21px;
                height:21px;
                border:none;
        }

        .empty{
		float:right;
		width:21px;
		height:21px;
		margin:4px 0px 0px 4px;
                background-color:#E9E9E9;
        }

	.book, .send, .print{
		display:inline;
	}

	.book a, .send a, .print a{
		position:relative;
		float:right;
		width:21px;
		height:21px;
		margin:4px 0px 0px 4px;
	}

		.book a{
			background:#242D76 url(/img/book0.gif) no-repeat;
		}
		
		.book a:hover, .book a:active{
			background:#242D76 url(/img/book1.gif) no-repeat;
		}
		
		.send a{
			background:#242D76 url(/img/send0.gif) no-repeat;
		}
		
		.send a:hover, .send a:active{
			background:#242D76 url(/img/send1.gif) no-repeat;
		}

		.print a{
			background:#242D76 url(/img/print0.gif) no-repeat;
		}
		
		.print a:hover, .print a:active{
			background:#242D76 url(/img/print1.gif) no-repeat;
		}
		
	.infobox {
		margin:4px 0px 4px 4px;
		height:21px;
		width:71px;
		background-color:#E9E9E9;
		float:right;
		position:static;
		clear:both;
	}
	
	.infobox .text{
		font-size:80%;
		letter-spacing:-0.05em;
		color:#242D76;
		text-align:center;
		line-height:21px;
	}
/***** LOWER MENU END *****/


/***** CONTENT *****/	
#right1{ /*ganze obere rechte weisse fläche für header*/
	position:absolute;
	top:0px;
	left:215px;
	z-index:2;
	width:765px;
	
	padding-right:5px;
	background-color:#FFF;
}

#header{	/*die fläche (in #right1) für spachenauswahl und logo*/
	
}
#logo{	/*das Logo*/
	margin-top:100px;margin-left:10px;
}
	
	.lang a, .lang a:visited, .lang a:active{ /*lang = language -> also für die fläche der sprachenauswahl*/
		width:173px;
		height:15px;
		float:right;
		background:#E9E9E9 url(/img/langen.gif) left no-repeat;
		padding-left:17px;
		font-size:80%;
		letter-spacing:-0.05em;
		line-height:13px;
	}
	
	.lang a:hover{
		color:#FFF;
		background-color:#242D76;
	}
	
	.logo{
	background:url(/img/aelogo.gif) bottom left no-repeat;
	width:235px;
	height:45px;
	top:110px;
	left:20px;
	position:relative;
	}
	
#right2{ /*ganze untere rechte fläche für den inhalt (also .container1, .container2, .content)*/
	position:absolute;
	top:200px;
	left:210px;
	position:relative;
	margin:5px 0px 0px 5px;
	background-color:#FFF;
	width:765px;
}
#right2 img{
	display:block;
}

.containerB{ /*breit*/
	float:left;
	width:765px;
	position:relative;
	margin:186px 0px 0px 215px;
		border-top-style:solid;
	border-top-width:1px;
	border-top-color:#9E1418;
}
.container1{ /*grosse spalte (in #right2) in der mitte für inhalt*/
	float:left;
	width:550px;
	position:relative;
	margin:186px 0px 0px 215px;
	
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#9E1418;
min-height:330px;
}

.container2{ /*kleine spalte (in #right2) rechts für zusätzlichen inhalt*/
	float:right;
	position:relative;
	width:210px;
	margin:186px 0px 0px 5px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#9E1418;
}
.containerK{ /*kleine spalte (in #right2) rechts für zusätzlichen inhalt*/
	float:right;
	position:relative;
	width:210px;
	margin:4px 0px 0px 5px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#9E1418;
}


	.content{ /*graue fläche in den containers*/
		margin-top:5px;
		padding:26px 26px;
		background-color:#E9E9E9;
	}
.containerK .content {padding-right:20px;}
.content ul {list-style-type: disc;margin:0px;padding:0px;}
.content ul li {list-style-type: square;margin-left:20px;padding-left:10px;list-style-image:url(/img/dot.gif); margin-bottom:6px;}
.content ul li ul li{margin-bottom:2px;margin-top:2px;}
	
.container3{ /*kleine spalte unter .container2 (in #right2) eigentlich nur für #copyright*/
	float:right;
	position:relative;
	width:210px;
	margin:5px 0px 0px 5px;
}

	#copyright{
	color:#ffffff;
	}
/***** CONTENT END *****/


/***** GLOBALS *****/
.TabelleHeadBlue,.TabelleHeadBlue2 {height:37px;background-image: url(/img/tdheadblue.gif);background-repeat:no-repeat;color:#ffffff;}
.TabelleHeadBlue2 {height:27px; padding-top:10px;}
.TabelleDownRed {height:42px;background-image: url(/img/tddownred.gif);background-repeat:no-repeat;color:#ffffff;}
.TabelleUpBlue {height:42px;background-image: url(/img/tdupblue.gif);background-repeat:no-repeat;color:#ffffff;}
.BildLinks {float:left;margin-right:5px;}
.BildRechts {float:right;margin-left:5px;}

h1{	/*hauptüberschrift*/
	font-size:1.9em;
	font-weight:normal;
	color:#242D76;
	margin-bottom:0.7em;
	letter-spacing:-0.05em;
}
 
h2 {	/*überschrift für zusätzlichen inhalt*/
	font-size:1.1em;
	color:#242D76;
	font-weight:bold;
	line-height:1.25em;
margin-bottom:0.5em;
}

p{
	margin-bottom:0.5em;
	line-height:1.25em;
}

p a, p a:visited, p a:active{
	color:#9E1418;
}

p a:hover{
	text-decoration:underline;
}
#EMAILForm{
        clear:both;
        background-color:#E9E9E9;
        padding:10px 4px 4px 20px;
        margin:0px;
        width:172px;
        overflow:hidden;
        display:block;
}
.EMAILFormInput, .EMAILFormKommentar{
        border:1px solid #000000;
        width:168px;
        margin:0px;
}
.EMAILFormKommentar{
        height:80px;
}
.EMAILFormText{
        margin:0px;
}
.EMAILFormLine{
        margin: 5px 0px 5px 0px;
}
#lang{
        margin:0px 0px 0px 540px;
        background-color:#E9E9E9;
}
#lang a:hover{
        background:url(/img/buhover.gif) repeat-x scroll 0%
}

#lang a{
        display:block;
        width:224px;
        padding:0px 0px 0px 0px;
        background-repeat:no-repeat;
        background-position:0px 0px;
        font-size:90%;
        line-height:15px;
}
#lang a:hover{
        color:#FFFFFF;
}
#lang a img{
        margin:0px 10px 0px 0px;
        padding:0px;
        border:none;
        display:block;
        float:left;
}
#GoogleMap1 {width:680px;height:460px;margin-top:10px;}
h2, h3 {margin-top:2em;}
#HPFH1, #HPFH2,#HPFH3 {}
.HPFHSUB, #BOS1, #BOS2, #BOS3, #BOS4 {display:none}
#GMAPG {width:680px;height:550px;}
#BO1, #BO2, #BO3, #BO4, .TabelleHeadBlue {cursor:pointer}
#TopAni {width:980px;height:352px;position:absolute;left:5px;;top:0px;z-index:1;}
.Anitop {width:980px;height:352px;display:none}
.taL {postion:absolute;top:0; left:0;}
.taR {position:absolute; bottom:0; right:0;}
#Mapdaten {display:none}