html,
body {
	height: 100%; /* importat for vertical alignment */
	margin: 0;
	
	background: #FFF7EB;
	color: #555;
	
	font-family: "Century Gothic", Arial, "MS Trebuchet", sans-serif;
	font-size: 11pt;
}

h1 {
	font-size: 14pt;
}
h1#ueber_uns {
	display: inline;
	font-size: 18pt;
	color: #670C10;
}


hr {
	display: none;
}

a img {
	border: 0;
}

#spacer_top {
	/* thanx to bgiessler */
	width: 1px;
	height: 50%;
	float: left;
	margin-bottom: -300px;
}

#content_box {
	display: block;
	clear: left;
	margin: 0 auto;
	position: relative;
	width: 955px;
	height: 600px;
	
	border: 1px solid #8A0101;
}
	div#subnav {
		display: block;
		position: absolute;
		left: 0;
		right: auto;
		width: 120px;
		padding: 50px 5px;
		
		margin-top: 100px;
		float: left;
		font-size: 10pt;
		background: #8A0101;
	}
	
	div#subnav a {
		display: block;
		margin: 5px 0 5px 10px;
	}
	
	div#subnav a,
	div#subnav a:link {
		color: #FFE9C8;
	}
	div#subnav a:hover,
	div#subnav a:active {
		color: #FFF;
	}

#content_wrapper {
	width: 500px;
	height: 490px;
	margin: 50px auto 0;
	font-size: 10pt;
}
	.top_30px,
	.press {
		margin-top: 37px !important;
		text-align: center;
	}
	.top_30px img + span,
	.press img + span{
		display:block;
		width: 230px;
		
		margin: 0 auto;

		text-align: right;		
		font-size: 9px;
		color: #999;
	}
	
	.press {
		margin-top: -30px !important;
		width: 100% !important;
		height: 570px !important;

		text-align: left;
		background: #FFF url('pix/alfa_bg.jpg') no-repeat scroll 365px 42px;
	}
	.press img {
		margin-top: 62px !important;
		margin-left: 120px;
		
		border: 1px solid #999;
		
	}
	.press img + span {
			margin-left: 120px;
	}
	
	.dollBg { /* ueber uns: background doll */
		width: 500px !important;
		padding-left: 150px !important;
		background: url('pix/doll.jpg') no-repeat 0px 42px;
	}

#top_box,
#center_box,
#bottom_box {
	display: block;
}

#top_box,
#bottom_box {
	background: #8A0101;
	height: 30px;
	color: #FFF;	
}

#center_box {
	background: #FFF;
	height: 540px;
	overflow: hidden;
}

#top_box {
	background: url('pix/nav_bg.gif') repeat-x top left;
	text-align: center;
	font-size: 10pt;
}
#bottom_box {
	background: url('pix/bottom_bg.gif') repeat-x bottom left;
}

#top_box > span {
	display: block;
	width: 100%;
	height: 3.5pt;
}

span.on {
	display: inline;
}
span.off {
	display: none;
}

#top_box a,
#top_box a:link {
	color: #FFF7EB;
	margin: 0 15px;
	position: relative;
	width: 100px;
	color:#FFF;
	text-decoration: none;
}

#top_box a:hover,
#top_box a:active {
	color: #FFE9C8;
}


#bottom_logo {
	margin-top: 7px;
	float: right;
}
#name,
#email { /* contact form input */
	width: 200px !important;
}


/* Kontakt */
#address,
div#contact_form,
div#impressum,
div#impressum2  {
	display: block;
	float: left;
	height: auto;
}
div#impressum,
div#impressum2 {
	width: 40%;
}

div#impressum2 {
	width: 40%;
	margin: 20px 0;
}

div#impressum {
	width: 39%;
	margin: 20px 0 0 120px ;
}

#address {
	width: 450px;
	text-align: center;
/*	TODO 2007-04-06 position festlegen, nach formatierung des inhaltes */
	margin: 90px 10px 10px;
}

.size_small {
	font-size: 10pt;
}

#address h1 {
	font-size: 18pt;
}
#address h1,
#address h3,
div#impressum h3,
div#contact_form h3 {
	color: #670C10;
}

table#leistungen {
	height: 320px;
	overflow: visible;
	display: absolute;
	margin-top: 50px;	
/*	border: 1px solid #999;*/
}
table#leistungen td{
	vertical-align: middle;
}

div#contact_form {
	margin: 50px 1% 1%;
/* 2007-05-18 rl
	im simple form ist das <span>, das "Nachricht" enthaelt, hart-gecodet auf display: none;
*/
}
.feedback {
	color: #8A0101;
	font-size: 1.2em;
/*	font-weight: bold;*/
}

