/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
	font-family:Verdana, Arial, sans-serif;
	color:#000000;//*color:#606060;*/
}

small{color:#AAAAAA;}
td.banner-box a small{color:#999;font-size:normal;}

html, body {
	margin:0;
	padding:0;
	/*overflow:auto;*/
}
html {
	height:100%;
	background-color:#F0F0F0;
	background-image:url('../images/left_column_bg.png');
	background-repeat:repeat-y;
}

body {
	height:100%;
}
form {
	margin:0;
	padding:0;
}

textarea {
	width:418px;
	height:85px;
}

img {
	border:0;
}

.clearfix {clear:both;}


a {color:#AA0000;text-decoration:none}
a:hover {color:#AA0000;text-decoration:underline}


/* ####################### HEADER ####################### */
#head {
	height:150px;
	background-color:#000000;
	background-image:url('../images/header_bg.jpg');
	background-repeat:repeat-x;
	background-position:0 0px;
	padding:0;
}

#head #headBody {
	padding:0;
	margin:0;
	width:960px;
}


#head #banner_on_top{
	display:block;
	padding:0;
	margin:-107px 0 0 536px; 
	border: 1px solid #333333;
	width:467px;
	height: 60px;
	overflow: hidden;
}

#headBodyPrint{display:none;}

/* ####################### MAIN BODY #################### */
#outerContainer {
 	position:absolute;
	min-height:90%;
	z-index:10;
	width: 100%;
}

* html #outerContainer {
	height:90%;
}
#contentContainer {
	width:980px;
}
#outerContainer, #contentContainer {
	margin:0;
	padding:0;
	height: 100%;
}

#contentBG {
	background-image:url(../images/body_bg.gif);
	background-repeat:no-repeat;
	background-position: 0px -70px;
	background-color: #F0F0F0;
	padding:0;
	margin:0 ;
	height:100%;
	
}





/* ####################### NAVIGATION ################### */

/* ---------------------   Level 1 */
#navigation {
	margin:0;
	padding:0;
	background-color:transparent;
	position: absolute;
	top: 105px;
	left: 12px;
}

* html #navigation {
	top: 98px;
}


#navigation  table.navi1 td, #navigation  table.navi1 td .normal {
	width: 102px;
	height:22px;
	margin:0 3px;
	padding: 0 0 3px 0;
	background-image:url(../images/navi1_off.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}


#navigation table.navi1 td:hover, #navigation table.navi1 td.navi1_active, #navigation table.navi1 td.navi1_open {
	background-image:url(../images/navi1_on.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0 0 3px 0;
	cursor: pointer;
}

#navigation table.navi1 td a {
	background-image:none url();
}

/* Händlerbereich Button */
#outerContainer #head #navigation .navi1 tr .resellerstyle{
    padding-left:475px;width:118px;padding-right: 6px;
	background-image:url(../images/navi1_haendler_off.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#outerContainer #head #navigation .navi1 tr .resellerstyle:hover {
    padding-left:475px;width:118px;
	background-image:url(../images/navi1_haendler_on.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#outerContainer #head #navigation .navi1 tr .navi1_active.resellerstyle{
    padding-left:486px;width:118px;
	background-image:url(../images/navi1_haendler_on.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/* --------------  */

#navigation td a{
	color:#FFFFFF;
	text-decoration:none;
}


/* ---------------------   Level 2 */

#navigation table.navi2 {
	margin: 5px 0 0 -10px;
}


#navigation table.navi2 td{
    font-size: 12px;
	height: 14px;
	padding: 0 5px;
	font-weight: normal;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#navigation table.navi2 td a{
	text-decoration: none;
	color:#FFFFFF;
}
#navigation table.navi2 td a:hover{
	text-decoration: none;
	color:#AA0000;
}


#navigation table.navi2 td a.navi2_open, #navigation table.navi2 td a.navi2_active{
	font-weight: normal;
	color:#AA0000;
}

* html #navigation table.navi2 td a.navi2_open, *html #navigation table.navi2 td a.navi2_active{
	font-weight: bold;
}

.navi3 {margin-left:-45px;}
.navi3 li{list-style:none; display:inline; padding: 0; }
.navi3 li a {border-right: 1px solid #333;padding: 0 4px; }
.navi3 li a.navi3_active{font-weight:bold;}

/* ---------------------  META Navigation */
/* siehe footer */






/* ##################### Linke Spalte ################### */

#contentContainer #contentBG #columnLeft{
	position: absolute;
	left:0;
	width: 258px;
	height: 100%;
	background-color: #C8C8C8;
	padding: 18px 3px 12px 3px;
}


#contentContainer #contentBG #columnLeft h1 {font-size:10pt; color:#CC0000; margin: 0 0 10px 4px;}


#artikelliste h2{
	text-transform: uppercase;
	color:#333333;
	font-size: 12px;
	border-right: 1px solid #333333;
}

#artikelliste{
	font-size: 11px;
	color:#333333;
}

#artikelliste img{
	float: left;
	margin: 0 7px 3px 0;
	
}



/* Buttons */

input.schaltflaeche, a.schaltflaeche {
	min-width:			121px;	
	width:				auto;	
	display:			inline;
	border-top:			1px solid #FFFFFF; 
	border-left:			1px solid #FFFFFF; 
	border-bottom	:			1px solid #400000; 
	border-right:			1px solid #400000; 
	outline:			0px solid #999999; 
	padding:			1px 4px 1px 4px; 
	margin:				4px 1px 0px 1px;	
	color: 				#FFFFFF; 
	background-color:	#999999; 	
/*
	background-image: url(../images/button-1-hg.jpg);
	background-repeat: repeat-x;
*/
	font-family: 		Arial, sans-serif; 
	font-size: 			12px; 
	font-weight: 		bold; 	
	text-align:			center; 
	text-decoration: 	none; 
	text-transform:		none; 
	cursor:				pointer;
}

