/*
#################################################################################################
# General
#################################################################################################
*/

*{ margin: 0; padding: 0; outline: none; }

h1, h2, h3, h4, h5, h6{
	color:#007ba3; 
	margin-bottom: 10px; 
	font-weight: normal;
}

h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 12px; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }
.contentelement{
	clear:both;
	margin-bottom: 20px;
}

html {
	height: 100%; 
	overflow: scroll;
	overflow-x: auto; /*CSS3*/
	font: 11px verdana, arial, sans-serif;
	background: #4ca2be; /*CHROME FIX*/
} 

body {
	height: 100%;
	height: auto !important;
	background: #4ca2be url(../img/bg_page.jpg) repeat-x;
}


#pagewrap{
	margin: 0 auto;
	width: 998px;
	background: url(../img/bg_wrap.jpg) no-repeat center top;
}

/*
#################################################################################################
# Layout -> Header
#################################################################################################
*/

#header{
	color:#007ba3;
}

a#logo{
	width: 112px;
	height: 64px;
	float: left;
	/* border: 1px solid red; */
	display: block;
	text-indent: -999999px;
	margin: 40px 0 0 52px;
}

#hotline{
	float: left;
	margin: 26px 0 0 654px;
	font-size: 15px;
	font-weight: bold;
}

#topNavi{
	list-style-type: none;
	float: left;
	margin: 40px 0 0 596px;
}

#topNavi li{
	float:left;
	margin-left: 7px;
}

#topNavi li a{
	text-decoration: none;
	color:#007ba3;
}

#topNavi li.act a{
	border-bottom: 1px solid;
	padding: 0 0 2px 0;
}

/*
#################################################################################################
# Layout -> Main Navigation
#################################################################################################
*/
#mainNavi1{
	font-size: 12px;
	color: #fff;
}

#mainNavi1 li {
	margin-bottom: 20px;
}

#mainNavi1 li a {
	padding-left: 20px;
}

#mainNavi2 li, #mainNavi3 li{
	padding-left: 0px;
}

#mainNavi1, #mainNavi2, #mainNavi3{
	list-style-type: none;
}

#mainNavi1 li a, #mainNavi3 li a, #mainNavi3 li a{
	color: #fff;
	text-decoration: none;
}

#mainNavi1 li a:hover, #mainNavi3 li a:hover, #mainNavi3 li a:hover{
}

#mainNavi1 li.subact1 a {
	border: 1px solid #fff;
	background: #a8d2e0 url(../img/btn_bg_mnavi.png) repeat-x left top; 
	/* background: #fff; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:#007ba3;
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	margin-bottom: 20px;
}

#mainNavi1 li.subact1 a:hover{
	font-weight: normal;
}

#mainNavi2 li.act2 a, #mainNavi2 li.act2 a:hover{
	font-weight: bold;
}

#mainNavi2 li a{
	font-weight: normal;
	padding-left: 6px;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin-left: 30px;
	background: none !important;
	border: none !important;
	border-left: 2px solid #fff !important;
	color: #fff !important;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
}

#mainNavi1 li.act1 a{
	font-weight: normal;
	border: 1px solid #fff;
	background: #a8d2e0 url(../img/btn_bg_mnavi.png) repeat-x left top;
	/* background: #fff; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:#007ba3;
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	margin-bottom: 20px;
}
/*
#################################################################################################
# Layout -> Left
#################################################################################################
*/

#left{ 
	width: 197px;
	float: left;
	padding: 60px 10px 0 35px;
	color: #fff;
}

/*
#################################################################################################
# Layout -> Content
#################################################################################################
*/
#content_wrap{
	float: left;
}

#content{
	background: url(../img/bg_content.png) repeat-y center top;
	width: 447px;
	padding: 10px 33px 20px 33px;
	color:#999999;
	min-height: 480px;
}

#content_top{
	background: url(../img/bg_content_top.png) no-repeat center bottom;
	width: 513px;
	height: 76px;
	margin: 0 auto;
	text-indent: -999999px;
}

#content_bottom{
	background: url(../img/bg_content_bottom.png) no-repeat center top;
	width: 514px;
	height: 30px;
	text-indent: -999999px;
}

#content .contentelement ol, #content .contentelement ul{
	margin: 15px 0;
	
}

#content .contentelement ol li{
	padding: 2px 0 2px;
	margin-left: 35px;
	width: 350px;
}

