/* RESETS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
/* RESETS */

/* BASICS */

body { 
	font-family:	Verdana, Arial, sans-serif;
	font-size: 		13px;
	line-height:	18px;
	color: 			#555;
}

h1, h2, h3 { color: #7b9f53 }
h1 { font-size: 18px; line-height: 28px; padding: 0 0 14px 0 }
h2 { font-size: 14px; line-height: 22px; padding: 8px 0 4px 0; font-weight: bold; color: #555 }
h3 { font-size: 13px; line-height: 20px; padding: 6px 0 3px 0; font-weight: bold }

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

p { margin-bottom: 20px }

.clear { margin: 0; padding: 0; float: none }

/* BASICS */


/* MAIN STYLES */

.border-px { background: transparent url(../images/border_px.gif) 0 0 repeat-x; width: 100%; height: 2px }

#wrapper { 
	width:			862px;
	margin:			0 auto;
}

/* icons */
.icon { padding: 0 0 0 21px; background: transparent url() left top no-repeat }

/* #header */

#header {
	width:			100%;
	height:			98px;
	position: 		relative;
}

#header #kontakt { position: absolute; top: 10px; right: 0; font-size: 12px; line-height: 16px; text-align: right }

#header #logo-stein { position: absolute; bottom: -7px; left: -15px; z-index: 1000 }
#header #logo-stein img { width: 193px; height: 88px }

#header #logo-peter { position: absolute; top: 30px; left: 320px }
#header #logo-peter img { width: 203px; height: 51px }

#header .border-px {position: absolute; bottom: 0; left:0 }


/* .content */

/* #secondary */

.content #secondary {
	width: 			230px;
	float: 			left;
}

.content #secondary h3 {
	color: 			#555;
	line-height: 	16px;
}


.content #secondary .top,
.content #secondary .middle,
.content #secondary .separator {
	background: 	#dcffcf;
	border:			1px solid #aceeaa;
}

.content #secondary .top {
	border-top:		none;
	border-bottom:	none;
}

/* cases */
.content #secondary .middle.sidenav,
.content #secondary .middle.content,
.content #secondary .middle.pictures {
	border-top:		none;
	border-bottom:	none;
}

.content #secondary .middle.content,
.content #secondary .middle.pictures {
	line-height: 	16px;
}

.content #secondary .top {
	padding-bottom: 10px;
}
.content #secondary .separator {
	height: 		40px;
	border-top:		none;
	border-bottom: 	none;
}

/* case 1 */
.content #secondary .middle.sidenav ul li a {
	border-top:		1px solid #dcffcf;
	border-bottom:	1px solid #dcffcf;
	padding: 		10px 20px;
	width:			187px;
	line-height: 	48px;
	height:			50px; 
	display:		block;
	font-size: 		12px;
}
.content #secondary .middle.sidenav ul li a:hover,
.content #secondary .middle.sidenav ul li .active {
	border-top:		1px solid #aceeaa;
	border-bottom:	1px solid #aceeaa;
	border-right: 	1px solid #fff;
	background:		#fff;
	text-decoration:none;
	/* get an overflow on the left side */
	margin-top: 	-1px;
	margin-left: 	-10px;
	width:			188px;
	padding-top:	11px;
	padding-left: 	29px;
	border-left: 	1px solid #aceeaa;
}

.content #secondary .middle.sidenav ul li { white-space: nowrap; }

.content #secondary .middle.sidenav ul li a:hover .subheadline,
.content #secondary .middle.sidenav ul li .active .subheadline {
	font-weight: 	bold;
}
.content #secondary .middle.sidenav ul li a:hover .border-px {
	display: none;
}
.content #secondary .middle.sidenav ul li a img {
	display:		block;
	float:			left;
	margin-right: 	10px;
}
.content #secondary .middle.sidenav ul li a img,
.content #secondary .middle.sidenav ul li a .subheadline {
	opacity:		0.75;
}
.content #secondary .middle.sidenav ul li a:hover img,
.content #secondary .middle.sidenav ul li .active img,
.content #secondary .middle.sidenav ul li a:hover .subheadline,
.content #secondary .middle.sidenav ul li .active .subheadline {
	opacity:		1.0;
}

