/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	
	p, div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	html { height: 100%; }

	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	.px210x750 .col1  { width: 209px; border-right: 1px solid #dcdcdc; }
	.px210x750 .col2  {	width: 750px;	}

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 888px; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; }
	
	/* override col1 left margin and col3 right margin for 3 cols */
	.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */
	.p33x33x33 .col2, .p25x50x25 .col2  { border-right: 1px solid #dcdcdc; }
	
	body {
		font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
		font-size: 11px;
		color: #6D675C;
		background-color: #1E711C;
	}
	
	h1 {
		color: #1E711C;
		font-size: 22px;
		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	h2 {
		font-size: 16px;
		color: #1E711C;
		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
	}
	
	h3 {
		margin-top: 0;
		font-size: 1em;
		color: #1E711C;
	}
	
	a {
		color:#1E711C;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	li {
		list-style-image: url(img/subnav_bullet.gif);
	}
	
	.green, div#contentMain strong {
		color:#1E711C;
	}
	
	table.overview {
		background-color: #cccccc;
	}
	
	table.overview th {
		text-align: left;
		padding: 3px;
		height: 18px;
	}
	
	table.overview tbody tr {
		background-color: white;
	}
	
	table.overview .square {
		height: 24px;
		width: 24px;
		text-align: center;
		line-height: 24px;
	}
	
/* -----------------------------------------------------------------------------------------------------------------
	navigation
----------------------------------------------------------------------------------------------------------------- */
	
	#navigation {
		overflow: hidden;
	}
	
	#navigation a {
		text-indent: -9999px;
	}
	
	#navigation .nav_empty_before {
		width: 88px;
		height: 97px;
		float: left;
		background-image: url(img/nav_empty_before.jpg);
	}
	
	#navigation ul {
		margin: 0;
		padding: 0;
		float: left;
		overflow: hidden;
	}
	
	#navigation ul li {
		float: left;
		list-style: none;
	}
	
	.nav_separator {
		width: 3px;
		height: 97px;
	}
	
	.nav_separator.one {
		background-image: url(img/nav_linie_1.jpg);
	}
	
	.nav_separator.two {
		background-image: url(img/nav_linie_2.jpg);
	}
	
	.nav_separator.three {
		background-image: url(img/nav_linie_3.jpg);
	}
	
	.nav_separator.four {
		background-image: url(img/nav_linie_4.jpg);
	}
	
	.nav_separator.five {
		background-image: url(img/nav_linie_5.jpg);
	}
	
	#navigation ul li a {
		display: block;
		height: 97px;
	}
	
	.nav_home {
		width: 78px;
	}
	
	.nav_home:hover {
		background-position: -78px 0;
	}
	
	.nav_eva {
		width: 63px;
	}
	
	.nav_eva:hover, .nav_eva.mainMenuParentBtnFocused {
		background-position: -63px 0;
	}
	
	.nav_produkte {
		width: 100px;
	}
	
	.nav_produkte:hover, .nav_produkte.mainMenuParentBtnFocused {
		background-position: -100px 0;
	}
	
	.nav_leistungen {
		width: 117px;
	}
	
	.nav_leistungen:hover, .nav_leistungen.mainMenuParentBtnFocused {
		background-position: -117px 0;
	}
	
	.nav_presse {
		width: 76px;
	}
	
	.nav_presse:hover, .nav_presse.mainMenuParentBtnFocused {
		background-position: -76px 0;
	}
	
	.nav_kontakt {
		width: 100px;
	}
	
	.nav_kontakt:hover, .nav_kontakt.mainMenuParentBtnFocused {
		background-position: -100px 0;
	}
	
	#navigation .nav_empty_after {
		width: 60px;
		height: 97px;
		float: left;
		background-image: url(img/nav_empty_after.jpg);
	}
	
	.nav_logo {
		float: left;
	}
	
	.nav_logo a {
		display: block;
		height: 97px;
		width: 191px;
		background-image: url(img/logo_oberteil.jpg);
	}
	
	#subnav {
		padding: 18px;
		background-image: url(img/subnav_hg.jpg);
	}
	
	#subnav h2 {
		margin: 0;
		padding: 0;
	}
	
	#subnav h2 a {
		color: inherit;
	}
	
	#subnav ul {
		padding-left: 18px;
	}
	
	#subnav a {
		color: #6D675C;
		text-decoration: none;
	}
	
	#subnav a:hover {
		color:#1E711C;
	}
	
