body {  
	background: #EDDFB2; 
	width: 100%;
	margin:0; padding:0;
	text-align:center;
	
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #EDDFB2;
}

.panframe-top { position:absolute; width:1000px; height:94px; top:154px; background: url(../img/panframe-top.png);}
.panframe-bottom { position:absolute; width:1000px; height:94px; bottom:210px; background: url(../img/panframe-bottom.png);}

/* spanndivs */
.wrapper { 
	position:absolute; width:1000px; text-align:left;
	left: 50%; margin-left:-500px; top:0px; background: #EDDFB2;
}


.randimg { position: absolute; left:0; width:425px; height:260px; background: url(../rndtop/rnd-4.png) }
.randimg .csc-textpic-image { margin:0 !important; }

.header { clear:both; width:1000px; height:162px;  }
.leftdiv { width:425px; height:162px;  float: left;}
.logo { width:150px; height:162px; background:#c00418 url(../img/seray-logo.gif)  top center no-repeat;  float:left; }

.navi, .subnavi { position: absolute; top: 10px; width: 165px; left: 575px; z-index:99}
.subnavi { width:250px; left: 740px;}

.contentframe { height:488px; background: black  url(../img/content-back-img.jpg) top left no-repeat; overflow: auto;  }

.left { float: left; width: 575px;  overflow: hidden; height:488px; }
.main { float: left; width: 400px; }

.mainframe { padding:95px 0 50px 20px; }
.leftframe { float: right; width:575px; }	

.subsub { width:150px; float:left;  margin: 95px 20px 0 255px; text-align:right}
.subsub ul li   { display: block; margin:-1px; border-top: 1px solid; }

.subsub ul li a  { text-decoration: none; padding:6px; color: #EDDFB2; font-weight: bold; }
.subsub ul li.active  { background: #C00418; }

.subsub ul ul { background: black; }
.subsub ul ul li  { font-weight: normal; border: none;   }
.subsub ul ul li a { font-weight: normal; }
.subsub ul ul li.active  { background: none ; }
.subsub ul ul li.active a { color: #C00418;}


.leftmarker { float: right;  margin-top:85px;  }

.footerframe { height:250px; width:1000px; }

.footerleft { width:425px; height:250px;  float: left;}

.footerimg { width: 200px; margin: 100px 10px 10px 200px; }
.footerimg span a img { margin: 0 -7px; }

.footermiddle { width:150px; height:250px; background:#c00418;  float:left; }
.footerright { width:425px; height:128px; float:left; background: url(../img/footer-img.gif) top left no-repeat; margin-top:41px; }


/* hack für bilder rechts */


.news-list-date { font: normal 10px Arial, Helvetica, sans-serif; }


.footerleft ul { text-align:right; padding-top: 65px; padding-right:10px; }


ul {margin:0; padding:0; list-style-type:none; }
.mainframe ul {margin:0; padding:0; list-style-type: disc; }
.mainframe li { list-style-image: url(../img/li.gif); margin-left:20px; margin-bottom: 5px; }

h1 { display: block; color: #C00418; margin: 0 0 10px 0; font:normal 25px Arial, Helvetica, sans-serif; }
h2 { display: block; color: #EDDFB2; margin: 0 0 5px 0; font:italic 16px Arial, Helvetica, sans-serif; }
h3 { display: block; color: #C00418; margin: 10px 0 5px 0; font:italic 14px Arial, Helvetica, sans-serif; }

a { color: #BBB08C; text-decoration: underline; }

/* kontakt */
.labelblock { display: block; clear: both; margin-bottom: 8px; }
#mailform  input, #mailform textarea { border: none; background: #EDDFB2;  }
#mailform label { width: 100px;  width:100px; display: block; float: left; }
.required { color: red; }

.copyright { margin-top:30px;}
