
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666; /* #333333 */
 font-size: 12px;
 padding: 0; margin: 0;
 background: #FFCC33; /*#FFDBB7 #E5DCCF #FFECB7*/
 text-align:center;
}

#wrapper {
 width: 770px;
 margin: 0 auto;
 border: 1px solid #FFcc33; /*#FFDBB7 #E5DCCF #FFECB7*/
 /* background: url(images/forest.jpg) repeat-x bottom;  herausgenommen SgrafiX, 19.5.08*/
}

#wrapper a{
	font-size:16px;
}

#reiter {
margin: 0px !important;
padding: 0px !important;
width:730px;
text-align: left;
margin:0;
left:0px;
}

/* Höhe Seiten (von Menüleiste abhängig machen --> von Hand eintragen*/
#rightcolumn {
	min-height:756px; 
	height:expression(this.scrollHeight > 756 ? "auto":"100%"); 	
}

* html #rightcolumn{
	 height:758px; 
}

/* Linke Spalte  --------------------------------------------------------------------- */
#leftcolumn { 
 padding: 10px;
 display: inline; /* IE Fix */
 float: left;
 border-left: 1px dashed #FF6600;
 border-right: 1px dashed #FF6600;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 background-color: #fff;
 text-align:left;
}

#leftcolumn {
	min-height:670px; /* Höhe Bild Startseite*/
	height:expression(this.scrollHeight > 670 ? "auto":"100%"); 	
}

#leftcolumn .logo {
background-color:#FFFFFF;
border:1px none #CCCCCC;
height:100px;
margin:0px 0px 10px;
text-align:center;
width:180px;
}

#leftcolumn .logo p { 
 margin: 20px 0px 10px 0px;
 color:#FFFFFF;
}

#leftcolumn .logo h1 { 
 margin: 20px 0px 10px 0px;
 color:#FF6600;
 font-size:20px;
}

#leftcolumn .logo img { 
/*display: block;*/ 
vertical-align: middle;
margin: 0px;
}

#leftcolumn h3{
 text-align:left;
}
#leftcolumn .leftbox2 { /* Generic Box */
 margin: 0px 0px 10px 0px;
 border-top: 1px dashed #ccc;
}
/* Begin Left Navigation */
#leftcolumn ul.mainnav { 
 margin: 0px;
 padding: 0;
 list-style: none;
}
#leftcolumn ul.mainnav .heading {
 background-color: #FF6600;
 padding: 3px;
 color: #fff;
 font-size: 13px;
 font-weight:bold;
}


#leftcolumn ul.mainnav li { 
 border-bottom: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 border-left: 1px dashed #ccc;
}

#leftcolumn #leftbox ul.mainnav li.heading a{
 color: #333;
 background-color: #FF6600; 
 text-decoration: none;
 padding: 5px;
 display: block;
 font-size: 12px;
}

#leftcolumn ul.mainnav li a:link, #leftcolumn ul.mainnav li a:visited{ 
 color: #333;
 background-color: #F9F9F9;
 text-decoration: none;
 padding: 5px;
 display: block;
 font-size: 12px;
}
#leftcolumn ul.mainnav li a:hover{ 
 display: block;
 background-color: #FFE9A6; /* #FFECB7 #EEF1ED #E5DCCF*/
 text-decoration: none;
 padding: 5px;
}
/* End Left Navigation */
/* Ende Linke Spalte  ----------------------------------------------------------------------- */


/* Rechte Spalte ----------------------------------------------------------------------- */
#rightcolumn {
 border-top: 1px solid #ccc;
 border-left: 1px dashed #FF6600;
 border-right: 1px dashed #FF6600;
 border-bottom: 1px solid #ccc;
 margin: 0 0 0 10px;
 display: inline; /* IE Fix */
 width: 514px;
 float: left;
 background-color: #fff;
 text-align:left;

}



#rightcolumn p {
 border: 1px solid #fff;
 margin: 10px;
 color:#333333;
 line-height:160%;
}


#rightcolumn p.content img {
 float: left;
 margin: 0px 10px 10px 0px;
}

#rightcolumn h1 {
color:#FF6600;
font-size:17px;
margin:10px;
padding:3px 10px 0px 0px;
}

#rightcolumn h2 {
background:#FFFFFF none repeat scroll 0% 50%;
border-top:1px dashed #000000;
color:#FF6600;
font-size:13px;
margin:15px 10px 10px;
padding:20px 10px 0px 0px;
/*padding:0px 10px 0px 0px;*/
}

/* für kleine Schrift*/
#rightcolumn h6, #rightcolumn h6 a{
   font-weight:normal;
	font-size: 10px;
	line-height:120%;
   margin: 5px 10px 20px 10px;
} 

#rightcolumn ul {
	margin:0;
	padding:0;
	margin-top:-5px;
	padding-bottom:5px;
}

#rightcolumn li {
   color: #333333;
	margin-left: 26px; 
	*margin-left: 28px; 
	margin-right:10px;
	list-style-position: outside;
	list-style: disc;
	padding-bottom:5px;
   line-height: 140%;
	}

#rightcolumn .ende {
	/* border-top:1px dashed red; */
}

#rightcolumn a {
 font-size: 12px;
 color:#FF6600;
}

#rightcolumn a:hover {
 color:#333333;
}

#rightcolumn .banner {
background-color:#FFFFFF;
border:1px none #CCCCCC;
height:100px;
margin:0px;
margin-left:10px;
margin-top:8px;
}
#rightcolumn .banner img { 
display: block;
margin:0px;
}

#rightcolumn .banner h1{
	background: transparent;
	border: none;
	margin: 0px;
}


#rightcolumn .contenttable td {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0 !important;
padding: 0px 10px 5px 10px !important;
vertical-align:top;
}

#rightcolumn .contenttable td p{
	margin:0px;
}


/* Ende Rechte Spalte ----------------------------------------------------------------------- */
.clear {
 clear: left;
}

#footer {
 background: #fff;
 border: 1px dashed #ccc;
 visibility: hidden;

}
#footer .text {
padding: 5px;
 margin: 0 auto;
 width: 710px;
 border: 1px solid #fff;
}
#footer .text a:link, #footer .text a:visited { color: #333; text-decoration: none; }
#footer .text a:hover {  color: #333; text-decoration: underline; }
#footer .text img { border: none ; }


/* ----------------- Spezifisches -----------------------*/

/* ??? */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin-left:10px;
}

/* Abstand von Breadcrumb und Titel vergrössern */
div.csc-header  h1 {
	margin-top:20px !important;
}	
	
div.csc-textpic img {
margin-left:10px !important;
}