/* --- ALLGEMEINE DEFINITIONEN ------------------------------ */

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

body {	
	margin: 0;
	padding: 10px;
	background-color: #CFDFD7;
	text-align: center;
	font-size: 70.1%;
}

#wrapper {
	width: 900px; /* 754px */
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	padding: 5px;
}

.clear {
	clear: both;
	height: 0;
}

.clearleft {
	clear: left;
	height: 0;
}


/* --- HEADER --------------------------------------------- */

#header {
	margin-bottom: 5px;
}




/* --- FOOTER --------------------------------------------- */


#footer {
	font-size: 0.82em;
	color: #353535;
	background-color: #E8E7E0;
	padding: 4px;
	text-align: right;
}

#footer a {	
	color: #353535;
	text-decoration: none;
}

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



/* --- MENÜ ------------------------------------------------ */

#menu {
	width: 200px;
	float: left;
}

#menu .kategorie {
	margin-bottom: 5px;
}

#menu .trennlinie {
	height: 4px;
	background-color: #E8E7E0;
	border-top: 1px solid #fff;
}

#menu div.headline {	
	height: auto;
	background-color: #0771d3;
	padding: 0;
	border-top: 1px solid #c8c6b6;
	border-bottom: 1px solid #c8c6b6;
}

#menu div.headline span.text {
	display: block;
	margin-left: 5px;
	background-color: #e3e1d0;
	padding: 2px 6px;
	font-size: 1.09em;
	color: #3D3D3B;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: normal;
}

#menu ul.menuepunkte {
	list-style-type: none;
	padding: 4px 0;
	margin: 0;
	background-color: #E8E7E0;
	font-size: 1em;
	line-height: normal;
	border: 0;
}

#menu ul.menuepunkte li {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: normal;
}

#menu ul.menuepunkte a {
	display: block;
	padding: 1px 0 1px 14px;
}



.wg_ebene1,
.wg_ebene2,
.wg_ebene3 {
	padding: 0 !important;
}

.wg_ebene1 li,
.wg_ebene2 li,
.wg_ebene3 li {
	border-top: 1px solid #fff;
	background-color: #4B9AE2;
}

.wg_ebene1 li a,
.wg_ebene2 li a,
.wg_ebene3 li a {
	background-color: #E8E7E0;
	margin-left: 18px;
	padding: 1px 0 1px 7px !important;
}


.wg_ebene2 li {
	margin-left: -18px;
	background-color: #89C5FC;
}

.wg_ebene2 li a {
	padding-left: 14px !important;
}

.wg_ebene3 li a {
	padding-left: 21px !important;
}


#menu ul.menuepunkte li.nolink {
	padding: 1px 0 1px 14px;
}

#menu ul.menuepunkte li.nolink a {
	padding: 0;
	display: inline;
}


#menu ul.menuepunkte li.nolink .formular {
	margin: 8px 0 8px 0;
}

#menu ul.menuepunkte li.nolink .formular .zeile {
	clear: both;
	margin: 2px 0;
}

#menu ul.menuepunkte li.nolink .formular label {
	display: block;
	width: 7.5em;
	float: left;
	padding-top: 1px;
}

#menu ul.menuepunkte li.nolink .formular input.textbox {
	width: 85px;
}








.maintopic1 {	
	background-color: #4B9AE2;
	height: 19px;
	width: 18px;
}
.maintopic1 hover {	
	background-color: #4B9AE2;
	height: 30px;
	width: 18px;
}
.maintopic2 {	
	background-color: #DFDED5;
	height: 19px;
	padding-left: 4px;
}
.maintopic_text {	
	color: #3D3D3B;
	font-weight: bold;
	text-decoration: none;
}

.maintopic_text a {	
	color: #3D3D3B;
	text-decoration: none;
	
}

.maintopic_text a:hover {	
	text-decoration: underline;
}

.subtopic_text {	
	color: #3D3D3B;
	text-decoration: none;
	
}

