/* -----------------------------------------------------------------------------------------------------------------
	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 {
		color:#1E711C;
	}
/* -----------------------------------------------------------------------------------------------------------------
	navigation
----------------------------------------------------------------------------------------------------------------- */
	
	#navigation {
		overflow: hidden;
	}
	
	#navigation a {
		text-indent: -9999px;
	}
	
	#navigation .nav_empty {
		width: 88px;
		height: 97px;
		float: left;
		background-image: url(img/nav_leer.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);
	}
	
	#navigation ul li a {
		display: block;
		height: 97px;
	}
	
	.nav_apfel {
		width: 110px;
		background-image: url(img/nav_apfel.jpg);
	}
	
	.nav_apfel.act {
		background-image: url(img/nav_apfel_act.jpg);
	}
	
	.nav_apfel:hover, .nav_apfel.mainMenuParentBtnFocused {
		background-position: -110px 0;
	}
	
	.nav_about {
		width: 141px;
		background-image: url(img/nav_apfelprofis.jpg);
	}
	
	.nav_about.act {
		background-image: url(img/nav_apfelprofis_act.jpg);
	}
	
	.nav_about:hover, .nav_about.mainMenuParentBtnFocused {
		background-position: -141px 0;
	}
	
	.nav_news {
		width: 71px;
		background-image: url(img/nav_news.jpg);
	}
	
	.nav_news.act {
		background-image: url(img/nav_news_act.jpg);
	}
	
	.nav_news:hover, .nav_news.mainMenuParentBtnFocused {
		background-position: -71px 0;
	}
	
	.nav_presse {
		width: 75px;
		background-image: url(img/nav_presse.jpg);
	}
	
	.nav_presse.act {
		background-image: url(img/nav_presse_act.jpg);
	}
	
	.nav_presse:hover, .nav_presse.mainMenuParentBtnFocused {
		background-position: -75px 0;
	}
	
	.nav_iapple {
		width: 79px;
		background-image: url(img/nav_iapple.jpg);
	}
	
	.nav_iapple.act {
		background-image: url(img/nav_iapple_act.jpg);
	}
	
	.nav_iapple:hover, .nav_iapple.mainMenuParentBtnFocused {
		background-position: -79px 0;
	}
	
	.nav_logo {
		float: left;
	}
	
	.nav_logo a {
		display: block;
		height: 97px;
		width: 312px;
		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;
	}
	
	#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-image: url(img/themes/leer_oben.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#wrap #footer {
	background-image: url(img/themes/footer_leer.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.erleuchtet #contentWrap { background-image: url(img/themes/erleuchtet_oben.jpg); }
#wrap.erleuchtet #footer { background-image: url(img/themes/footer_erleuchtet.jpg); }
#wrap.erleuchtet #contentMain { padding-bottom: 100px; }

#wrap.kleckern #contentWrap { background-image: url(img/themes/kleckern_oben.jpg); }
#wrap.kleckern #footer { background-image: url(img/themes/footer_kleckern.jpg); }

#wrap.mini #contentWrap { background-image: url(img/themes/mini_oben.jpg); }
#wrap.mini #footer { background-image: url(img/themes/footer_mini.jpg); }

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

#wrap.vernaschen #contentWrap { background-image: url(img/themes/vernaschen_oben.jpg); }
#wrap.vernaschen #footer { background-image: url(img/themes/footer_vernaschen.jpg); }

#wrap.zellenkur #contentWrap { background-image: url(img/themes/zellenkur_oben.jpg); }
#wrap.zellenkur #footer { background-image: url(img/themes/footer_zellenkur.jpg); }
#wrap.zellenkur #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;
	padding: 14px;
}

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

/* -----------------------------------------------------------------------------------------------------------------
	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
----------------------------------------------------------------------------------------------------------------- */

fieldset {
	border: 1px solid #1E711C;
}

fieldset legend {
	font-size: 16px;
	color: #1E711C;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
}


.formtable th {
	text-align: right;
	padding-right: 3px;
	vertical-align: top;
}