/* ------------------------------------------------------------------ */
/* Basics */
/* ------------------------------------------------------------------ */
BODY, INPUT, SELECT, TEXTAREA{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #061F39;

}
BODY, DIV, INPUT, SELECT, TEXTAREA, FORM, IMG{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.spacer{
	clear: both;
	font-size: 1px;
}
DIV.spacer.one {
	height: 1px;
}
DIV.spacer.five {
	height: 5px;
}
DIV.spacer.ten {
	height: 10px;
}

.navtitle {
	display: none;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ------------------------------------------------------------------ */
/* Background-Frame */
/* ------------------------------------------------------------------ */
BODY {
	background: #e0f3f8 url(../pix/bg_body.gif) repeat-x 0px 80px;
}
DIV#header {
	background: #fff;
	border-bottom: 1px solid #0060ac;
}
DIV#header IMG, DIV#visual IMG {
	vertical-align: top;
}
DIV#visual, DIV#visual2 {
	margin-left: 75px;
	padding: 0px 5px;
	width: 727px;
	height: 100px;
	overflow: hidden;
}
DIV#visual2 {
	height: 75px;
}

DIV#header DIV.logoLeft {
	float: left;
}

DIV#header DIV.logoRight {
	height: 82px;
	float: left;
	border-right: 1px solid #0060AC;
	width: 180px;
	text-align: center;
	margin-left: 183px;


}


DIV#topnav, DIV#logininfo {
	padding: 13px 0px 0px 180px;
	width: 547px;
}

DIV#topnav {
	background: url(../pix/bg_nav.gif) repeat-y;
	height: 27px;
}
DIV#logininfo {
	background: url(../pix/bg_login.gif) repeat-y;
	padding-top: 5px;
	height: 19px;
}
DIV#logininfo P{
	padding-left: 10px;
	padding-top: 0px;
	font-weight: bold;
	color: White;
	
}



DIV#content {
	width: 728px;
	margin-left: 75px;
	padding: 0px 5px;
}
/* Mozilla ignores crazy MS image filters, so it will skip the following */
DIV#content, DIV#visual, DIV#visual2 {
	/*
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='fileadmin/template/main/pix/bg_content.png');
	*/
	background: url(../pix/bg_content.gif) repeat-y;
}
/* IE ignores styles with [attributes], so it will skip the following. */
DIV#content[id], 
DIV#visual[id],
DIV#visual2[id] {
	background: url(../pix/bg_content.gif) repeat-y;
}


DIV#footer {
	margin-left: 75px;
}

DIV#footer.popup {
	margin-left: 75px;
	width: 548px;
	overflow: hidden;
	clear: both;
}

DIV#footernav {
	background: url(../pix/bg_footer.gif) repeat-y;
	padding: 3px 0px 0px 180px;
	height: 17px;

}

DIV#popup {
	background-color: #ffffff;
}


/* ------------------------------------------------------------------ */
/* Content-Layouts - Hauptseite */
/* ------------------------------------------------------------------ */
DIV.twocol {
	background: #fff;
	color: #061F39;
}
DIV.twocol.withline { 
        background:  url(../pix/bg_twocol.gif) repeat-y;
}
DIV.oneonetwocol {
	background: url(../pix/bg_oneonetwocol.gif) repeat-y;
}
DIV.bluewhitecol {
	background: url(../pix/bg_bluewhitecol.gif) repeat-y;
}
/* Non-IE "fix": floats sollen ihre container nicht ueberlappen */
DIV.twocol:after, 
DIV.oneonetwocol:after,
DIV.bluewhitecol:after, 
DIV#subpage:after,
DIV.margintext:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
DIV.twocol DIV.col, 
DIV.oneonetwocol DIV.col, 
DIV.bluewhitecol DIV.col,
DIV.subthreecol DIV.col {
	float: left;
	padding: 0px 5px;
}
DIV.twocol DIV.col, 
DIV.oneonetwocol DIV.col.two, 
DIV.bluewhitecol DIV.col {
	width: 353px;
}
DIV.oneonetwocol DIV.col.one,
DIV.subthreecol DIV.col  {
	width: 171px;
	padding-right: 6px;

	overflow-x: hidden;
}

