body {
background-color: #999999;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #336699;}
a:active { color:#000000;}

h1 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h2 {
font-size:16px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3 {
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0px;
}

h4 {
font-size: 11px;
color: #FFFFFF;
text-transform:uppercase;
background-color: #4682B4;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px; 
/* padding: 3px 0 3px 8px; */
margin:0px }

ul {list-style-type:none; margin:0; padding-left:5px;}

li { list-style-type: none; line-height:2.0em;}

img.download {vertical-align:middle;}

img {padding:5px;}
.csc-textpic-image img {padding: 0px;}


p, .bodytext {
padding: 5px 10px;
margin:0px;
font-size: 11px;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

.box {
width: 196px;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
background: #d3d3d3;
margin-top: 15px;

}

.box p {
font-size:1em;
padding:5px;
margin:0;
}

.csc-sword {background-color: #ffff00;}



#right .box p {
}

/* Formulare */

form {
	font-size: 100%;
	text-align: right;
}

input , textarea, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #dddddd;
	margin-bottom: 8px;
	padding: 2px;
}

/****************************************/
/* Mailformular */
/****************************************/
form#mailform {
	background-color: #dddddd;
	border: 1px solid #ff6699; /* violettrot */
	padding: 10px;
	width: 528px;
	height: auto;
}

fieldset.csc-mailform {
	border: none;
}

div.csc-mailform-field {
	width: 100%;
	height:auto;
	clear: both;
}

#mailform label {
	display: block;
	width: 180px;
	float: left;
}

#mailform input {
	width: 290px;
	float:right;
}

input#mailformname {
}

input#mailformemail {
}



#mailform textarea{
	width: 290px;
	float:right;
	clear: right;
}


textarea#mailformnachricht {
}

select#mailformessen {
	width: 150px;
	float: right;
}

input#mailformformtype_mail {
	width: 150px;
	background-color:#FF6699;
	color: #ffffff;
}

input#mailformcontact {
	width: 15px;
	background-color:#FF0000;
	color: #0000ff;
}


input.csc-mailform-submit {
}



/* ----------container to center the layout-------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #6ca7c4;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #a2c7da; /* color of the left column  */ 
border-right: solid 202px #a2c7da; /* #71aaca;  color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 
/* -------------- navi oben ------------- */
#navigation_oben {
/* border-top:1px solid #564b47; */
border-bottom:1px solid #564b47;
padding:0px;
margin: 0px;
}

div#navigation_oben ul
{
	width: 100%;
	text-align: right;
	margin:0;
	list-style-type: none;
	font-size: 100%;  /* 130% */
	line-height: 100%; /*120%*/
	padding: 0px 0 0px 0; /* 4 0 4 0 */
}

div#navigation_oben ul li {
	display: inline;
	color: #ff0000;
	margin:0;
	padding:0;
}

div#navigation_oben a, a.navi_oben {
	text-decoration: none;
	color: #333333;
	padding:4px;
}

div#navigation_oben a:hover, div#navigation_oben ul a:active, div#navigation_oben a.navi_oben_hover, div#navigation_oben a.navi_oben_active
{
	color: #ff6699; /*rot rollover*/
	background: #336699;
}

/* -------------- navi links ------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 z-index: 5;
 }
 #left li {
display: inline;
}

#left .nav a {
display: block;
width: 150px;
text-decoration: none;
font-weight: normal;
padding: 0 0 0 0px;
border-bottom: 1px solid #ffffff;
}
#left .nav a:link, 
#left .nav a:visited {
color: #4C4638;
background: #a2c7da;
}
#left .nav a:hover, 
#left .nav a:active,
#left .nav a:focus {
color: #ff6699; /*rot rollover*/
background: #336699;
}

#left .nav a:link.akt, 
#left .nav a:visited.akt {
/* font-weight: bold; */
color: #fff;
background: #2C4572;
}

 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-202px; 
 
}

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px;
min-height:600px; 
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }