/************************** COMQENT **************************************************/
/* COMQUENT main Stylesheet */
/* (c) G7, Manfred Oeding */

@import url(content.css);
@import url(search.css);
@media all
{

body,html {
	background: #FFFFFF url(../img/back_main.gif) repeat-y;
	color:#333333;
	border: 0;	
	margin: 0;
	padding: 0;
	width:100%;
	width: 905px;
	height:100%;
	font: normal 100.01% Arial, Helvetica, sans-serif;
	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-decoration: bold;
	color:#333333;
	padding: 0px 0px 10px 0px;
}


p {
	border: 0;	
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	
}

p.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#333333;
}

input {
/*	border: 1px solid #FFFFFF; */
}


#searchboxtop {
	border: 1px solid #075573;
}

.clearfix { 
	display: block; 
} 

.smalltext {
	font: 10px normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#0B87B7;
	line-height:15px;
}

/*** MAIN-COLUMNS ***/
/*** Defition der Spalten innerhalb des Hauptinhalts ***/

#main {
	float:left;
	/*background-color: #EECCCC;*/
}

#main_content {
	/*background-color: #EEEECC;*/
	
}

#leftcol {
	width: 185px ;
	max-width: 185px ;
 	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px	0px 0px 0px;
	/* text-align:left;*/
}

/*** content left column on home page ** */

#leftcol_contentstart {
/*	width: inherit;*/ 
	margin: 180px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	border: 0px	0px 0px 0px ;
	font-size: 11px;
	line-height: 15px;
	color:#333333;
	float:left;
/*	border: 1px solid silver;*/
}

/*** content left column on content pages ***/
#leftcol_content {
	margin: 60px 0px 0px 0px;
	padding: 9px 0px 0px 15px;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	color:#333333;
}

#leftcol_contentstart b, #leftcol_contentstart strong, #leftcol_content b, #leftcol_content strong {
	font-weight: bold;
	color: #0B87B7;
}


/**** SUBMENUE ZWEITE EBENE ****/
.submenu {
	list-style: none;
	padding: 5px 0px 5px 18px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}

.submenu a {
	text-decoration: none;
	color:#0B87B7;
}

.submenu a:hover {
	text-decoration: underline;
	color:#0B87B7;
}

.submenuact a {
	font-weight: bold;
}

.submenu ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}

.submenuro a:link, .submenuro a:visited, .submenuro a:hover   {
	color:#0B87B7;
	text-decoration: underline;
}

/**** SUBMENUE ZWEITE EBENE end ****/


#centercol_start {
	position: absolute;
	top:180px;
	width: 520px;
	margin: 0px 180px 10px 185px;
	padding:20px 10px 0px 10px;
	border: 0px	0px 0px 0px ;
}

*html #centercol_start {
	margin: 0px 180px 10px 0px;
	padding:20px 10px 0px 0px;
}


#centercol_submain {
	position: absolute;
	top:185px;
	width: 520px;
	padding:20px 10px 0px 10px;
	border: 0px	0px 0px 0px ;
	margin:0px 0px 0px 185px;
}

*html #centercol_submain {
	margin: 0px 180px 0px 185px;
}


#centercol {
	position: absolute;
	left:185px;
	top:80px;
	width: 520px;
	margin: 0px 0px 0px 10px;
	padding:20px 10px 0px 0px;
	border: 0px	0px 0px 0px ;
}

*html #centercol {
	
	width:520px;
	
}

#centercol_contentstart {
	font-size: 11px;
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	width: 520px;
}

#centercol_content {
	font-size: 11px;
	font-weight: normal; 
	font-family: Arial,Helvetica,sans-serif;
	line-height: 15px;
}

#centercol_content h1 {
	font-size: 15px;
	font-weight: bold; 
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	color: #068BB8;
	padding: 15px 0px 10px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#centercol_content  h1.csc-firstHeader {
	font-size: 20px;
	font-weight: bold; 
	font-family: Arial,Helvetica,sans-serif;
	line-height: 20px;
	color: #068BB8;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#centercol_content h2  {
	font-size: 14px;
	font-weight: bold; 
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	color: #333333;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#centercol_contentstart p, #centercol_content p  {
	font: 11px normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

#centercol_contentstart a:link, #centercol_content a:link, #centercol_contentstart a:visited, #centercol_content a:visited  {
	text-decoration:none;
	color: #068BB8;
}

#centercol_contentstart a:hover, #centercol_content a:hover {
	text-decoration: underline;
	color: #068BB8;
}


#centercol_content ul {
	color:#333333;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 15px;
	border: 0px 20px 0px 0px;
	list-style:square outside;
}

#centercol_content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	border: 0px 20px 0px 0px;
}

