@charset "utf-8";

*
{
	margin:0;
	padding:0;
}

html, body
{
	font-size:100.01%;
	font-family:Arial;
	background-color:#ededed;
	color:#000000;
	height:100%;
}

img
{
	border:none;	
}
img.maxwidth
{
	width:100%;
	margin:0 0 20px 0;
}

.bold
{
	font-weight:bold;
}

.error
{
	font-weight:bold;
	color:#F00;
}

.hidden
{
	display:none !important;
}

.block
{
	display:block !important;
}

#wrapper
{
	position:relative;
	display:block;
	min-height:100%;
	/*background-image:url(../gfx/bg_wrapper.png);*/
	background-image:url(../gfx/bg_wrapper.gif);
	background-repeat:repeat-y;
	
}
#page
{
	position:relative;
	width:1024px;
	min-width:1024px;
	min-height:768px;
}

#content
{
	position:relative;
	background-repeat:no-repeat;
	padding:180px 215px 30px 290px;
	font-size:12px;
}
#content.home
{
	background-image:url(../gfx/bg_content_home.jpg);
}
#content.philosophie
{
	background-image:url(../gfx/bg_content_philosophie.jpg);
}
#content.pr
{
	background-image:url(../gfx/bg_content_pr.jpg);
}
#content.produkte
{
	background-image:url(../gfx/bg_content_produkte.jpg);
}
#content.team
{
	background-image:url(../gfx/bg_content_team.jpg);
}
#content.kontakt
{
	background-image:url(../gfx/bg_content_kontakt.jpg);
}

#content .leftpadded
{
	margin-left:130px;
}

#content h1
{
	font-size:15px;
	font-weight:bold;
	padding:21px 0 37px 0;
	width:540px;
}

#content img
{
	display:block;
}

#content a
{
	color:#000;
	text-decoration:underline;
}
#content a:active, #content a:hover, #content a.selected
{
	color:#999933;
}

#content p
{
	padding:0;
	margin:0 0 12px 0;
	line-height:1.7em;
}

#content ul
{
	line-height:1.7em;
}
#content ul li
{
	margin:0 0 4px 15px;
	list-style:disc outside;
}
#content ul.bold
{
	font-weight:bold;
}
#content ul.hiddencontent
{
	padding:0 0 0 90px;	
}
#content ul.hiddencontent li
{
	/*list-style:url(../gfx/arrow_right.png) outside;*/
	list-style:none;
	margin:0 0 8px 15px;
	line-height:1.6em !important;
}
#content ul.hiddencontent li a.hc_button, #content ul.hiddencontent li a.hc_button_on
{
	background-image:url(../gfx/arrow_right.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding:0 0 0 18px;
	text-decoration:none;
	font-weight:bold;
}
#content ul.hiddencontent li a.hc_button_on
{
	background-image:url(../gfx/arrow_down.png);
}

#content ul.team
{
	margin:20px 0 0 0;
}
#content ul.team li
{
	position:relative;
	margin:0 0 20px 0;
	list-style:none;
	clear:both;
}
#content ul.team li img
{
	float:left;
	display:block;
	margin:0 0 20px 0;
}
#content ul.team li h2
{
	font-weight:normal;
	font-size:12px;
	line-height:1em;
	margin:0 0 4px 110px;
	padding:0;
}
/* IE 7 Hack */
* + html #content ul.team li h2, * + html #content ul.team li p{
	margin-top:-20px;
	margin-bottom:24px;
}

/* BOX HACK
#content ul.team li h2
{
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-top:-20px;
}
*/

#content ul.team li p
{
	margin-left:110px;
	line-height:1.6em !important;
}

#content form
{
	line-height:1.7em;
}

#content label, #content input, #content textarea
{
	float:none;
	display:block;
}

#content input, #content textarea
{
	border:1px solid #333;
	margin:0 0 6px 0;
	width:300px;
	background-color:#FFF;
}
#content input:focus, #content textarea:focus
{
	background-color:#d3d7d7;
	border:1px solid #999933;
}
#content input#submit
{
	width: auto;
	padding:0px 5px;
	font-weight:bold;
}
#content input#submit:hover
{
	background-color:#999933;
}

#navi_content
{
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	font-weight:bold;
	margin:0 0 20px 0;
}
#navi_content a 
{ 
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}


#rcol
{
	position:absolute;
	top:180px;
	left:821px;
	width:203px;
}

#rcol p
{
	display:block;
	height:20px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	padding:23px 0 2px 10px;
}

#rcol img
{
	display:block;
	border:none;
	width:100%;
}

#rcol a
{
	display:block;
	font-size:10px;
	line-height:15px;
	letter-spacing:0.1px;
	font-weight:bold;
	color:#333;
	padding:10px;
	text-decoration:underline;
}
#rcol a:hover, #rcol a:active, #rcol a.selected
{
	color:#999933;	
}
#rcol a span.nobold
{
	font-weight:normal;
}
#rcol a span.noline
{
	text-decoration:none;
}
#rcol a span.color
{
	color:#999933;
}

#lcol
{
	position:absolute;
	top:0;
	left:20px;
	width:250px;
	min-height:768px;
}

#header
{
	display:block;
	height:180px;
	background-color:#990033;
	background-color:#cc0033;
}

#navi_top
{
	display:block;
	height:20px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	padding:23px 0 2px 20px;
}

#navi_top li
{
	display:inline;
	margin:0 15px 0 0;
}
#navi_top a 
{ 
	color:#FFF;
	text-decoration:none;
}
#navi_top a:active, #navi_top a:hover, #navi_top a.selected
{
	text-decoration:underline;
}

#navi_main
{
	display:block;
	color:#000;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	list-style-type:none;
	padding:30px 0 0 0;
}
#navi_main li
{
	margin:0 0 20px 0;
}
#navi_main a 
{ 
	color:#000;
	text-decoration:none;
	display:block;
	padding:0 0 0 20px;

}
#navi_main a:active, #navi_main a:hover, #navi_main a.selected
{
	text-decoration:underline;
	background-image:url(../gfx/bg_navi_main_on.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
}

#adress
{
	display:block;
	color:#777;
	font-size:10px;
	font-weight:bold;
	padding:100px 0 0 20px;
	line-height:14px;
}
#adress a
{
	color:#666;
	text-decoration:underline;
}
#adress a:active, #adress a:hover
{
	color:#FFF;
	text-decoration:underline;
}