body, html {
	margin: 0;
	padding: 0;
	height:100%;
	text-align:center;
}
body { color:#666666; }

body#haendler {
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(images/bg_body_haendler.gif);
}


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

div#website{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	width:950px;
	text-align: left;
	background-image: url(images/balken/balken_orange.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
body#haendler div#website{
	width:750px;
	margin:0 0 0 0;
}
body#haendler	div#website{ background-image: url(images/balken/balken_grau.gif); }


img#signetprint{ display:none; }

div#header{
	height:150px;
	position:relative;
}

	img#titelbild{
		position:absolute;
		left:217px;
		top:0;
	}
	
	p#staticlinks{
		position:absolute;
		top:0px;
		right:50px;
		margin:0;
		background-color:#ffffff;
		padding: 5px 3px 0px 0px;
	}
		p#staticlinks a{
			color:#000;
			background-color:transparent;
			text-decoration:none;
		}
		p#staticlinks a:hover{ text-decoration:underline; }
		p#staticlinks img{ vertical-align:middle; margin-left:7px; }

	

div#hauptnavigation{
	color:#ffffff;
	background-color:#cc0000;
}
	div.suche{ float:right; }



div#leftcol{
	float:left;
	margin-top:15px;
	width:217px;
	overflow:hidden;
	color:#ffffff;
	background-color:#fa8200;
}
div#leftcol img#signet{ margin-bottom:15px; }


div#contentcolumns{
	float:right;
	width:720px;

}
body#haendler div#contentcolumns{ width:521px; }


	div.spalten{
		float:left;
		width:521px;
		overflow:hidden;
		padding-top:15px;
	}
	body#haendler div.spalten{ padding-top:115px; }
	
		div.links{
			float:left;
			width:226px;
			padding: 0 0 2em 0;
		}
		div.rechts{
			float:right;
			width:280px;
			padding: 0 0 2em 0;
		}
			div.rechts td{
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #CCC;
				padding-bottom: 5px;
			}
		div.footer{
			clear:both;
			padding: 25px 0 25px 0;
			background-position: left top;
			background-repeat: no-repeat;
		}
		
	div.marginalia{
		float:right;
		width:180px;
		overflow:hidden;
	}
		div.marginalia .tx-felogin-pi1 form{ padding: 0 0 10px 10px; }
		.tx-felogin-pi1 legend,
		div.marginalia .tx-felogin-pi1 p.welcome,
		div.marginalia .tx-felogin-pi1 p.logout { display:none; }
		div.marginalia .tx-felogin-pi1 input{ margin-bottom:3px; }
		div.marginalia p{ margin: 0 0 10px 10px; }
		
		div.marginalia ul{ margin:0; padding:0 0 1em 0; list-style-type: none; }
		div.marginalia li{
			margin:0;
			padding:0 0 0 20px;
			background-repeat: no-repeat;
			background-position: 10px 5px;
			background-image: url(images/bg_marginalia_li.gif);
		}




div.clearer{ clear:both; }


/* ####################################################### */
/* #### Allgemein: Schriften, Listen, Links u. Bilder #### */

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

h1{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
}


