/*----------------------------------------------------------------------*/
/*                                                                      */
/*                       Stylesheet zu ETOPS                            */
/*                             *  *  *  *                               */
/*                       Design: www.yellowdot.ch                       */
/*                                                                      */
/*    DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE   */
/*    BROWSERVERSIONEN OPTIMIERT UND GETESTET.                          */
/*                                                                      */
/*----------------------------------------------------------------------*/

/*======================================================================*/
/* Standard-Elemente - Grundeinstellungen                               */
/*======================================================================*/



html, body, #container {
     height:100%;
}


html, body, div, p, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, img, blockquote {
	margin: 0;
	padding: 0;
}

table { border:0 none; border-collapse:collapse; border-spacing:0; }
tr	{ vertical-align:top; }
td { border:0 none; padding:0; }
td img { display:block; }
a { font-size:1.2em; color:#555574; text-decoration: none; }
a:hover{ color: #dd0000; }

body {
	height: 100%;
	min-height: 100%;
	background:#FFFFCC;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:84%;
	line-height:128%;
}

#center_container {
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	width: 1000px;¨
}


#head_top {
	height:15px;
	background-image:url(../images/head_top.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin-top:20px;
}

#head_main {
	margin: 0 auto;
	margin-top: 0px;
	min-height:100px;
	height:100%;
	background-image:url(../images/head_main.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	text-align:left;
}

#head_main {
	height:100%;
}
#content_top {
	height:0px;
	background-image:url(../images/content_top.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	height:40px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	font-size:80%;
	color:#333333;
}

#footer a:link, #footer a:visited, #footer a:active  {
	color: #dd0000;
}

#footer a:hover{
	color: #059CDA; 
}


#logo {
	
	margin: 0 auto;
	margin-left: 10px;
}





#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	z-index: 13;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:0%;
	z-index: 14;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:0%;

	text-align:center;	
	min-height:450px;
	background-image:url(../images/head_main.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	color:#555574;
	z-index: 15;
}

#col1 {
	float:left;
	width:20%;
	position:relative;
	left:4.0%;
	overflow:hidden;
	text-align:left;
	
		z-index: 10;
}
#col2 {
	float:left;
	width:52%;
	position:relative;
	left:0.0%;
	overflow:hidden;
	text-align:left;
	z-index: 11;
}
#col3 {
	float:left;
	width:28%;
	position:relative;
	left:3.8%;
	overflow:hidden;
	text-align:left;
	z-index: 12;
}




#navi_bottom {
	display:inline; /* <= Der Workaround */
	position:relative;/* fuer IE 6 da der Float unten nicht richtig läuft */

	float:left;
	margin: 0 auto;
	margin-top: 0px;
	margin-left: 0px;

	width: 170px;
	height: 300px;

	padding: 0px 0px 0px 0px;
	text-align: left;
	
	z-index: 40;
}

#navi_bottom a:link, #navi_bottom a:visited, #navi_bottom a:active  {
	padding-left: 22px;
}

#navi_bottom a:hover{
	background-image:url(../images/pfeil.jpg);
	background-repeat:no-repeat;
	padding-left: 22px;
}

#background_image {
	display: inline; /* <= Der Workaround */
	position:relative;/* fuer IE 6 da der Float unten nicht richtig läuft */

	float:left;
	margin: 0 auto;
	margin-top: 0px;
	margin-left: 200px;

	width: 700px;
	height: 100%;
	min-height:200px;

	padding: 0px 0px 0px 0px;
	text-align: left;
	
	z-index: 50;
}




#box {
	display: inline; /* <= Der Workaround */
	position: relative;/* fuer IE 6 da der Float unten nicht richtig läuft */

	float:right;
	margin: 0 auto;
	margin-top: 0px;
	margin-right: 0px;

	width: 200px;
	height: 100%;
	min-height:600px;

	padding: 0px 0px 0px 0px;
	text-align: left;
	
	z-index: 70;
}

#title {
	color:#555574;
	font-weight:bold;
	font-size:1.30em;
	height: 30px;
}

#selected {
 	font-weight:bolder;
}

#selected_bottom {
 	font-weight:bolder;
	background-image:url(../images/pfeil.jpg);
	background-repeat:no-repeat;
	padding-left: 22px;
}

#slideshow0 {
	position:absolute;
	margin: 0 auto;

	margin-top: 0px;
	top: auto;
	margin-left: 10px;
	left: auto;
	
	z-index: 2;
}