html>body DIV.oneonetwocol DIV.col.one, 
html>body DIV.subthreecol DIV.col {
	overflow: visible;
}


DIV.twocol DIV IMG{
	vertical-align: top;
}
/* ------------------------------------------------------------------ */
/* Content-Layouts - Unterseite */
/* ------------------------------------------------------------------ */
DIV#subpage {
	background: url(../pix/bg_sub.gif) repeat-y;
	content: ".";
   display: block;
	height: 100%;
   clear: both;
}
DIV#subnav {
	width: 177px;
	padding: 40px 0px 0px 5px;
	float: left;
	position: relative;
	overflow: hidden;
}
DIV#subpage DIV.subthreecol {
	float: left;
	margin-top: 5px;
        width: 546px;
	background: url(../pix/bg_subthreecol.gif) repeat-y;
}
DIV.topinfo { 
        width: 531px;
        height: 40px;
        padding: 0px 10px 0px 5px;
        float: left;
		  display: inline;
}
DIV.topinfo P {
	color: rgb(51, 128, 189);
	font-weight: bold;
	text-align: right;
   padding-top: 12px;
}

DIV.onecol {
	width: 536px;
	float: left;
	padding: 0px 5px 0px 5px;
	margin-top: 0px;
	position: relative;
}

DIV.popcol {

	padding: 5px 5px 5px 5px;
}




DIV.margintext {
	background: url(../pix/bg_margintext.gif) repeat-y;
	width: 535px;
}
DIV.margintext DIV.text {
	float: left;
	width: 353px;
	padding-right: 5px;
	
}

DIV.margintext DIV.margin {
	float: left;
 	width: 166px;
 	padding: 0px 5px;
	
}

/********************************************************************************************************
   ___  _____  _  _  ____  ____  _  _  ____ 
 / __)(  _  )( \( )(_  _)( ___)( \( )(_  _)
( (__  )(_)(  )  (   )(   )__)  )  (   )(  
 \___)(_____)(_)\_) (__) (____)(_)\_) (__) 

siehe 

zodiac-content.css
********************************************************************************************************/




/* ------------------------------------------------------------------ */
/* Preis */
P.price {
	color: #0060ac;
	text-align: right;
	padding: 0px;
	background-color: #fff;
}
.sIFR-hasFlash P.price {
	visibility: hidden;
}
.sIFR-hasFlash P.price SPAN.L {
	letter-spacing: 2px;
	padding: 10px 0px 0px;
}
P.price SPAN.Sl, P.price SPAN.Sr {
	letter-spacing: 1px;
	padding: 1px 0px 0px;
}
P.price SPAN.Sl {
	letter-spacing: 1px;
	padding: 1px 0px 1px;
}
P.pricesub {
	color: #3380bd;
	background-color: #fff;
	border-top: 1px solid #cce7ef;
	padding-top: 0px;
	padding-bottom: 0px;
}
P.news-year {
	display: inline;
}


UL.haendler {
}
UL.haendler LI {
	padding-left: 40px;
	background: url(../pix/content_bullet.gif) no-repeat 27px 5px;
	margin-bottom: 2em;
}
UL.haendler LI.premium {
	background: url(../pix/premium.gif) no-repeat 0px 0px;
}
UL.haendler DIV.premium {
	position: absolute;
	left: -20px;
	top: -1px;
}
UL.haendler h2 {
	padding: 0px 0px 5px 0px;
}


/* ------------------------------------------------------------------ */
/* ImageRow ImageRow ImageRow ImageRow ImageRow ImageRow ImageRow ImageRow  */
/* ------------------------------------------------------------------ */

DIV.imageRow {
	height: 48px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	border: 1px solid #C0E7F1;
	border-left: none;
	border-right: none;
	margin-bottom: 15px;
}
DIV.imageRow DIV.imageRow-pic {
	float: left;
	border-right: 1px solid #C0E7F1;
	width: 70px;
	height: 48px;
	
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	
}

DIV.imageRow DIV.imageRow-pic1 {
	padding-left: 5px;
}
DIV.imageRow DIV.imageRow-pic6 {
	padding-right: 5px;
	border-right: none;
}

