@charset "iso-8859-1";
/* CSS Document */

body{
	padding 			: 0;
	margin 				: 0;
	background-color 	: #FFFFFF;
	background-image	: url(gelb-weiss.jpg);

}

a:link {
	text-decoration		: none;
	color				: #333333;
	background-color 	: transparent;
}

a:hover {
	text-decoration		: underline;
	color				: #333333;
	background-color 	: transparent;
}

a:visited {
	text-decoration		: none;
	color				: #333333;
	background-color 	: transparent;
}

a:active {
	text-decoration		: none;
	color				: #333333;
	background-color 	: transparent;
}


#main{
width				: 880px;
height				: 530px;
position			: absolute;
top					: 50%;
left				: 50%;
margin-left			: -440px; /*das ist die hälfte der breite... nur im minusbereich*/
margin-top			: -265px; /*das ist die hälfte der höhe... nur im minusbereich*/
border				: 1px solid #CCCCCC;
background-color	: #FFFFFF;
background-image	:  url();

/*
	z-index				: auto;
	right				: auto;
	bottom				: auto;
*/
}

#header{
	position			: absolute;
	top 				: 0px;
	left				: 0px;
	width				: 100%;
	height				: 190px;
	background-color	: #FFCC00;

}


#navigation {
	left				: 30px;
	top					: 150px;
	width				: 150px;
	height				: 336px;
	position			: absolute;
	background-image	: url(images/navi/navi_background.gif);
	background-repeat	: no-repeat;
}

#navigation2 {
	left				: 30px;
	top					: 150px;
	width				: 150px;
	height				: 336px;
	position			: absolute;
	background-image	: url(images/navi/navi_background2.gif);
	background-repeat	: no-repeat;
}

#navigation_table {
	left				: 3px;
	top					: 23px;
	position			: absolute;
}


#content{
	position			: absolute;
	top					: 210px;
	left				: 0px;
	width				: 100%;
	height				: 340px;
	overflow			: auto;
}

#karte{
	position			: absolute;
	top					: 150px;
	left				: 235px;
	width				: 600px;
	height				: 400px;
	overflow			: auto;
}


#bild{
	position			: absolute;
	top					: 170px;
	left				: 235px;
	width				: 615px;
	height				: 310px;
	overflow			: auto;
}

#zurueck{
	position 			: absolute;
	top 				: 491px;
	left 				: 750px;
	width 				: 100px;
	height 				: 20px;
	overflow			: no;
}

#content h1{
	font-family 			: "Verdana", Arial, sans-serif;
	font-size 				: 120%;
	font-weight 			: normal;
	color 					: #000;
	background-color 		: transparent;
}

#content h2{
	font-family 			: "Verdana", Arial, sans-serif;
	font-size				: 100%;
	font-weight 			: normal;
	color 					: #000;
	background-color 		: transparent;
}

#content p{
	font-family 			: "Verdana", Arial, sans-serif;
	font-size 				: 70%;
	font-weight 			: normal;
	line-height 			: 300%;
	color 					: #000;
	background-color 		: transparent;
	line-height 			: 140%;
}

#zurueck p{
	font-family 			: "Verdana", Arial, sans-serif;
	font-size 				: 70%;
	font-weight 			: normal;
	color 					: #000;
	background-color 		: transparent;
	line-height 			: 140%;
}


.navi {
	color					: #000000;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal;
 }
 
.navi a {
	color					: #000000;
 }

.navi_selected {
	background-image		:  url(images/navi/navi_button_select.gif);
 }


.s {
	color					: #000000;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal;
 }
 
.s a {
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
 }
 
.s-bold {
	color					: #000000;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: bold;
 }
 
.s-darkgray {
	color					: #333333;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal;
 }
 
 
.s-white {
	color					: #ffffff;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal; 
 }
 
.s-gray {
	color					: #666666;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal;
 }

.m {
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 11px;
	font-style				: normal;
	font-weight				: normal;
	line-height				: 130%;
	list-style-position		: inside;
	list-style-type			: square;
 }
 
.m-bold {
	color					: #000000;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 11px;
	font-style				: normal;
	font-weight				: bold;
 }
 
.l {
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 12px;
	font-style				: normal;
	font-weight				: normal;
 }
 
.l-bold {
	color					: #000000;
	font-family				: "Verdana", arial, helvetica, sans-serif;
	font-size				: 12px;
	font-style				: normal;
	font-weight				: bold;
 }
 
.xl {
         font-family		: "Verdana", arial, helvetica, sans-serif;
         font-size			: 18px;
         font-style			: normal;
         font-weight		: normal;
 }
 
.xl-bold {
         color				: #000000;
         font-family		: "Verdana", arial, helvetica, sans-serif;
         font-size			: 18px;
         font-style			: normal;
         font-weight		: bold;
 }