/* ---------------------------------------------------------------------------------------------------- */
/* =basics */
/* ---------------------------------------------------------------------------------------------------- */
html{ overflow-y:scroll; }
body{ background: #fff url(../images/bg.jpg) top left repeat-x; color: #323232; font: 11px/18px Verdana, sans-serif; margin: 0; padding: 0; }

img{ border: none; }
p{ padding-top: 0; margin-top: 0; }

h1{ color: #BF0E20; font-size: 13px; font-weight: bold; margin: 0; padding: 5px 0 3px; }
h2{ color: #323232; font: 11px/18px Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; }
a{ color: #BF0E20; text-decoration: none; }
a:hover{ color: #323232; }

table{ border-collapse: collapse; border-spacing: 0;  margin: 0; padding: 0; table-layout: auto; width: 100%;  }
td{ vertical-align: top; width: 165px; }

#mainContainer{ width: 953px; margin: 0 auto; }

/* ---------------------------------------------------------------------------------------------------- */
/* =navigation */
/* ---------------------------------------------------------------------------------------------------- */
#navMain{ list-style-type: none; font-size: 13px; margin: 25px 0 8px 0; padding: 0; float: right; font-weight: bold; }
#navMain li{ background: url(../images/navtrenner.png) right center no-repeat; float: left; margin: 0; padding: 0 10px 2px 10px; }
#navMain li.lastNav{ background: none; padding-right: 2px; }
#navMain a{ color: #5A5A5A; }
#navMain a:hover, #navMain a.act{ color: #BF0E20; }

/* ---------------------------------------------------------------------------------------------------- */
/* =header */
/* ---------------------------------------------------------------------------------------------------- */
#header{ clear: both; }
#logo, #logoMain{ float: left; }
#sidebar{ /*background: url(../images/head_hgverlauf.jpg) top left no-repeat;*/ background: #BDCFB9; border-left: 1px solid white; color: #fff; float: left; font-size: 13px; font-weight: bold; height: 129px; width: 282px; padding: 195px 5px 5px 25px; }
#sidebar.main{ /*background-image: url(../images/head_hgverlauf_klein.jpg);*/ background: #BDCFB9; height: 329px; width: 312px; padding: 0; }

#sidebar a.headerlink{ background: url(../images/link_pfeil_weiss.gif) right center no-repeat; color: #fff; padding-right: 16px; }
#sidebar a.headerlink:hover{ background-image: url(../images/link_pfeil_over.gif); color: #666666; }

/* ---------------------------------------------------------------------------------------------------- */
/* =content */
/* ---------------------------------------------------------------------------------------------------- */
#contentWrapper{ background: url(../images/dotted_col.png) top left repeat-y; clear: both; float: left; margin: 10px 0; }
#content{ float: left; padding: 0 20px 0 0; width: 620px; }
#contentRight{ float: left; padding: 0 0 0 20px; width: 293px; }

#flash{ background-color: #fff; border: 2px solid #D8D8D8; float: left; /*height: 555px;*/ width: 948px; margin-bottom: 15px; }
.dottedLine{ background: url(../images/bg_trenn_horiz.gif) bottom left repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* =logos footer */
/* ---------------------------------------------------------------------------------------------------- */
#logos{ background: url(../images/partner_rahmen.gif) top left no-repeat; clear: both; width: 952px; height: 54px; }
#logos dl{ margin-top: 2px; }
dl.csc-textpic-image{ padding: 0 11px; }

#footer{ margin-top: 8px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =kontaktformular */ 
/* ---------------------------------------------------------------------------------------------------- */
div#kontaktFormular p,
#mailform p{
	clear: both;
	padding: 0px;
	margin: 0;
	line-height: 10px;
}

div#kontaktFormular p label{
	float: left;
	width: 120px;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}

div#kontaktFormular p input{
	height: 15px;
	float: left;
	border: 1px solid  white;
	margin: 0;
	padding: 2px 0 0 3px;
	width: 171px;
	text-align: left;
	font: 12px/1 verdana,sans-serif; 
	background-color: #E1E0DC;
	color: black;
}

div#kontaktFormular p textarea{
	float: left;
	border: 1px solid white;
	padding: 2px;
	text-align: left;
	background-color: #E1E0DC;
	color: black;
	font: 12px/1.1 verdana,sans-serif;
	width: 400px;
}

div#kontaktFormular p.formText{
	clear: both;
	margin: 0;
	padding: 3px 0;
}



div#kontaktFormular .mf-submit{ background: url(../images/link_pfeil.gif) 100% 70% no-repeat; color: #BF0E20; cursor: pointer; font-size: 13px; font-weight: bold; padding-right: 20px; margin-left: 120px; display: block; width: 210px; height: 20px; }
div#kontaktFormular .mf-submit:hover{ background-image: url(../images/link_pfeil_over.gif); color: #666666; }

div#kontaktFormular p input#plz{ width: 45px; margin-right: 2px;}
div#kontaktFormular p input#ort{ width: 120px; }

#checkboxes{ padding-left: 120px; }
div#kontaktFormular p input.checkbox{ width: auto; border: none; }
div#kontaktFormular p label.checkbox{ width: auto; padding: 0 0 0 10px; margin-top: 1px; height: 15px; }

div#kontaktFormular p.error,
#mailform p.error{
	margin: 0 0 5px 0;
	padding: 0;
}

p.error{
	color: #8C0000;
}

div#kontaktFormular div.checkbox{ margin-top: 10px; }
div#kontaktFormular div.checkbox label{ padding-top: 1px; }
div#kontaktFormular div.checkbox p input{ width: 15px; margin-right: 15px; }

div#kontaktFormular p.radio{ margin-left: 120px; }
div#kontaktFormular p.radio label{ padding-top: 1px; width: 60px; }
div#kontaktFormular p.radio input{ width: 15px; margin-right: 5px; }