/* ------------------------------------------------------------------ */
/* TOP - Preisschild */
/* ------------------------------------------------------------------ */
DIV.twocol DIV.col, 
DIV.oneonetwocol DIV.col.one,
DIV.subthreecol DIV.col 
{
	position: relative;
}
DIV.onecol DIV.top,
DIV.twocol DIV.col DIV.top,
DIV.oneonetwocol DIV.col.one DIV.top,
DIV.subthreecol DIV.col DIV.top {
	position: absolute;
	right: 10px;
	top: -5px;
}


DIV.col DIV.teaserText {
	height: 120px;
	overflow: hidden;
}
/*
DIV.col P.teaserDesc {
	height: 100px;
	overflow: hidden;
}
*/

/* ------------------------------------------------------------------ */
/* Topnavigation */
/* ------------------------------------------------------------------ */
#topnav UL {
	padding: 0px;
}
#topnav LI {
	list-style: none;
	float: left;
	padding: 0px;
	background: none;
	background-color: transparent;
}
#topnav A, #topnav A:visited {
	color: #356484;
	text-decoration: none;
	background: transparent url(../pix/bullet_w.gif) no-repeat 10px 4px;
	display: inline;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	float: left;
}
#topnav LI.cur A, #topnav LI.cur A:visited {
	color: #fff;
	background: transparent url(../pix/bullet_y.gif) no-repeat 10px 4px;
}
#topnav A:hover {
	color: #023d65;
	background-image: url(../pix/bullet_b.gif)
}
#cart {
	float:right;
	width: 25px;
}
#cart A {
	background: url(../pix/cart_w.gif) no-repeat !important;
	padding: 0px 20px 0px 0px;
}
#cart A:hover {
	background: url(../pix/cart_b.gif) no-repeat !important;
}
#cart.cur A, #cart.cur A:hover {
	background: url(../pix/cart_y.gif) no-repeat !important;
}

#cart A IMG {
	border: none;
	visibility: hidden;
}
/* ------------------------------------------------------------------ */
/* Subnavigation */
/* ------------------------------------------------------------------ */
#subnav UL {
	list-style: none;
	border: none;
	width: 177px;
	padding: 0px;
	border-top: 1px solid #65c4db;
}
#subnav UL.level0 LI {
	border-bottom: 1px solid #65c4db;
	padding: 0px;
}
#subnav A, #subnav A:visited {
	display: block;
	color: #678ba3;
	background: #e0f3f8;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0px 5px 20px;
	width: 157px;
}
#subnav A:active, #subnav A:focus {
	color: #fff;
}
#subnav A:hover {
	color: #023d65;
	background: #ccd8e0;
}
/* current & active */
#subnav UL.level0 LI.cur,
#subnav UL.level0 LI.act {
	position: relative;
	top: -1px;
	border-top: 1px solid #023d65;
	border-bottom: 1px solid #023d65;
}
#subnav UL.level0 LI.cur A, 
#subnav UL.level0 LI.cur A:visited {
	color: #fff;
	background: #678ba3 url(../pix/nav_arrow.gif) no-repeat 7px 8px;
}
#subnav UL.level0 LI.act A, 
#subnav UL.level0 LI.act A:visited {
	color: #4d7793;
	background: #b3c4d0;
}

/* SubSub-Navigation */
#subnav UL.level1 LI {
	border-top: 1px solid #fff;
	border-bottom: none;
}
#subnav LI.act UL.level1 LI A, 
#subnav LI.act UL.level1 LI A:visited,
#subnav LI.cur UL.level1 LI A, 
#subnav LI.cur UL.level1 LI A:visited {
	color: #4d7793;
	background: #b3c4d0;
	padding-left: 30px;
	width: 147px;
}
#subnav UL.level0 LI.act A:hover,
#subnav LI.cur UL.level1 LI A:hover,
#subnav LI.act UL.level1 LI A:hover {
	color: #023d65;
	background: #8da8ba;
}

