body {

margin:0px;
padding:0px;
text-align:center;

background-image:url(../img/fr_bg.png);
background-repeat:repeat-x;
background-position:0px 0px;
background-color:#278833;

}

div{
margin:0px;
padding:0px;
}

div#spacer-top {
margin: 0pt auto;
height:10px;
width:900px;
}
div#spacer-bottom {
margin: 0pt auto;
height:3px;
width:900px;
}

div#page {
margin: 0pt auto;
height:auto;
width:900px;
}

div#head a{
color:white;
font-size:9px;
font-family:verdana;
text-decoration:none;
}
div#head {
margin-top:9px;
width:900px;
height:25px;
float:left;
color:white;
font-size:9px;
font-family:verdana;
}

div#head-left {
width:250px;
height:25px;
float:left;
text-align:left;
}

div#head-right {
width:650px;
height:25px;
float:left;
text-align:right;
}

.top-item {
float:left;
margin-right:5px;

}


.top-item-no {
border-bottom:1px solid white;
}


.top-item-act {
border-bottom:2px solid white;
}


.top-item-no a:hover{
border-bottom:1px solid red;
}



div#center {
width:900px;
height:auto;
float:left;
background-color:white;
}


div#center-top {
width:900px;
height:305px;
float:left;
background-image:url(../img/fr_kopf.png);
background-repeat:no-repeat;
background-position:0px 0px;
}


div#center-top-first {
height:105px;
width:900px;
float:left;
}

div#center-top-first-left {
height:55px;
width:404px;
margin-top:38px;
margin-left:55px;
float:left;
}

div#center-top-first-right {
height:63px;
width:82px;
margin-top:9px;
margin-left:350px;
float:left;
}


div#center-top-second {
height:199px;
width:500px;
float:left;
text-align:left;
}


div#center-middle {
width:900px;
height:auto;
float:left;
}

div#center-bottom {
width:900px;
height:25px;
float:left;
}


/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 500px;
	height: 181px;
	overflow: hidden;
	margin-left:24px;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 181px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 181px;
}

#imageMenu ul li a {
background-attachment:scroll;
background-position:0%;
background-repeat:repeat;
background-color:transparent;
}


.clear {
	clear: both;
}

/*************************************************************/


div#center-middle-1 {
width:230px;
float:left;
height:auto;
background-color:transparent;
}


div#center-middle-2 {
/*width:450px;*/
width:640px;
float:left;
height:auto;
background-color:transparent;
text-align:justify;
font-size:14px;
font-family:verdana;
}

div#center-middle-3 {
width:200px;
float:left;
height:auto;
background-color:transparent;
margin-left:15px;
}

div#center-middle-f2 {
width:190px;
margin-left:25px;
float:left;
height:auto;
margin-top:20px;
}
div#center-middle-f2 img{
border:none;
}


div#center-middle-f1 {
width:190px;
height:auto;
float:left;
margin-left:25px;
}

div#box-top {
height:6px;
width:190px;
float:left;
background-image:url(../img/box_top.png);
background-position:-1px;
}
div#box-middle {
height:auto;
width:190px;
float:left;
background-color:#31508d;
background-image:url(../img/box_right.png);
background-position:right;
background-repeat:repeat-y;
padding-top:5px;
padding-bottom:10px;
}

div#box-bottom {
height:6px;
width:190px;
float:left;
background-image:url(../img/box_bottom.png);
}



div#box-middle-left {
width:40px;
margin-left:5px;
float:left;
height:180px;
background-image:url(../img/menu.png);
background-repeat:no-repeat;
background-position: 1px 1px;
}
div#box-middle-center {
width:140px;
float:left;
height:auto;
}


div#center-middle-r1 {
width:200px;
float:left;
margin-top:10px;
height:auto;
}


div#center-middle-r2 {
width:200px;
float:left;
margin-top:10px;
height:auto;
}

div#webcam-head {
color:white;
background-color:#31508d;
margin-bottom:10px;
width:194px;
float:left;
font-size:14px;
font-family:verdana;
text-decoration:none;
text-align:left;
padding:3px;
}


div#webcam-body {
color:black;
background-color:white;
width:190px;
float:left;
font-size:14px;
font-family:verdana;
text-decoration:none;
text-align:left;
padding:5px;
}

div#termin-head {
color:white;
background-color:#31508d;
margin-bottom:10px;
width:194px;
float:left;
font-size:14px;
font-family:verdana;
text-decoration:none;
text-align:left;
padding:3px;
}


.termin-item {
color:black;
background-color:white;
margin-bottom:5px;
width:194px;
float:left;
font-size:13px;
font-family:verdana;
text-decoration:none;
text-align:left;
padding:3px;
}

.contenttable li {
color:#31508d;
}


.contenttable a {
color:#31508d;
text-decoration:underline;
}



div#wetter {
width:388px;
height:40px;
margin-top:135px;
float:left;
text-align:left;
background-color:white;
border:1px solid white;
opacity:.65;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
}

.degree {
color:#31508d;
font-size:35px;
font-family:verdana;
width:96px;
float:left;
margin-left:5px;
/*font-weight:bold;*/
}

.condition {
color:#31508d;
font-size:9px;
font-family:verdana;
width:115px;
float:left;
font-weight:bold;
margin-top:3px;
}
.sonne a{
color:#31508d;
font-size:9px;
font-family:verdana;
font-weight:bold;
}
.sonne {
color:#31508d;
font-size:9px;
font-family:verdana;
width:73px;
float:left;
font-weight:bold;
margin-top:3px;
}

.wicon {
width:80px;
marign-left:10px;
float:left;
height:40px;
background-repeat:no-repeat;
background-position: 0 60%;
}


.csc-mailform {
border:none;
}

.csc-textpic-caption {
font-size:9px;
font-family:verdana;
font-weight:bold;
color:#31508d;
}

div#webcam-box {
width:640px;
text-align:center;
margin-top:3px;
margin-bottom:3px;
}

.webcam-input {
color:white;
background-color:#31508d;
border:none;
font-size:9px;
font-family:verdana;
font-weight:bold;

padding:3px;
}