/* case 2 */
.content #secondary .middle.content {
	padding-left:	35px;
	padding-right:	25px;
}
/* case 3 */
.content #secondary .middle.pictures {
	padding-left:	34px;
	padding-right:	34px;	
}
.content #secondary .middle.pictures img {
	width:			160px;
	height:			160px;	
}
.content #secondary .middle.pictures h3 {
	margin-top:		10px;
	text-align: 	center;	
}

.content #secondary .top .border-px,
.content #secondary .middle .border-px {
	background: 	transparent url(../images/secondary_border_px.gif) 0 0 repeat-x;
	width:			190px;
	height: 		2px;
	margin-left: 	20px;
}
.content #secondary .middle .border-px  {
	margin-left:	0px;
	margin-top:		12px;
}

.content #secondary .bottom {
	background: 	transparent url(../images/secondary_bottom.gif) bottom left no-repeat;
	height:			3px;
	margin-left		:-1px /* fix border px top/middle */
}

/* border for secondary elements */
.content #secondary .middle.pictures img,
.content #secondary .middle.sidenav ul li a img { 
	border: 1px solid #aceeaa; 
}


/* #main */

.content .main {
	margin-left:	232px;
	padding:		15px 35px;
}
.content .no-secondary { margin-left:0 } /* clear margin left if no secondary */

.content .main a { padding: 0 0 0 18px; background: transparent url(../images/icons/arrow_green.gif) left 2px no-repeat; color: #7b9f53 }
.content .main ul { margin: 20px; list-style-image: url(../images/icons/dots.gif) }

/* #bredcrumb */
.content .main #bredcrumb { margin-bottom: 10px; font-size: 12px; color: #c1c2c3 }
.content .main #bredcrumb a { background: none; padding: 0; color: #c1c2c3 }
.content .main #bredcrumb a:hover,
.content .main #bredcrumb .active { 
	color: #555;
}

.content .main .box { 
	background: 	#feffd2;
	padding: 		15px 25px;
	margin: 		20px 0;
}

/* .form */
.content .main .box.form td { padding: 4px 0; vertical-align: top }
.content .main .box.form input,
.content .main .box.form textarea { 
	padding: 2px
}
.content .main .box.form select { padding: 1px }
.content .main .box.form .desc,
.content .main .box.form .input { 
	padding-right: 	10px;
}
.content .main .box.form .desc,
.content .main .box.form .input,
.content .main .box.form textarea
{ 
	width:			100%;
	white-space: 	nowrap;
}
.content .main .box.form .button { padding: 2px 6px; color: #555; font-weight: bold }
.content .main .box.form textarea, 
.content .main .box.form input, 
.content .main .box.form select { 
	font-family:	Verdana, Arial, sans-serif;
	font-size: 		12px;
	line-height:	18px;
	color: 			#555;
}

/* border for content elements */
.content .main .box, 
.content .main img,
.content .main .box.form input,
.content .main .box.form textarea,
.content .main .box.form select { border: 1px solid #aceeaa; }

/* #footer */

#footer { clear: left; font-size: 12px }
#footer a { text-decoration: none; color: #888 }
#footer a:hover { color: #333; text-decoration: underline }

#meta-nav { width: 100%; text-align: right; padding: 10px 0 }
#meta-nav a { margin-left: 20px }

#navigation .section { float: left; margin: 15px 30px }
#navigation .section-title { color: #333; font-weight: bold; padding-bottom:4px; font-size: 12px }
#navigation ul { float:left }
#navigation .active { font-weight: bold; color:#333 }
/*
#navigation a:hover { padding: 0 0 0 9px; background: transparent url(../images/icons/arrow_grey.png) -3px 4px no-repeat }
*/

/* MAIN STYLES */