/* current */
#subnav UL.level1 LI.cur {
	top: 0px;
	border-top: 1px solid #fff;
	border-bottom: none;
}
#subnav LI.act UL.level1 LI.cur A, 
#subnav LI.act UL.level1 LI.cur A:visited {
	color: #fff;
	background: #678ba3 url(../pix/nav_arrow.gif) no-repeat 7px 8px !important;

}


/* ------------------------------------------------------------------ */
/* Footernavigation */
/* ------------------------------------------------------------------ */
#footernav UL {
	padding: 0px;
	list-style: none;
}
#footernav LI {
	display: inline;
	background: url(../pix/bullet_b.gif) no-repeat 10px 5px;
	color: #023d65;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	float: left;
}
#footernav A, #footernav A:visited, #footernav A:active {
	color: #023d65;
	background: #c1e8f2;
	text-decoration: none;
	font-size: 10px;
}
#footernav A:hover {
	color: #a69300;
}

/* ------------------------------------------------------------------ */
/* Form */
/* ------------------------------------------------------------------ */
DIV.bluewhitecol FORM INPUT.radio {
	background: #e0f3f8;
}
.leftFormCol, .rightFormCol {
	float: left;
	width: 168px;
	padding: 0px 5px;

}
.leftFormCol {
}

.rightFormCol {
}

.formLabel {
	display: block;
	padding-top: 2px;
	color: #7c8184;
}

.formInput {
	width: 168px;	
	margin-bottom: 5px;
}

.formInput,
.formSelect {
	border: 1px solid #999999;
}


.formInput-full {
	width: 375px;		
}

.formSubmit, .formButton {
	background-color: #ff7a00;
	color: #fff;
	width: 172px;
	text-align: left;
	border: none;
	padding-left: 5px;

	cursor: pointer;
}




/*
***********************************************************************************************************
ab_forms ab_forms ab_forms ab_forms ab_forms ab_forms ab_forms ab_forms ab_forms ab_forms 
***********************************************************************************************************
*/
.editContainer {

}

.editContainer .leftFormCol {
	padding: 0px;
	overflow: hidden;
}
.editContainer .rightFormCol {
	overflow: hidden;
}


.editContainer FIELDSET {
	margin-bottom: 20px;
	padding:0px;
	border: 1px solid #CCE7EF;
}

.editContainer LEGEND {
	font-size: 11px;
	color: #9BC6E3;
	background: #ffffff;

	margin-bottom: 10px;
	margin-left: 3px;
	padding: 2px;

	font-weight: bold;
}

* HTML .editContainer LEGEND {
	margin-left: -4px;
}

		

.editContainer LABEL SPAN{
	cursor: pointer; cursor: hand;
/*	width: 260px; */
	padding: 0px;
	padding-left: 0px;
}

.editContainer P {
	padding-bottom: 0px;
	padding-top: 0px;
}


.editContainer DIV.rightFloat { 

}

.editContainer INPUT.formInput, 
.editContainer TEXTAREA{ 


}
.editContainer SELECT { 
   width: 170px;
}
.editContainer TEXTAREA{
	overflow: auto;
}


.editContainer .spacer {
	height: 4px;
}


.editContainer .checkboxLabel {
	padding-left: 5px;

	display: inline;
	padding-bottom: 0px;
	padding-top: 0px;

}

.editContainer .checkboxDivWrap {
	padding-bottom: 5px;

}


.editContainer .leftFormCol-checkbox {
	padding-left: 5px;
	width: 20px;
}

.editContainer .rightFormCol-checkbox {
	width: 495px;
}

.editContainer .formRow-ord_agb {
	padding-top: 10px;
}



/****************************************************************************************/
/* ------------------------------------------------------------------ */
/* Typo3 Content-Elemente */
/* ------------------------------------------------------------------ */
.csi-image {
	padding: 5px;
}

DIV.onecol DIV.csc-textpic-intext-right-nowrap {
        background: url(../pix/bg_margintext.gif) repeat-y;
        width: 535px;
}
DIV.onecol DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: right;
}
DIV.onecol DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
        width: 353px;
        float: left;
}
DIV.onecol DIV.csc-textpic-intext-right-nowrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* -----------------------------------------------------------------------------
varianten spalten
------------------------------------------------------------------------------*/

.varcol-bold {
 font-weight: bold;
}