@charset "utf-8";

html[xmlns^="http"]{
	 /* Mozilla-Scrollbar */
	 overflow-y: scroll;
}

html, body{
	margin:0;
	padding:0;
	height:100%;
}

/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */


div.website{
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height:100%;
	width:1002px;
	text-align: left;
	background-color:#E6E6E6;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

div.level1 {
	background-image: url(images/bg_level2.jpg);
}

div.level2 {
	background-image: url(images/bg_level2.jpg);
}

div.layout0 {
	background-image: url(images/bg_layout_default.gif);
}

div.layout1 {
	background-image: url(images/bg_layout_1.gif);
}

div.layout2 {
	background-image: url(images/bg_layout_2.gif);
}


div#inner {
	margin-bottom:30px;
}



div#header{
	height:169px;
	overflow:hidden;
	color:#12406D;
	background-color:#C1C1C1;
	background-image: url(images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*  mainContent auf "Startseiten"  */
div.startPage {
	padding-top:12px;
	height:430px;
	background-repeat:no-repeat;
	background-color:#B5BEC7;
	float:left;
	width:858px;

}


div.startPage p{
	color: #5b778f;
	font-size:18px;
	line-height: 26px;
	width:400px;
	padding-left:18px;
}

div.startPage h1 {
	margin:5px 0 33px 0;
	color:#12406D;
	font-size:24px;
	line-height: 26px;
	background-color:transparent;
	padding-left:18px;
	width:560px;
}

div#leftNavCol {
	width:142px;
	font-weight:bold;
	float:left;
}



div.level2 div#leftNavCol {
	background-color:#CCC;
	height:283px;
}

div.level1 div#leftNavCol {
	background-color:#CCC;
	height:281px;
}


div#leftContentCol {
	text-align:center;
	background-color:#E6E6E6;
	width:282px;
	float:left;
	padding-bottom:30px;
}


div#leftContentCol h1 {
	color:#000;
	font-size:12px;
	text-align:left;
	border-top:1px solid #597999;
	padding-left:10px;
	padding-top:6px;
	margin:0;
	margin-top:40px;
	margin-bottom:10px;
}

div#leftContentCol .csc-textpic img {
	margin-bottom:20px;
}


div#leftContentCol div.tx-ekato-downloadList {
	margin-left:27px;
	margin-bottom:10px;
	text-align:left;
	padding-bottom:10px;
}

div#leftContentCol div.tx-ekato-downloadList ul{
	list-style:url(images/list_dot.gif);
	padding:0;
	margin:0;
	margin-bottom:-20px;
}

div#leftContentCol ul{
	list-style:url(images/list_dot.gif);
	padding-left:15px;
	margin-left:12px;
	text-align:left;
}

/*######## mittlere Spalte ################
Die mittlere Spalte variiert in der Breite, je nachdem, welches Layout gewählt ist
*/

div.middleContentCol p {
	padding-left:15px;	
}

div.middleContentCol ul {
	margin-left:0;
	padding-left:40px;	
	list-style:url(images/list_dot.gif);
}

/* wenn 1 spaltiges Layout */
div#singleCol {
	width:858px;
	overflow:hidden;
	float:left;
	padding-top:20px;
}


div#singleCol[id] {
	width:860px;
}

div#singleCol h1 {
	margin:0;
	padding:0;
	background-color:none;
	color:#113F6C;
	width:auto;
	padding-left:10px;
	position:relative;
	font-size:24px;
	color: #12406d;
	font-weight: bold;
}

div#singleCol p {
	color: #5b778f;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;

}

/* wenn 2 spaltiges Layout */
div#doubleCols {
	width:576px;
	float:left;
	padding-top:40px;
}
div#doubleCols p {
	width:400px;
}


div#doubleCols[id] {
	width:578px;
}

div#doubleCols h1 {
	margin:0;
	padding:0;
	background-color:#A3AEBC;
	color:#FFF;
	padding:10px 0 10px 15px;
	margin-top:-40px;
	font-size:20px;
}


/* wenn 3 spaltiges Layout */


div#tripleCols {
	width:420px;
	float:left;
	padding-top:40px;
	padding-bottom:10px;
	
}



div#tripleCols h1 {
	margin:0;
	padding:0;
	background-color:#A3AEBC;
	color:#FFF;
	width:576px;
	padding:10px 0 10px 10px;
	margin-top:-40px;
	position:absolute;
	font-size:20px;
}




/* IE 6 Bugfix */

div#tripleCols[id] h1{
	width:568px;
}


/*********  rechte Spalte ****/

div#rightContentCol {
	background-color:#E6E6E6;
	width:156px;
	float:right;
	padding-bottom:10px;
}

div#rightContentCol div.csc-textpic {
	padding-top:40px;
}

div#rightContentCol img {
	margin:5px 0;
}

div.csc-textpic-clear {
	clear:both;
}


td.productTableBottomCell {
	background-color:#8799AD;
	height:40px;
}

table.productTable {
	border:0;
	padding:0;
	width:100%;
}

table.productTable td{
	border:0;
	padding:0;
}