#centercol_content li a {
	color: #068BB8;
	text-decoration: none;
}


/***** Rechte Spalte (Suche etc.) *******/

#boxes_column {
	position: absolute;
	top:0px;
	left:715px;
	/*height: 100%;*/
	width: 170px;
/*	background-color:#EEEEEE;*/
	
}

*html #boxes_column {
	left:715px;
	width: 195px;
	overflow:hidden;
}

#searchbox {
	width: 170px;
	height: 60px;
	padding: 0px 0px 0px 10px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}

*html #searchbox {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	width: 185px;
	overflow: hidden;
}

#searchbox form {
	width:160px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#searchbox input {
	width:119px;
	height: 14px;
	font-size:80%;
	float:left;
	padding: 0px 0px 0px 5px;
	margin: 0px 5px 0px 0px;
}

#box_1 {
	top: 60px;
	width: 170px;
	height: 119px;
	padding: 0px 0px 0px 10px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	border-top: 1px solid #CCCCCC;
}


#box_2 {
	top: 60px;
	width: 170px;
	padding: 0px 0px 0px 10px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	overflow:hidden;

}

*html #box_2 {
	position:relative;
	top:0px;
	left:0px;
	width: 180px;
	height: inherit;
	margin: 0px 0px 0px 10px;
	overflow:hidden;
	
}

#box_3 {
	top: 60px;
	width: 170px;
	height: 59px;
	padding: 0px 0px 0px 10px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

#box_1 ul , #box_2 ul, #box_3 ul {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border: 0px 10px 0px 0px;
	list-style: url(../img/arrow_home.gif);
	list-style-position: inside;
}

*html #box_1 ul , #box_2 ul, #box_3 ul {
	list-style: url(../img/arrow_home_exp.gif);
	padding: 0px 0px 0px -2px;
	position: relative;
	left: -6px;
}

#box_1 li, #box_2 li, #box_3 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 20px 0px 0px;
}


#box_1 li a:link, #box_1 li a:visited, #box_2 li a:link, #box_2 li a:visited  {
	color: #333333;
	text-decoration: none;
}

#box_1 li a:hover, #box_2 li a:hover  {
	color: #333333;
	text-decoration: underline;
}


#box_2_content, #box_3_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	width:170px;
	/*overflow:hidden;*/
}

*html #box_2_content {
	width:170px;
	padding: 0px 0px 0px 0px;
}


#box_2_content img, #box_3_content img {
	position: relative;
	left: -10px;
}

*html #box_2_content img {
	position: relative;
	left: -10px;
}

#box_2_content b, #box_2_content strong, #box_3_content b, #box_3_content strong  {
	font-weight: bold;
	border: 5px 0px 5px 0px;
	color: #0B87B7;
}

.box_maintext {
	margin: 5px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**** MAIN LAYOUT Startseite ****/

#comquent_logo {
	position:absolute; 
	top: 0px; 
	left: 0px; 
	width:186px;
	height: 59px;
	z-index: 2;
	float: left;
}

#comquent_mainvisual {
	position:absolute; 
	top: 60px; 
	left: 0px; 
	width:725px;
	height: 121px;
	z-index: 2;
	float: left;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

#comquent_subvisual {
	position:absolute; 
	top: 60px; 
	left: 186px; 
	width:540px;
	height: 99px;
	z-index: 2;
	float: left;
	border-top: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}


/***** Container boxen in der Mitte der Startseite *****/

#feature_container {
	margin-left:195px;
	padding-top:20px;
	top: 0px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 520px;
}
	
#feature_container a:link, #feature_container a:visited {
	color:#0B87B7;
	text-decoration:none;
	font-weight:bold;
}

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

#feature_container ul {
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border: 0px 20px 0px 0px;
	list-style-position: inside;
	list-style:square inside;
}

#feature_container li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	border: 0px 20px 0px 0px;
}

#feat1 {
	float: left;
	margin-right:20px;
	margin: 0px 20px 0px 0px;
}


#feat2 {
	float:left;
	margin: 0px 20px 0px 0px;
}

#feat3 {
	float:left;
	margin-right:0px;
	margin: 0px 0px 0px 0px;
}

#footer {
	position:relative;
	left: -10px;
	float: left;
	clear: both;
	width:540px;
	color:#333333;
	font: 10px normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:18px;
	border-top: 1px solid #CCCCCC;
	padding: 6px 0px 0px 0px;
}


#footstart {
	position:relative;
	left: 185px;
	float: left;
	clear: both;
	width:540px;
	color:#333333;
	font: 10px normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:12px;
	border-top: 1px solid #CCCCCC;
	padding: 6px 0px 0px 0px;
}