h2{
	font-size:1.2em;
	font-weight:bold;
	border-top: 1px solid #CCC;
	padding-top: 5px;
}
div.marginalia h2{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	border:none;
	line-height:30px;
	color:#ffffff;
	background-color:#fa8200;
	background-image: url(images/h2/h2_orange.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.marginalia a{ text-decoration:none; color:#666666; }
div.marginalia a:hover{ text-decoration:underline; }
div.marginalia h2 a{ color:#ffffff; }

h3{
	font-size:1.2em;
	font-weight:normal;
	padding-top: 8px;
}


body.pink		h1, body.pink		.spalten a	 { color:#dc005a; background-color:inherit; }
body.gelb		h1, body.gelb		.spalten a	 { color:#ffbe00; background-color:inherit; } 
body.caramel	h1, body.caramel	.spalten a	 { color:#cd641e; background-color:inherit; } 
body.braun		h1, body.braun		.spalten a	 { color:#963c32; background-color:inherit; } 
body.mint		h1, body.mint		.spalten a	 { color:#50b482; background-color:inherit; } 
body.gelb-braun	h1, body.gelb-braun	.spalten a	 { color:#EEB333; background-color:inherit; } 
body.hellblau	h1, body.hellblau	.spalten a	 { color:#009bb4; background-color:inherit; } 
body.blau		h1, body.blau		.spalten a	 { color:#0050a0; background-color:inherit; } 
body.rot		h1, body.rot		.spalten a	 { color:#cd0032; background-color:inherit; }
body.gruen		h1, body.gruen		.spalten a	 { color:#b2c904; background-color:inherit; }
body.orange		h1, body.orange		.spalten a	 { color:#fa8200; background-color:inherit; }
body.grau		h1, body.grau		.spalten a	 { color:#666666; background-color:inherit; }
body.fussball	h1, body.fussball	.spalten a	 { color:#658c2a; background-color:inherit; }

img{
	margin:0;
	padding:0;
	border:none;
}

a{ text-decoration:underline; }

div.footer p{
	margin:0;
	padding:0;
}
div.footer p a{
	color:#666666;
	background-color:inherit;
}

.tictac_orange {
	color: #ffffff;
	background: #ff6600;
	padding-right: 2px;
	padding-left: 2px;
}


table.contenttable{ border-collapse:collapse; }
table.contenttable td{ padding-right:5px; vertical-align:top; }


/* ############################################################ */
/* #### Formulare ############################################# */

/*
fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}

label{ display:block; }
div.checkbox label{ display:inline; }

div.csc-mailform-field{ padding-bottom:3px; }

.csc-mailform-field textarea,
input.csc-mailform-input,
.tx-guestbook-field textarea{ width:300px; }

input.mf-submit{ margin-top:1em; }
*/

form#mailform{
	padding-bottom:2em;
}

	fieldset{
		border:none;
		margin:0.5em 0 0 0;
		padding:0;
	}

		div.csc-mailform-field{
			float:left;
			padding: 0px 0 0px 0;
			min-width:231px;
			min-height: 45px;
			height: auto !important;
			height: 45px;
		}
			label{ display:block; }
			
			input.csc-mailform-input{
				width:205px;
				margin-right:20px;
			}
			.csc-mailform-field textarea{
				width:320px;
				max-width:521px;
				margin-right:180px;
				color:#666;
				font-family: arial, helvetica, verdana, lucida, sans-serif;
				font-size: 11px;
			}
			input.mf-submit{
				margin: 10px 0 0 0;
			}


		div.checkbox{
			padding-left:67px;
			margin-bottom:1em;
		}
			input.mf-check{ margin-left:0; }





/* ####################################################### */
/* #### Hintergrundbild Footer ########################### */

body.pink 		div.footer { background-image: url(images/footer/footer_pink.jpg); }
body.gelb 		div.footer { background-image: url(images/footer/footer_gelb.jpg); }
body.caramel 	div.footer { background-image: url(images/footer/footer_caramel.jpg); }
body.braun 		div.footer { background-image: url(images/footer/footer_braun.jpg); }
body.mint 		div.footer { background-image: url(images/footer/footer_mint.jpg); }
body.gelb-braun	div.footer { background-image: url(images/footer/footer_gelb-braun.jpg); }
body.hellblau 	div.footer { background-image: url(images/footer/footer_hellblau.jpg); }
body.blau 		div.footer { background-image: url(images/footer/footer_blau.jpg); }
body.gruen 		div.footer { background-image: url(images/footer/footer_gruen.jpg); }
body.rot 		div.footer { background-image: url(images/footer/footer_rot.jpg); }
body.fussball 	div.footer { background-image: url(images/footer/footer_fussball.jpg); }



/* ####################################################### */
/* #### Hauptnavigation ################################## */

div#hauptnavigation ul{
	margin: 0;
	padding: 0;
}

div#hauptnavigation ul li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#hauptnavigation ul a{
	font-size:12px;
	line-height:2.5em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	display:block;
	float:left;
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(images/bg_nav_a.gif);
}
div#hauptnavigation ul li.first a{ padding-left: 231px; }
div#hauptnavigation ul li.last a{ background-image:none; }

div#hauptnavigation ul a:hover{ text-decoration:underline; }
div#hauptnavigation ul a.aktiv{ font-weight:bold; }


/* ####################################################### */
/* #### Unternavigation ################################## */

body#haendler		div#leftcol { color:#ffffff; background-color:#787878; }

ul.unternavigation {
	display:block;
	margin: 0 0 2em 0;
	padding:0;
}

ul.unternavigation li{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.unternavigation li a{
	display:block;
	padding: 0 0 0 13px;
	color:#ffffff;
	background-color:#inherit;
	text-decoration:none;
}

ul.unternavigation li a:hover{
	text-decoration:underline;
}
ul.unternavigation li a.aktiv{
	font-weight:bold;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/bg_nav_aktiv.gif);
}

ul.unternavigation li.sec a{
	padding: 0 0 0 26px;
}
ul.unternavigation li.sec a.aktiv{
	background-position: 13px 0px;
}

ul.unternavigation li.third a{
	padding: 0 0 0 39px;
}
ul.unternavigation li.third a.aktiv{
	background-position: 26px 0px;
}


/* ####################################################### */
/* #### Suche ############################################ */

div.suche table{
	margin: 4px 5px 0 0;
	border-collapse:collapse;
}

div.suche form{
	margin:0;
	padding:0;
}
div.suche{
	margin:1px 0 5px 0;
	padding:0 0 0 0;
}
div.suche input.suche{
	width:115px;
	font-size:1em;
	border: 1px solid #999999;
}

/* ####################################################### */
/* #### Powermail ######################################## */

fieldset.tx-powermail-pi1_fieldset {
      /* Fieldset */
      border: 0px solid #aaa;
      padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
      /* legend of Fieldset */
      font-weight: bold;
      color: white;
}


fieldset.tx-powermail-pi1_fieldset label {
      /* label */
      display: block;
      width: 250px;
      float: left;
      clear: both;
      font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
      /* Input */
      width: 300px;
}
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { width: 300px; }

fieldset.tx-powermail-pi1_fieldset tx_powermail_pi1_fieldwrap_html_textarea { 
	margin: 15px 0 15px 0;
	width: 250px; 
}
 
fieldset.tx-powermail-pi1_fieldset tx_powermail_pi1_fieldwrap_html_captcha img { display: block; }
 
 
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
      /* Radiobuttons */
      margin: 3px 0 0 0;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio { margin-bottom: 25px; }


/* ############################################################################ */
/* #### KB Nested Content Elements ############################################ */

div.two-cols{ padding: 0 13px 0 0;}

div.col-left{
	float:left;
	width: 245px;
	overflow:hidden;
}
div.col-right{
	float:right;
	width: 245px;
	overflow:hidden;
}

div.clearer{ clear:both; }

/* ############################################################################ */
/* #### Kalfany request offer plugin ########################################## */

div.tx-kalfany label{
	float:left;
	width:110px;
}

div.tx-kalfany .fieldWrap {
	margin:8px 0;
}

div.tx-kalfany .submitButton{
	margin-left:110px;
}

div.tx-kalfany select {
	width: 145px;
}