.subtopic_text a:hover {	
	text-decoration: underline;
	
}

.subtopic1 {	
	background-color: #89C5FC;
	height: 19px;
	width: 18px;
}

.subtopic2 {	
	background-color: #EDECE7;
	height:19px;
	padding-left:12px;
	
}

.subtopic3 {	
	background-color: #EDECE7;
	height:19px;
	padding-left:24px;
	
}

.service_text {	
	color: #3D3D3B;
	text-decoration: none;
}




/* --- CONTENT --------------------------------------------- */

#contentwrapper {
	padding-left: 200px;
}

#content {
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	overflow: hidden;
}


.unterkategorien,
.artikeluebersicht {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.unterkategorien .kategorie {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #E8E7E0;
	width: 338px;
}

.unterkategorien .kategorie a {
	display: block;
	text-align: center;
}

.unterkategorien .kategorie .bild {
	border-top: 5px solid #E8E7E0;
}

.unterkategorien .kategorie .bezeichnung a {
	background-color: #E8E7E0;
	padding: 2px;
	font-weight: bold;
}



.artikeluebersicht .artikel {
	padding: 0px;
	overflow: hidden;
	margin-bottom: 10px;	
	border-bottom: 5px solid #E8E7E0;
	border-left: 1px solid #E8E7E0;
	border-right: 1px solid #E8E7E0;
}

.artikeluebersicht .artikel .bezeichnung {
	background-color: #E8E7E0;
	padding: 3px 6px;
	border-left: 10px solid #89c5fc;
	margin-left: -10px;
	font-size: 1.09em;
	font-weight: bold;
	color: #3D3D3B;
}

.artikeluebersicht .artikel .bild {
	float: left;
	margin-right: 10px;
}

.artikeluebersicht .artikel .bild a {
	display: block;
}

.artikeluebersicht .artikel .bild img {
	border: 0;
	float: left;
}

.artikeluebersicht .artikel .details,
.artikeluebersicht .artikel .auswahlbutton {
	padding: 5px 10px;
}

.artikeluebersicht .artikel .auswahlbutton {
	margin-top: 5px;
	float: right;
	padding-left: 20px;
}



/* --- TABELLENHINTERGRÜNDE -------------------------------- */

.tb_main {	
	background-color: #FFFFFF;
	height: 73px;
	background-repeat: no-repeat;
}
.grey {	
	background-color: #CCCCCC;
}
.dark {	
	background-color: #C8C6B6;
}
.tb_white {	
	background-color: #FFFFFF;
}
.tb_service {	
	background-color: #E8E7E0;
}
.tb_service_bright {	
	background-color: #F9F8F5;
}










/* --- TAB - Anfang  -------------------------------------- */

.tab a {	
	color: #333333;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
.tab a:hover {	
	color: #003399;
	text-decoration: underline;
	padding-left: 10px;
	padding-right: 10px;
		
}
.trenner {	
	width: 20px;
}




/* --- CONTENT ------------------------------------------- */


a {	
	color: #0570D2;
	text-decoration: none;
}
a:hover {	
	text-decoration:underline;
}
h1 {
	margin: 0 0 0.82em 0;
	padding: 0.2em 0.36em 0.1em 0.36em;
	font-size: 1.72em;
	color: #0570D2;
	font-weight: bold;
	background-color: #E3E1D0;
	border-bottom: 1px solid #C8C6B6;
	border-top: 1px solid #C8C6B6;
/*
	margin-top: 0.73em;
	margin-bottom: 0.55em;
*/		
}
h2 {	
	font-size: 1.36em;
	font-weight: bold;
	color: #353535;
	text-decoration: none;
	margin-top: 0.91em;
	margin-bottom: 0.36em;
		
} 
h3 {	
	font-size: 1em;
	color: #0570D2;
	font-weight: bold;
	margin-top: 0.73em;
	margin-bottom: 0.36em;
		
}
p {	
	color: #353535;
	text-decoration: none;
	line-height: 1.55em;
	margin-top: 0.36em;
	margin-bottom: 0.36em;
}
li {	
	color: #353535;
	text-decoration: none;
	line-height: 1.55em;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul {	
	color: #353535;
	text-decoration: none;
	line-height: 1.55em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.text {	
	color: #353535;
	text-decoration: none;
	line-height: 1.55em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.subline_small {	
	font-size: 0.91em;
	color: #353535;
	text-decoration: none;
	background-color: #E8E7E0;
}

.tablink {	
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
		
}
.tablink a {	
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
}
.tablink a:hover {	
	color: #333333;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
}



/* --- FORMULAR ELEMENTE --------------------------------------- */

.button {	
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-top-color: #B6B4A1;
	border-left-color: #B6B4A1;
	border-bottom-color: #626260;
	border-right-color: #626260;
	cursor: pointer;
}

.textbox {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #B6B4A1;
	padding: 1px;
}

.select {	
	/*
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #B6B4A1;
	*/
}

.searchinput {	
	width: 9.5em !important;
	
	/*
	background-color: #F3F3F0;
	border-style: dashed;
	border-width: 1px;
	border-color: #626260;
	*/
}




.formsubmit1 {	
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #626260;
		
}
.order {	
	background-color: #F6F6F6;
	border-style: dashed;
	border-width: 1px;
	border-color: #626260;
}
.order_white {	
	background-color: #FFFFFF;
	border-style: dashed;
	border-width: 1px;
	border-color: #626260;
		
}
.order2 {	
	font-size:1.18em;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight: bold;
	background-color: #4B9AE2;
	border-style: dashed;
	border-width: 1px;
	border-color: #626260;
	padding-left: 10px;
	padding-right: 10px;
		
}
.info {	
	font-size: 0.91em;
	background-color: #F6F6F6;
	border-style: dashed;
	border-width: 1px;
	border-color: #8E8C7E;
	cursor: pointer;
}
.order_link {	
	color: #333333;
	text-decoration: none;
	background-color: #F6F6F6;
	padding: 2px;
	margin: 2px;
	border-style: dashed;
	border-width: 1px;
	border-color: #0570D2;
}
.order_link a {	
	color:#333333;
	text-decoration: none;
	background-color: #F6F6F6;
	padding: 2px;
	margin: 2px;
	border-style: dashed;
	border-width: 1px;
	border-color: #0570D2;
}
.order_link a:hover {	
	color: #333333;
	text-decoration: none;
	background-color: #F6F6F6;
	padding: 2px;
	margin: 2px;
	border-style: dashed;
	border-width: 1px;
	border-color: #0570D2;
}




/* --- CATEGORY (Übersichtslisten) ------------------------------------ */

.tbCat_headline {	
	background-image: url(cat_table_bg.gif);
	height: 22px;
	padding-left: 5px;
}
.tbCat_inline {	
	background-color: #ECECEC;
	padding: 5px;
}
.tbCat_inline_pad {	
	padding: 5px;
}
.tbCat_inline2 {	
	background-color: #F6F6F6;
}
.inline_subtext {	
	color: #494747;
}



/* --- DETAIL ------------------------------------------- */

.tbDetail_head {	
	background-color: #E8E7E0;
	font-size: 1.09em;
	padding: 5px;
	color: #3D3D3B;
}

.tbDetail_inline {	
	background-color: #F6F6F6;
	padding: 1px 5px;
	color: #3D3D3B;
}

.tbDetail_neutral {	
	padding: 1px 5px;
	color: #3D3D3B;
}

.tbDetail_inline_highlight {	
	background-color: #FBEFBF;
	color: #3D3D3B;
}



/* --- JS TOOLTIP ------------------------------------- */

.navtext {
	width: 150px;
	font-size: 1.09em;
	border-width: 2px;
	border-style: outset;
	border-color: darkgray;
	layer-background-color: tan;
	background-color: tan;
	color: #000;
}