@charset "utf-8";
/**
 * 
 * @desc		Main CSS
 * @project		Dr. Maike Winkler
 * @author		Boris Bojic <bojic@devshack.biz>
 * @copyright	2009 Boris Bojic / DevShack
 * @version		Tue, 14 Jul 2009 04:52:46 +0200
 *
 */


/*
--- Grundlegendes / CSS Reset ---------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{line-height:1;font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;color:#5A7030;background:#F6F6ED;font-size:100.01%;}
input,
select,
textarea{font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;}
a{color:#B9E16F;text-decoration:none;font-weight: bold;}
a:hover{color:#FF8C00;}
label{cursor:pointer;}


/*
--- Grundlayout -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#outerwrapper{
	padding-top: 32px;
	width: 937px;
	margin: 0 auto; 
}

#headwrapper{
	padding: 0 136px 30px 0;
	background: url('./img/headwrapper/headwrapper-back.jpg') right bottom no-repeat;
}

	#headpic{
		float: left;
		width: 534px;
		height: 310px;
		overflow: hidden;
	}

	#mainnav{
		float: left;
		width: 267px;
		height: 310px;
		background: url('./img/mainnav/mainnav-back.jpg') 0 0 no-repeat;
	}

/*
--- Logo ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#logo h1{
	background: url('./img/logo/logo-back.png') 0 0 no-repeat;
}

	#logo h1 a{
		display: block;
		width: 336px;
		height: 78px;
		outline: none;
		text-indent: -9999em;
	}

/*
--- Obere Kopfbilder ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#headpic img{
	display: block;
}


/*
--- Hauptnavigation ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#mainnav ul{
	padding: 20px 0 0 30px;
	font-size: 1.2em;
	font-family: 'Times New Roman', Times;
	font-weight: normal;
	color: #5a7030;
	line-height: 2;
}

#mainnav ul li{
	padding-left: 30px;
	background: url('./img/mainnav/li-back.png') 0 0.5em no-repeat;
}

#mainnav a{
	color: #5a7030;
	font-weight: normal;
}

#mainnav a:hover{
	color: #ee8a00;
}

#mainnav a.marked{
	color: #fff;
	text-decoration: underline;
}

/*
--- Inhaltsboxen ------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

.innerwrapper{
	width: 801px;
	margin-bottom: 40px;
}

.threecols{
	background: url('./img/innerwrapper/threecols-back.png') 0 0 repeat-y;
}

.twocols-r{
	background: url('./img/innerwrapper/twocols-r-back.png') top right repeat-y;
}

.twocols-l{
	background: url('./img/innerwrapper/twocols-l-back.png') 0 0 repeat-y;
}

.onethirdcol{
	float: left;
	width: 267px;
}

.twothirdcol{
	float: left;
	width: 534px;
}

/*
--- Inhalts Definitionen --------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

h2{
	font-size: 1em;
	padding-bottom: .3em;
	margin: 0 20px .7em 20px;
	font-family: 'Times New Roman', Times;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #E3F0C6;
}

p,h3,h4{
	font-size: .76em;
	line-height: 1.5;
	padding: 0 20px .8em 20px;
}

h4{
	padding-bottom: 0;
}

.innerwrapper ul,
.innerwrapper ol{
	font-size: .76em;
	line-height: 1.5;
	padding: 0 20px .8em 0;
	margin-left: 40px;
	list-style-type: disc;
}

.innerwrapper ol{
	list-style-type: decimal;
	margin-left: 45px;
}

hr{
	border: 0 none;
	border-top: 1px solid #E3F0C6;
	background-color: #E3F0C6;
	color: #E3F0C6;
	height: 1px;
	margin: 5px 20px 15px 20px;
}

img{
	display: block;
	margin: 0 auto;
}

img.picleft{
	float: left;
	margin: 0 20px 20px 20px;
}

img.picright{
	float: right;
	margin: 0 20px 20px 20px;
}

/*
--- Diverse Spezialabstände -----------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

.mrgn-btm{
	margin-bottom: 20px;
}

.right{
	text-align: right;
}

/*
--- Footer ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#footwrapper{
	height: 140px;
	background: url('./img/footer/footwrap-back.png') 0 0 repeat-x;
}

#footer{
	color: #5B6F32;
	width: 937px;
	height: 140px;
	margin: 0 auto;
	background: url('./img/footer/footer-back.png') 0 0 no-repeat;
}

#footer a{
	color: #5B6F32;
	font-weight: normal;
}

#footer ul{
	padding: 70px 0 0 150px;
	font-size: .76em;
	line-height: 1.2;
}

#footer ul li{
	width: auto;
	float: left;
	border-right: 1px solid #5B6F32;
	padding: 0 10px;
}

#footer ul li#copyright{
	font-weight: bold;
	padding: 0 40px 0 0;
	border-right: 0 none;
}

#footer ul li#last{
	border-right: 0 none;
}

/*
--- CSS Autoclear ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

#headwrapper:after,
.innerwrapper:after,
#footer ul:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
}















/* that's all folks! */