input.schaltflaeche_abschicken{
	min-width:			121px;	
	width:				auto;	
	display:			inline;
	border-top:			1px solid #FFFFFF; 
	border-left:			1px solid #FFFFFF; 
	border-bottom	:			1px solid #400000; 
	border-right:			1px solid #400000; 
	outline:			0px solid #999999; 
	padding:			1px 4px 1px 4px; 
	margin:				4px 1px 0px 1px;	
	color: 				#FFFFFF; 
	background-color:	#ff0101; 	
/*
	background-image: url(../images/button-1-hg.jpg);
	background-repeat: repeat-x;
*/
	font-family: 		Arial, sans-serif; 
	font-size: 			12px; 
	font-weight: 		bold; 	
	text-align:			center; 
	text-decoration: 	none; 
	text-transform:		none; 
	cursor:				pointer;
}


input.schaltflaeche_abschicken:hover{
	min-width:			121px;	
	border-top:			1px solid #400000; 
	border-left:			1px solid #400000; 
	border-bottom	:			1px solid #FFFFFF; 
	border-right:			1px solid #FFFFFF; 
	color: 				#FFFFFF; 
	background-color:	#ff0101; 	
}


/* ####################### INHALTE 	 #################### */
#content {
	position: absolute;
	clear: both;
	left: 258px;
	width: 563px;
	padding: 18px 23px;
	font-size: 12px;
	height:100%;
	z-index:10;
	background:none;
}

#content h1{
	font-size: 10pt;
	color:#CC0000;
	margin-top:0;
}

.badlogin{
	padding: 24px 7px; 
	background-color: #FFE100;
	text-align: center;
	color: #333;
	font-size: 18px;
}


#content h1.badlogin{
	font-size: 18px;
}


#content h2{
    clear:both;
	font-size: 12px;
	font-weight: bold;
}

#content h6{
    clear:both;
	font-size: 14px;
	font-weight: bold;
	color:#CC0000;
	margin: 0;
}

#content img{
	margin: 4px 12px 4px 0;
	float: left;
	border: 1px solid #999999;
}

#content .nostyle{border:0;}




.trennlinie{border-bottom:1px dotted #333333; }

#content #stoerer{position: absolute; z-index: 1000; left: -19px; top: 129px; background-image:url(/images/freitextsuch.png); background-repeat: no-repeat; width: 62px; height: 62px; }


/* ---------------------  Suchformular */
#content .suchformular td img {float:none; margin: 0;}


/* ---------------------  Nachricht, und Meldungen */

#outerContainer #contentContainer #contentBG #content .news .news_category{color:#000000; display:inline; text-transform:uppercase;font-size:10pt; margin-bottom:0px;}
#outerContainer #contentContainer #contentBG #content .news .news_title {color:#646464; /*display:inline; */text-transform:none;font-size:10pt;margin-top:0px;}
div.news_intro p, div.news_intro {margin: 0 0 21px 0; color:#646464;}
div.news_content p, div.news_content {color:#000000; text-align:left;}
div.news_content a.readmore{text-decoration:none; font-size:10px;}
div.news_content a.readmore:hover {text-decoration: underline;color:#AA0000}
div.news_signatur {color:#BBBBBB; margin:0; font-size:10px;}

/* ---------------------  Nachricht Vorschau (newsteaser) »»» hat einen eigene css */


/* ---------------------  Newsliste */



h1.artikelliste {
	color: #CC0000;
	font-size: 12px;
}

div.artikelliste{
	clear: both;
}

div.artikelliste h2{
	text-transform: uppercase;
	color:#333333;
	font-size: 11px;
	margin: 32px 0 0 0;
	font-weight: normal;
	
}

div.artikelliste h2 a{
	text-decoration: none;
	font-weight: normal;
}

div.artikelliste p{
	margin-top:3px;
}

div.artikelliste{
	font-size: 11px;
	color:#333333;
}

div.artikelliste img{
	margin: 0 7px 3px 0;
}


.wichtiger_hinweis{
    background-color:#FFFFFF;
    padding: 7px 12px;
    margin: 12px 0;
    border: 1px dotted #EE0300;
}

/* ##################### Rechte Spalte ################### */

#contentContainer #contentBG #columnRight { 
	position: absolute;
	clear: both;
	left: 833px;
	background: none;;
	width: 150px;/*278px;*/
	padding: 18px 0 0 27px;
	font-size: 12px;
	height:100%;
	z-index:10;
}

/* ####################### FOOTER ####################### */
#footer {
	clear: both;
	position: fixed;
	z-index: 100;
	bottom: 0;
	width:100%;
	height:18px;
	font-size:11px;
	background-color:#464646;
	overflow:hidden;
}

* html #footer {
	height:38px;
}


#footerContainer{
	position: absolute;
	z-index: 100;
}

#footerContentLeft {
    float: left; 
	width:420px;
}
#footerContentLeft a{
	color: #D7D7D6;
	text-decoration: none;
}


#footerContentRight {
    float: left; 
    margin-left: 120px;
	padding: 3px 0 0 0;
 	text-align: right;
	font-size: 9px;
	width:500px;
	color: #999999;
}

/* ---------------------  META Navigation */
ul#metaNavigation {
	margin:0 0 20px 0;
	padding:0;
}
ul#metaNavigation li {
	margin:0;
	padding:0 8px 0 8px;
	display:inline;
	border-right:1px solid #D7D7D6;
	
}

#columnLeft #sociallinks{margin-top: 21px; text-align:center;}