/* -----------------------------------------------------------------------------------------------------------------
	content containers
----------------------------------------------------------------------------------------------------------------- */
	
	#headline {
		background-image: url(img/headline_hg.jpg);
		height: 56px;
	}
	
	#headline h1 {
		margin: 0;
		padding: 0;
		width: 417px;
		padding-left: 240px;
		padding-top: 12px;
		float: left;
		height: 26px;
		white-space: nowrap;
	}
	
	#headline_homebutton {
		float: left;
	}
	
	#headline_homebutton a{
		text-indent: -9999px;
		height: 56px;
		width: 231px;
		display: block;
	}
	
	#contentWrap {
		overflow: hidden;
		background-color: white;
	}
	
	#contentWrap > div {
		min-height: 400px;
	}
	
	#contentLeft {
		padding: 14px;
		width: 212px;
		float: left;
	}
	
	.csc-textpic-caption {
		font-size: 10px;
	}
	
	#contentMain {
		float: left;
		width: 403px;
		padding: 14px 14px 28px 0;
		background: url(img/text_hg.gif) repeat-y right;
	}
	
	#contentRight {
		width: 231px;
		float: left;
	}
	
	#footer {
		height: 180px;
		padding-left: 657px;
		color: #C3DDBE;
	}
	
	#footer a { color: inherit; text-decoration: underline; }
	
	#footer a:hover { color: white; }
	
	#bottombar {
		height: 10px;
		background-image: url(img/bottombar.jpg);
	}
	
/* -----------------------------------------------------------------------------------------------------------------
	themes
----------------------------------------------------------------------------------------------------------------- */

#wrap #contentWrap {
	background-position: left bottom;
	background-repeat: no-repeat;
}

#wrap #footer {
	background-image: url(img/themes/footer_empty.jpg);
	background-repeat: no-repeat;
}

#wrap.suess_sauer #contentWrap { background-image: url(img/themes/suess_sauer_oben.jpg); }
#wrap.suess_sauer #footer { background-image: url(img/themes/footer_suess_sauer.jpg); }

#wrap.guru #contentWrap { background-image: url(img/themes/guru_oben.jpg); }
#wrap.guru #footer { background-image: url(img/themes/footer_guru.jpg); }
#wrap.guru #contentMain { padding-bottom: 100px; }

#wrap.candy #contentWrap { background-image: url(img/themes/candy_oben.jpg); }
#wrap.candy #footer { background-image: url(img/themes/footer_candy.jpg); }

#wrap.verliebt #contentWrap { background-image: url(img/themes/verliebt_oben.jpg); }
#wrap.verliebt #footer { background-image: url(img/themes/footer_verliebt.jpg); }

#wrap.temptation #contentWrap { background-image: url(img/themes/temptation_oben.jpg); }
#wrap.temptation #footer { background-image: url(img/themes/footer_temptation.jpg); }

#wrap.chop_suey #contentWrap { background-image: url(img/themes/chop_suey_oben.jpg); }
#wrap.chop_suey #footer { background-image: url(img/themes/footer_chop_suey.jpg); }

#wrap.energizer #contentWrap { background-image: url(img/themes/energizer_oben.jpg); }
#wrap.energizer #footer { background-image: url(img/themes/footer_energizer.jpg); }
#wrap.energizer #contentMain { padding-bottom: 90px; }

/* -----------------------------------------------------------------------------------------------------------------
	flexible content elements
----------------------------------------------------------------------------------------------------------------- */

.image-item {
	margin-left: -240px;
	overflow: hidden;
	padding-bottom: 28px;
}

.image-item .image {
	float: left;
	width: 218px;
	text-align: right;
	padding-right: 22px;
	min-height: 5px;
}

.image-item .image .imageCaption {
	font-size: 10px;
}

.image-item .content {
	float: left;
	width: 366px;
}

.image-item .content.background {
	background: url(img/liste_hg.jpg) top repeat-x;
	padding: 14px;
}

/* -----------------------------------------------------------------------------------------------------------------
	news
----------------------------------------------------------------------------------------------------------------- */

.news-latest-container {
	background: url(img/news_hg.jpg);
}

.tx-chgallery-pi1 {
	padding: 30px 1px 0px 1px;
}

.tx-chgallery-pi1 .pagebrowser .text {
	height: 17px;
	line-height: 17px;
}

.tx-chgallery-pi1 .pagebrowser .next a,
.tx-chgallery-pi1 .pagebrowser .prev a {
	display: block;
	width: 16px;
	height: 17px;
	text-indent: -9999px;
	text-align: left;
	background: url(img/arrow_right.gif);
}

.tx-chgallery-pi1 .pagebrowser .prev a {
	background: url(img/arrow_left.gif);
	float: right;
}

#wrap #contentMain .tx-chgallery-pi1 .single {
	padding: 0;
	margin: 11px;
}


/* -----------------------------------------------------------------------------------------------------------------
	shop
----------------------------------------------------------------------------------------------------------------- */

div.mailform .label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	height: 20px;
	line-height: 20px;
}

div.mailform > div {
	overflow: hidden;
	padding: 5px 0;
}

div.mailform > div input, div.mailform > div input {
	float:left;
}

.label strong {
	padding: 10px 0;
}