#impressum {
	
}

form#contact_form {

}
	form#contact_form textarea {
		display: block;
		width: 400px;
		height: 200px;
	}
	
	form#contact_form input {
		width: 340px;
	}
	
	form#contact_form textarea,
	form#contact_form input{
		border: 1px solid #999;
/*		background-color: #FFF7EB;*/
		
		padding: 0 2px;
		color: #666;
	}

	form#contact_form input#submit {
		color: #8A0101;
/*		background-color: #FFF7EB;*/
		background-color: #FFF;
		width: 100px;
	}
	form#contact_form input#submit:hover {
		border: 1px solid #8A0101;
		background: #FFF;
		cursor: pointer;
	}
	form#contact_form .error,
	form#contact_form .error + p,
	form#contact_form .error + p input {
		color: #8A0101;
	}

	form#contact_form .error + p input {
		border: 1px solid #8A0101;
		background: #FEE;
	}
	form#contact_form p span { /* make unified distance to input-field */
		display: block;
		float: left;
		width: 60px;
	}

p + h3.red2 {
	margin-top: 2.5em;
}

h1 + h4 {
	color: #A00D13;
	margin: -1em 0 2em;
}

#vita {
	float:right;
	margin-top: 190px;
	margin-right: 15px;
}
	#vita h1 {
		color: #670C10;
		font-size:24pt;		
	}
	#vita p span{
		width: 50px;
		display: block;
		float: left;
		color: #8A0101;
	}
	
.designer {
	background: #FFF url('pix/designer_bg.jpg') no-repeat scroll top left !important;
}
.leistungen_list1,
.leistungen_list2 {
	list-style-type: none;
	list-style-position: outside;
/*	padding-left: 3.2em;*/
}
	.leistungen_list1 li,
	.leistungen_list2 li {
		text-indent: -1.2em;
	}
	
	.leistungen_list1 li {
		margin: 3em 0 3em 0;

	}
	
	.leistungen_list2 li {
		margin: 2em 0 2em 0;
	}

/* Leistungen Box CSS */

#e00 {
	display: block;
}

#e01,
#e02,
#e03,
#e04,
#e05,
#e06,
#e07 {
	display: none;
}

/*
#e00,
#e01,
#e02,
#e03,
#e04,
#e05,
#e06,
#e07 {
	margin: 0;
}
*/

.leistungen_bg {
	background-image: url('pix/leistungen.jpg') !important;
	background-position: 675px 25px!important;
	background-repeat: no-repeat !important;
}
.ueberUnsBg {
	background: #FFF url('pix/ueberuns_bg.jpg') no-repeat scroll -42px 20px !important;
	
}
/*#e01 {
	background: transparent url('pix/doll2.jpg') no-repeat ;
}*/
#e01 img {
	top: 75px;
	right: 30px;
	position: absolute;
}

#e02 img {
	top: 75px;
	right: 40px;
}


/* Referenzen */ 
#ref_li1,
#ref_li2 {
	position: absolute;
	display: block;
	width: 17em;
	
	top: 55pt;
	right: auto;
	bottom: auto;
	left: auto;
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
}
#ref_li1 {
	left: 350pt;
}


#ref_li2 {
	right: 1em;
}
	#ref_li1,
	#ref_li1 li,
	#ref_li2,
	#ref_li2 li {
		margin: 0;
		padding: 0;
	}
	#ref_li1 li a,
	#ref_li2 li a {
		display: block;
		width: 100%;
		color: #555;
	}
	
	#ref_li1 li a:hover,
	#ref_li2 li a:hover {
		color: #8A0101;
	}
	
	
	#ref_li1 li,
	#ref_li2 li
	 {
		padding: 5pt 0;
	}
	
.referenzen {
	background: #FFF url('pix/referenzen_bg.jpg') no-repeat scroll 20px top !important;
}

/* global definitions */

.subNote,
.subNote_full {
	font-size: 10px;
}

.subNote {
	color: #999;
}

.red1 {
	color: #A00D13;
}
.red2 {
	color: #670C10;
}

div .opacity,
.opacity {
	position: absolute;
	
	width: 100%;
	height: 100%;
	
	background-color: #FFF;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;/* looks like Konquerer 3.5.n does not support opacity, but Apples Webcore does o_O. Bad Luck 2007-05-18 */
	filter:alpha(opacity=70);
	
}

/* hover styles */

a#impressum,
a#impressum:link {
	display: block;
	float: left;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin: 10px 0 0 10px;
	color: #FFF;
}

a#impressum:hover,
a#impressum:active {
	color: #FFE9C8;
}

a,
a:link {
	color: #8A0101;
	text-decoration: none;
}

a:hover {
	color: #999;
}