table.productTable td.imageCell {
	background-image:url(../media/bilder/layout/home2/productTable_bg.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}

table.productTable td a {
color: #FFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0px;
}

table.productTable td a:visited {
	color:#FFF;
}

table.productTable td a:hover

{

color: #12406d;

text-decoration: none;

}

/***********  Kategorie-Übersicht auf Unterstartseiten *******/


div.tx-ekato-menuWrapper{
	background-color:#7A8EA5;
	padding:22px 0;
	width:860px;
	margin-top:30px;
	overflow:hidden;	
}


div.tx-ekato-menuItemWrapper {
	text-align:center;
	background-color:#A6B0BD;
	width:215px;
	float:left;
	border-bottom:26px solid #A6B0BD;
}

div.tx-ekato-menuItemWrapper:hover a{
	color:#113F6C;
}

div.tx-ekato-menuLinkWrapper {
	padding:10px 0;
}

div.tx-ekato-menuLinkWrapper a {
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

div.tx-ekato-menuItemWrapper a:hover {
	color:#113F6C;
}

div.tx-ekato-menuImageWrapper {
	background-image: url(images/bg_catlist.gif);
	background-position: 0 -90px;
	padding:0;
	margin:0;
}

div.tx-ekato-menuImageWrapper img {
	margin:0;
	padding:0;
	line-height:0px;
}



/* ############  linke Navigation ########*/

div#leftNavCol ul {
	list-style:none;
	padding-left:18px;
	margin:0;
	margin-top:19px;
	
}

div#leftNavCol li {
	padding-bottom:4px;
	font-size:11px;
	margin:4px 0;
}

div#leftNavCol li.current {
	background-image:url(images/menue_linie.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}


div#leftNavCol ul.leftSubMenu {
	font-weight:normal;
	padding-left:0;
	background-image:url(images/menue_linie.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:3px;
	margin-top:3px;
}

div#leftNavCol ul.leftSubMenu ul {
	background-image:none;
	padding-top:3px;
	margin-top:0px;
}
div#leftNavCol ul.leftSubMenu li {
	padding-bottom:3px;
	margin:5px 0;
	line-height:14px;
}

div#leftNavCol ul.leftSubMenu li.current {
	background-image:none;
} 
div#leftNavCol li.current a{
	color:#12406D;
}

div#leftNavCol li.current li a{
	display:block;
	padding-left:15px;
	color:#597999;

}

div#leftNavCol li.current li.current a{
	color:#12406D;
	background-color:#EEE;
}

div#leftNavCol li.current li.current li{
	margin-bottom:0;
	padding-bottom:0;
}

div#leftNavCol li.current li.current li a{
	color:#12406D;
	background-color:transparent;
	padding-left:22px;
	font-size:10px;
}

div#leftContentCol .csc-textpic-imagewrap img, div#rightContentCol .csc-textpic-imagewrap img{
	display:block;
}



/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */


html{
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat;
	background-position: left top;
	background-attachment:fixed;
}

body{
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

html, body, table, th, td, div, li{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;
}

h1{
	font-size:24px;
	color:#12406D;
	background-color:transparent;
}

a{
	text-decoration:none;
	color:#597999;
	background-color:transparent;
}
a:hover,
a.act{
	text-decoration:none;
	color:#12406D;
	background-color:transparent;
}


/* ############################################################ */
/* #### Header ################################################ */

img#signet{
	position:absolute;
	left:20px;
	top:34px;
}

img#news_pic {
	position:absolute;
	left: 325px;
	top:0px;
	z-index:999;
}
a#ekato-news-link {
	position:absolute;
	left: 450px;
	top:83px;
	z-index:1000;
}
a#ekato-news-link-sub {
	position:absolute;
	left: 450px;
	top:108px;
	z-index:1001;
}
/* Sprachumschalter */
div#langswitch{
	position:absolute;
	top:10px;
	left:904px;
	width:80px;
	height:70px;
	font-size:10px;
	text-align:right;
}

div.activLanguage {
	font-size:11px;
	font-weight:bold;
}


/* globale Links: rechts oben */
div#globallinks{
	position:absolute;
	top:84px;
	left:583px;
	width:400px;
	height:19px;
	font-size:10px;
	text-align:right;
}

/* Group-Links: links oben */
div#grouplinks{
	position:absolute;
	top:82px;
	left:20px;
	width:500px;
	height:19px;
}

/* Positions-Link: links oben - unter "Group-Links"  */
a#poslink{
	position:absolute;
	top:109px;
	left:20px;
	width:200px;
	height:19px;
}

/* Suchfeld */
div#searchform{
	position:absolute;
	top:110px;
	left:734px;
	width:250px;
	height:19px;
	text-align:right;
	font-size: 10px;
}
div#searchform input {
	color: #12406D;
	color:inherit;
	background-color: #C0C0C0;
	border: #12406D solid 1px;
	padding-left: 1px;
	padding-right: 1px;
	width: 150px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
}

/*Mein Plugin*/
div.tx-txekatoversandkosten-pi1 {
	padding-top:5px;
	padding-left:150px;
}
div.tx_ekato_versandkosten_hidden_div {
    /*visibility:hidden;*/
    /*height:0;*/
    display:block;
    position:relative;
    /*position:absolute;*/
    
}
div.tx_ekato_versandkosten_hidden_div table {	
    background-image:url(images/white-halftransp.gif);
    border: 1px solid #6a7999;
    margin-right:5px;
}
.error_versand {
	padding-left:2px;
	color:red;
	font-weight:bolder;
	letter-spacing: 0.125em;
	font-size:1.2em;
}
.success_versand{
	padding-left:2px;
	color:#fff;
	font-size:1.2em;	
}
span.small {
	font-size:0.7em;
}