#content .contentelement ul li{
	list-style-type: none;
	margin-left: 15px;
	padding: 2px 0 2px 20px;
	background: url(../img/ol_list_item.png) no-repeat left 2px;
	width: 350px;
}

#content a{
	color: #007ba3;
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;
}

#content p {
	margin-bottom:10px;
}

/*
#################################################################################################
# Layout -> Right
#################################################################################################
*/

#right{
	float: left;
	width: 220px;
	color: #fff;
	padding: 60px 0 0 0;
}

/*
#################################################################################################
# Layout -> footer
#################################################################################################
*/

#footer{ 
	width: 514px;
	color: #fff;
	margin-bottom: 50px;
}

#footer_logo img{ 
	margin-left: 15px;
	float:left;
}

#footer_logo p{
	margin: 10px 0 0 10px;
	width: 396px;
	float:left;
}
#footer_logo p span{
	color: #a3d7e7;
}

/*
#################################################################################################
# Layout -> Sitemap
#################################################################################################
*/

.tx-wssitemap-pi1 a img{
	margin-right: 5px;
}

.tx-wssitemap-pi1 .treemenudiv a {
	text-decoration: none !important;
}

/*
#################################################################################################
# Layout -> Contentborder
#################################################################################################
*/

.csc-frame-frame1{
	border-bottom: 1px solid #999999;
}

/*
#################################################################################################
# Layout -> Contactform
#################################################################################################
*/

#mailform input{
 	font-family:arial;
 	font-size:12px;
 	color: #007ba3;
 	padding: 5px;
}

#mailform textarea{
	font-family:arial;
 	font-size:12px;
 	width:278px;
 	color: #007ba3;
 	padding: 5px;
}

.csc-mailform-field{
 	margin-top:10px;
 	margin-bottom:10px;
 	color: #007ba3;
}

.csc-mailform{
 	border:none;
}

#mailform label {
 	display:block;
 	float:left;
 	width:110px;
 	color: #999999;
}

.csc-mailform-submit {
	color: #000000;
}

.csc-textpic ul li.csc-textpic-image {
	background: none !important;
	padding: 0px !important;
	margin: 0px 0px 8px 10px !important;

}

/*Auftragsformular*/
.tx-powermail-pi1_formwrap_37 p {
margin-bottom:0px !important;
}


#auftragsformular select, #auftragsformular input {
	font: 11px verdana, arial, sans-serif;
}

#auftragsformular legend {
display:none;
}

#auftragsformular #powermaildiv_uid23 {
font-size:8px;
}

#auftragsformular fieldset {
border:none;
}

#auftragsformular .tx_powermail_pi1_fieldwrap_html_radio_title, 
#powermaildiv_uid22 p, 
#powermaildiv_uid25 p, 
#powermaildiv_uid51 p, 
#powermaildiv_uid56 p, 
#powermaildiv_uid57 p, 
#powermaildiv_uid58 p, 
#powermaildiv_uid59 p, 
#powermaildiv_uid54 label {
	color:#007ba3;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:5px;
	clear:both;
	display:block;
}

.tx_powermail_pi1_fieldwrap_html_select {
	width:50px;
	float:left;
	padding-right:5px;
}

#auftragsformular .zahn-select {
	width:45px !important;
	border:1px solid #999;
}

#powermaildiv_uid17 div, #powermaildiv_uid19 div, #powermaildiv_uid20 div {
	padding-right:20px;
	float:left;
}

#powermaildiv_uid18, #powermaildiv_uid20, #powermaildiv_uid22 {
	clear:both;
}

#powermaildiv_uid26 label, #powermaildiv_uid27 label, #powermaildiv_uid28 label, #powermaildiv_uid29 label, #powermaildiv_uid30 label, #powermaildiv_uid31 label {
	display:block;
	width:70px;
	float:left;
}

#powermaildiv_uid52 {
	margin-top:20px;
}

#powermaildiv_uid53 .tx_powermail_pi1_fieldwrap_html_checkbox_title {
	display:none;
}

#powermaildiv_uid60 #uid60_cb {
	position:relative;
	left:-120px;
}

#powermaildiv_uid60 label {
	position:relative;
	left:20px;
}

.powermail_mandatory_js {
color:red;
clear:both;
}

#uid60_msg {display:none;}