@charset "UTF-8";
/* CSS Document */

/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }




/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}


pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:#ffffff;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11px;
	}


.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:914px;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:20px 0 0 0;
	padding:0;
	height:312px;
	width: 914px;
	background-image: url(header-backgr.jpg);

}

/* ### Banner ####################################################################### */

#banner {
	position:relative;
	margin:0 ;
	padding:0;
	float: left;
	height:312px;
	width: 601px;
	}
/* ### Logo ####################################################################### */

#logo {
	position:relative;
	margin:0 0 0 1px;
	padding:0;
	float: left;
	height:300px;
	width: 300px;
}

/* ### Nav1 ####################################################################### */

#nav1 {
	position:relative;
	margin:10px 0 0 0;
	padding:0;
	float: right;
	height:34px;
	width: 914px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


#main-content {
	width: 902px;
	position: relative;
	float: left;
	}

#main {
	float:right;
	width:630px;
}


/* ### columns ################################################### */

#left-column {
	float:left;
	width: 300px;
	margin: 0 1px 0 0;
	
}
#center-column {
	float:left;
	width: 300px;
	margin: 0 1px 0 0;
	
}
#right-column {
	float:left;
	width: 300px;
	margin: 0;
		
}
#main-column {
	float:left;
	width: 601px;
	margin: 0 1px 0 0;
	
}
#nav-column {
	float:left;
	width: 300px;
	margin: 0;
	
}

#left-column #main-content-block {
	padding:5px 20px 10px 0;
	display:block;
}
#center-column #main-content-block {
	padding:5px 10px 10px 10px;
	display:block;
}
#right-column #main-content-block {
	padding:5px 0px 10px 20px;
	display:block;
}
#main-column #main-content-block {
	padding:5px 20px 10px 0;
	display:block;
}


#nav1 ul {
	color:#FFFFFF;
	font-size: 13px;
	float:left;
	margin-top: 2px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: normal;
	
}
#nav1 ul li {
	display: inline-block;
	width: 300px;
	text-align: center;
	margin: auto;
}

#nav1 a {
	color: #FFFFFF;
}
#nav2 {
	padding:5px 0px 10px 20px;
	display: block;		
}
#braun #nav2 ul {
	color:#5b5248;
	font-size: 13px;
	letter-spacing: 0.05em;
	float:left;
	text-align: left;
	font-weight: normal;
	
}
#nav2 ul li {
	display: block;
	margin: 10px 0 10px 0;
	color:#666666;
}

#braun #nav2 a {
	color: #5b5248;
	font-weight:normal;
}
#gruen #nav2 ul {
	color:#445134;
	font-size: 13px;
	letter-spacing: 0.05em;
	float:left;
	text-align: left;
	font-weight: normal;
	
}
#gruen #nav2 a {
	color: #445134;
	font-weight:normal;
}
#blau #nav2 ul {
	color:#2E3F4E;
	font-size: 13px;
	letter-spacing: 0.05em;
	float:left;
	text-align: left;
	font-weight: normal;
	
}
#blau #nav2 a {
	color: #2E3F4E;
	font-weight:normal;
}


#left-column h1,  #braun #main-column h1 {
	font-size: 18px;
	font-weight:300;
	color: #5b5248;
	line-height: 24px;
	margin: 8px 0 12px 0;
}
#left-column h2, #braun #main-column h2 {
	font-size: 11px;
	font-weight: 700;
	color: #5b5248;
	line-height: 16px;
	margin: 0 0 8px 0;

}
#center-column h1,  #gruen #main-column h1 {
	font-size: 18px;
	font-weight:300;
	color: #445134;
	line-height: 24px;
	margin: 8px 0 12px 0;
} 
#center-column h2, #gruen #main-column h2 {
	font-size: 11px;
	font-weight:700;
	color: #445134;
	line-height: 16px;
	margin: 0 0 8px 0;

}
#right-column h1, #blau #main-column h1 {
	font-size: 18px;
	font-weight:300;
	color: #2E3F4E;
	line-height: 24px;
	margin: 8px 0 12px 0;
} 
#right-column h2, #blau #main-column h2 {
	font-size: 11px;
	font-weight:700;
	color: #2E3F4E;
	line-height: 16px;
	margin: 0 0 8px 0;

}

#main-content-block {
color: #333333;
}

#main-content-block p {
	line-height: 16px;
	margin: 0 0 9px 0;

}
#main-content-block ul {
	line-height: 16px;
	margin: 0 0 9px 0;
	list-style:disc;
	padding-left: 10px;
	text-indent: -10px;

	list-style-position:inside;

}
#main-content-block li {
	margin-bottom: 6px;

}
#main-content-block a {
	color: #666666;
	text-decoration:underline;

}

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

#footer {
	display:block;
	float: left;
	width:902px;
	text-align: center;
	margin: 10px 0 0 0;
	border-top:#999999 solid thin;
	padding-top: 10px;
}

#bottomnav ul {
	color:#999999;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	
}
#bottomnav ul li {
	display: inline;
	margin: 0px 20px 0px 20px;
}

#bottomnav a {
	color: #999999;
}