#footer a:link, #footer a:visited, #footstart a:link, #footstart a:visited   {
	color:#0B87B7;
	text-decoration: none;
}

#footer a:hover, #footstart a:hover   {
	text-decoration: underline;

}

#comquent_mainmenu {
	position: absolute;
	top:0px;
	left:186px;
}

#breadcrumbnavi {
	position: absolute;
	top: 60px;
	left: 185px;
	width: 540px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color:#cecece;
	font-size: 11px;
	border-top: 4px solid #055673;
	padding: 5px 0px 0px 0px;
}

#breadcrumbnavi_sub {
	position: absolute;
	top: 160px;
	left: 185px;
	width: 540px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color:#cecece;
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
	padding: 5px 0px 0px 0px;
}

.einzug10 {
	padding: 0px 0px 0px 10px;
}

#breadcrumbnavi .aktuelle, #breadcrumbnavi_sub .aktuelle {
	font-size: 11px;
	font-weight: bold;
	color: #979797;
}

#breadcrumbnavi a:link, #breadcrumbnavi a:visited, #breadcrumbnavi_sub a:link, #breadcrumbnavi_sub a:visited  {
	color:#0B87B7;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#breadcrumbnavi a:hover, #breadcrumbnavi_sub a:hover {
	color:#0B87B7;
	text-decoration: underline;
}

/*****   SITEMAP STYLES   *******/

.tx-dropdownsitemap-pi1 A {
	font-weight: bold;
	color:#0B87B7;
	text-decoration: none;
}
.tx-dropdownsitemap-pi1 OL {
	list-style: none;
	margin: 0px 0px 12px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.tx-dropdownsitemap-pi1 LI.open OL {
	display: block;
	list-style: none;
	
}
.tx-dropdownsitemap-pi1 LI.closed OL {
	display: none;
	list-style: none;
}
.tx-dropdownsitemap-pi1 LI.open UL {
	display: block;
	list-style: none;
}
.tx-dropdownsitemap-pi1 LI.closed UL {
	display: none;
	list-style: none;
}
.tx-dropdownsitemap-pi1 DIV {
	/*border: solid 1px #DFE2E3;*/
	border: none;
	/*background: #FAFBFB; */
	padding: 2px;
	margin: 12px 0px 0px 0px;
	
}

.tx-dropdownsitemap-pi1 DIV.level_1 {
/*background-color: #EFEFEF;*/
	padding: 0px 0px 10px 5px;
	border-bottom: 1px dotted #CCCCCc;
}

.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: #FFFFFF;
	padding: 0px 0px 0px 20px;
	/*margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;*/
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: #FAFBFB;
	padding: 0px 0px 0px 40px;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: #FAFBFB;
	padding: 0px 0px 0px 60px;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	text-align: left;
	text-transform: uppercase;
	border: solid 1px #CCCCCC;
	/* border-top: solid 1px #CCCCCC; */
	background-color: #EFEFEF;
	padding: 0px 0px 0px 5px;
/*	border: none;*/
/*	background: #FAFBFB; */
}

/*********  KONTAKTFORMULAR  **********/

.csc-mailform {
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.csc-mailform-field {
	border: 3px 0px 3px 0px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	
}

.csc-mailform-field label {
	width:120px;

}


#mailform {
/*	background: #FFFF00;*/
	border: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.formlabel {
	width:120px;
	text-align: left;
	float: left;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#mailformName {
	border: 1px solid #075573;
	border: 1px solid #CCCCCC;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	
}

#mailformVorname {
	border: 1px solid #075573;
	border: 1px solid #CCCCCC;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

#mailformEmail {
	border: 1px solid #075573;
	border: 1px solid #CCCCCC;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	
}

#mailformIhre_Nachricht {
	width: 250px;
	height:140px;
	overflow: hidden;
	border: 0px 0px 0px 0px;
	border: 1px solid #075573;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 5px ;
}

#mailformformtype_mail {
	position:relative;
	left: 120px;
	border: 0px solid transparent;
	margin-top: 10px;
	background-image: url(../img/button_suche.gif); 
	background-repeat:no-repeat;
	background-color: transparent; 
	/*border: 1px solid #CCCCCC;
	background-color: #EEEEEE;*/
	width:41px; 
	height:15px;
}

*html #mailformformtype_mail {
	position:relative;
	left: 0px;

}

FORM TABLE TR TD.csc-form-fieldcell input.submitforms {
/*	width:100px; */
	padding: 2px 2px 2px 2px;
	margin: 5px 0px 5px 0px;
	background: #F0F0F0;
	border: 1px solid #666666;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

FORM TABLE TD input.csc-mailform-check {
	border: 1px solid #CCCCCC;
	background: #FF0000;
}

} /* media_all */