@charset "utf-8";

/* CSS Document */
body {
	position:relative;
	background-color: #fff;
	font-size: small;
	font-family: Verdana, Arial, Sans-Serif;
	color:#000;  
	text-align: center;
}
#container {
	margin:auto;/*WICHTIG für ZENTRIEREN*/
	position:relative;
	top: 20px;
	width: 915px;
	
}
*:first-child+html #container[id]{
	margin:auto;/*WICHTIG für ZENTRIEREN*/
	position:relative;
	top: 20px;
	width: 863px;
}
#container_oben{
	width: 1065px;
	min-height: 200px;
}
#container_mitte{
	width: 1065px;
	min-height: 200px;
}
#container_unten{
	width: 1065px;
	min-height: 100px;
}
a {
	color: #444;
	text-decoration:none; 
	cursor:pointer;
}
a:visited {
	color: #444;
	text-decoration:none; 
	cursor:pointer;
}
a:hover {	
	color: #444;
	text-decoration:none; 
	cursor:pointer;
}
a:active {
	color: #444;
	text-decoration:none; 
	cursor:pointer;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Blaue Seite*/
#container_blau_oben { 
	float: left;
	margin: 0;
	padding: 0px;
	width: 400px;
	height:100px;
	border-top: 3px #1f71b2 solid;/*blau dunkler*/
	border-left: 3px #1f71b2 solid;/*blau dunkler*/
	border-right: 3px #1f71b2 solid;/*blau dunkler*/
	text-align: left;
	background-color: #7bbdf0;/*blau heller*/
	overflow: auto;
}

#container_blau_mitte { 
	float: left;
	margin: 0;
	padding: 0px;
	width: 250px;
	height: 420px;/*220px;*/
	border-left: 3px #1f71b2 solid;/*blau dunkler*/
	border-right: 3px #1f71b2 solid;/*blau dunkler*/
	background-color: #7bbdf0;/*blau heller*/
	overflow: auto;
	
}
#container_blau_mitte h3{
	padding-top: 155px;
	color: #333;
	font-size: 160%;
	font-weight: bolder;
	letter-spacing: 3px;
	text-transform: uppercase;
} 
#container_blau-weiss_mitte { 
	float: left;
	margin: 0;
	padding: 0px;
	width: 150px;
	height: 414px;/*214px;*/
	border-top: 3px #1f71b2 solid;/*6 pixel höher gemacht*/
	border-bottom: 3px #1f71b2 solid;/*blau dunkler*/
	text-align: left;
	background-color: #fff;/*blau heller*/
	overflow: auto;
}
#container_blau_unten { 
	float: left;
	margin: 0px;
	padding: 80px 120px 0 0;
	width: 280px;
	height: 25px;
	border-left: 3px #1f71b2 solid;/*blau dunkler*/
	border-right: 3px #1f71b2 solid;/*blau dunkler*/
	border-bottom: 3px #1f71b2 solid;/*blau dunkler*/
	text-align: right;
	background-color: #7bbdf0;/*blau heller*/
	overflow: auto;
	font-size: 120%;
	font-weight: bolder;
	
}
/*Ende Blaue Seite*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Gruene Seite*/
#container_gruen_oben { 
	padding: 0px;
	width: 400px;
	height: 100px;
	border-top: 3px #7b9a3e solid;
	border-left: 3px #7b9a3e solid;
	border-right: 3px #7b9a3e solid;
	text-align: left;
	background-color: #ccff66;
	overflow: auto;
}
#container_gruen_mitte { 
	float: none !important;
	float: left;/*für IE 6*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 250px;
	height: 420px;/*220px;*/
	border-left: 3px #7b9a3e solid;/* #1cc941 solid;blau dunkler*/
	border-right: 3px #7b9a3e solid;/*blau dunkler*/
	background-color: #ccff66;/*blau heller*/
	overflow: auto;
}

#container_gruen_mitte h3{
	padding-top: 155px;
	color: #333;
	font-size: 160%;
	font-weight: bolder;
	letter-spacing: 3px;
	text-transform: uppercase;
} 
#container_gruen-weiss_mitte { 
	float: left;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	width: 150px;
	height: 414px;/*214px;*/
	border-top: 3px #7b9a3e solid;/*6 pixel höher gemacht*/
	border-bottom: 3px #7b9a3e solid;/*blau dunkler*/	
	text-align: left;
	background-color: #fff;/*blau heller*/
	overflow: auto;
}
#container_gruen_unten { 
	padding: 80px 0 0 120px ;
	width: 280px;
	height: 25px;
	border-left: 3px #7b9a3e solid;
	border-right: 3px #7b9a3e solid;
	border-bottom: 3px #7b9a3e solid;
	text-align: left;
	background-color: #ccff66;/*#7bf094*/
	overflow: auto;
	font-size: 120%;
	font-weight: bolder;
}
/*Ende Bruene Siete*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Weisse mitte*/

#container_weiss_mitte_1 { 
	float: left;
	width: 50px;
	height: 103px;
	
}
#container_weiss_mitte_2 { 
	float: left;
	width: 50px !important;
	width: 78px;/*für IE 6*/
	margin: 0 0 0 0;
	height: 400px;
	
}
/*
* + #container_weiss_mitte_2[id] {
	float: left;
	width: 75px ;
	margin: 0 0 0 0;
	height: 400px;
	background-color: lime;
}


*:first-child+html #container_weiss_mitte_2[id] {
	width: 178px;
	height: 420px;
	background-color: lime;
}
*/
#container_weiss_mitte_3 { 
	float: left;
	width: 50px;
	height: 73px;
	
}
/*EndeWeisse mitte*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Bild in der Mitte mit allen Browseraußnahme*/
#container_bild {
	position: absolute;
	margin: 7px 0 0 -504px ;
	margin : 7px 0 0 -350px\9; /* IE 8 */
	padding: 0 0 0 0;
	background: #fff ;
	z-index: 99;

}
*.* #container_bild { /*IE5 + 6*/
	margin: -417px 0 0 -415px ;
}

*body #container_bild[id] { /*Safari*/
	margin: 3px 0 0 256px ;
}

*:first-child+html #container_bild[id] {/*IE 7*/
	margin: 7px 0 0 -478px ;
}

html:first-child #container_bild{/*Opera*/
	margin: 10px 0 0 357px;
}

/*Ende Bild in der Mitte*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Visitenkarte*/
#visitenkarte {
	position: absolute;
	margin: 210px 0 0 -504px ;
	margin : 210px 0 0 -350px\9; /* IE 8 */
	padding: 0 0 0 0;
	height: 200px; 
	width: 356px;
	z-index: 100;
	color: #333;
}
*.* #visitenkarte { /*IE5 + 6*/
	margin: -215px 0 0 -415px;
	width: 359px;
}

*body #visitenkarte[id] { /*Safari*/
	margin: 217px 0 0 253px ;
}

*:first-child+html #visitenkarte[id] {/*IE 7*/
	margin: 210px 0 0 -478px ;
}

html:first-child #visitenkarte{/*Opera*/
	margin: 210px 0 0 257px;
}

#visitenkarte p{
	font-size: 80%;
}
#visitenkarte h1{
	font-size: 120%;
}
#visitenkarte h2{
	font-size: 100%;
}


/*Ende Bild in der Mitte*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/