/* CSS Document */
body{background: #FDF9EE; color:#4E4628;font:normal 14px/19px Arial, Helvetica, sans-serif;margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{margin:0; padding:0;}
ul{list-style:none;}
.spacer{font-size:0; line-height:0; clear:both;}

a { text-decoration: none; color:#0B0B0B;}
a:hover {text-decoration: none; color:#A60101;}


/* ----------------- top navigation start --------------------- */
#topNav{
	background: url(images/header-bg.png); width:778px; height: 86px; position:relative;
	margin:0 auto; padding:40px 0 0 0px;}
#topNav img{
	border:none; float:left; margin:0 34px 0 0;}
#topNav ul{
	background:url(images/top_ul_bg.gif) no-repeat 0 34px;
	width:425px; height:23px; padding-top: 34px; margin:0 0 0 348px;}
#topNav ul li{
	background-color:#E1DBC7; color:#0B0B0B; float:left;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#topNav ul li a{
	background-color:#E1DBC7; color:#0B0B0B;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:85px; height:23px; display:block;}
#topNav ul li a.hover{
	background:url(images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:85px; height:23px; display:block;}
#topNav ul li a:hover{
	background:url(images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:85px; height:23px; display:block;}

/* ----------------- top navigation end --------------------- */
/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(images/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:34px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(images/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:24px; float:left;}
/* ----------------- shadow end --------------------------- */
/* ----------------- body start --------------------------- */
#body{
	width:778px; margin:0 auto; position:relative;}
#bodyPannel{
	background:url(images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:722px; padding:0 28px; float:left;}

#midle2{color:#4E4628;padding:0px 0 0 0;}
#midle2 h2{
	background-color:#FDF9EE; color:#0B0B0B;  padding-left: 30px;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#midle2 h2 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#midle2 h3{
	background-color:#FDF9EE; color:#0B0B0B;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#midle2 h3 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#midle2 h4{
	background-color:#FDF9EE; color:#0B0B0B;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}
#midle2 h4 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}
#midle2 p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FDF9EE; color:#4E4628; padding-left: 30px; padding-bottom: 8px; padding-top: 8px;}
#midle2 a.more{
	background:url(images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 40px 0 0; margin:5px 35px 0 0;}
#midle2 a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 40px 0 0; margin:5px 35px 0 0;}
	
	
#midle{
	background:url(images/picture.gif) no-repeat 0 0 #FFFFFF; color:#4E4628;
	padding:168px 0 0 0;}
#midle h2{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#midle h2 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#midle h3{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#midle h3 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#midle h4{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}
#midle h4 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}

#midle p{font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FDF9EE; color:#4E4628; padding-left: 30px; padding-bottom: 8px; padding-right: 30px;}
#midle img{border: #0099CC;}



#bilder-mitarbeiter {float:left; border:#0B0B0B 1px solid;}
#texte-mitarbeiter-links {float: left; width: 216px; margin-left: 10px; }
#texte-mitarbeiter-links ul {color:#0B0B0B; font:normal 11px/16px Georgia, "Times New Roman", Times, serif;}



#texte-mitarbeiter-rechts {float: left; width: 190px; margin-left: 10px;}
#texte-mitarbeiter-rechts ul {color:#0B0B0B;; font:normal 11px/16px Georgia, "Times New Roman", Times, serif;}


#mitarbeiter h2{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#mitarbeiter h2 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#mitarbeiter h3{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#mitarbeiter h3 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#mitarbeiter h4{
	background-color:#FDF9EE; color:#0B0B0B; padding-left: 30px;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}
#mitarbeiter h4 span{
	background-color:#FDF9EE; color:#A60101;
	font:normal 16px/32px Georgia, "Times New Roman", Times, serif;}

#mitarbeiter p{font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FDF9EE; color:#4E4628; padding-left: 30px; padding-bottom: 8px; padding-right: 30px;}



#colorBg{
	background-color:#FCFAF3; float:left; color:#0B0B0B;
	margin:18px 0 0 0; padding:18px 40px 18px 38px; width:642px;}

#colorBg h2.text1 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
	
	
#futurePlans{
	width:298px; height: auto; float:left;}
#futurePlans h2.text1{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#futurePlans h2.text1 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#futurePlans h2.text2{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#futurePlans h2.text2 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#futurePlans ul{float:left;}
#futurePlans ul li{
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#4E4628; padding:0 0 0 0px;}
#futurePlans ul li a{
	font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
	background-color:#FCFAF3; color:#4E4628; display:block;}
#futurePlans ul li a:hover{
	font:bold 13px/19px Arial, Helvetica, sans-serif; text-decoration:none;
	background-color:#EAE6D9; color:#4E4628; display:block;}
#futurePlans p{
	background:url(images/boeder.gif) repeat-x 0 14px #FCFAF3; color:#0B0B0B;
	height:13px; line-height:13px; padding:14px 0 19px 0;}
#futurePlans p a.more{
	background:url(images/more_bg.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 40px 0 20px; margin:0;}
#futurePlans p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 76px 0 #FCFAF3; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 40px 0 20px; margin:0;}

#contact{width:312px; float:right;}
#contact img{border:#d4ceba 1px solid;}
	
#contact h2.text1{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#contact h2.text1 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#contact h2.text2{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#contact h2.text2 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#contact ul{ float:left;}
#contact ul li{
	font:normal 16px/20px Georgia, Times, serif; color:#4E4628;
	background:url(images/red_bullet_2.gif) no-repeat 0 7px #FCFAF3; padding:0 0 0 16px;}
#contact ul li a{
	font:bold 13px/19px Georgia, Times, serif; text-decoration:none;
	background-color:#FCFAF3; color:#4E4628; display:block;}
	
	
#leistungen{width:312px; float:right;}
#leistungen img{border:#d4ceba 1px solid;}
	
#leistungen h2.text1{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#leistungen h2.text1 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#leistungen h2.text2{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#leistungen h2.text2 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#leistungen ul{ float:left;}
#leistungen ul li{
	font:normal 16px/20px Georgia, Times, serif; color:#4E4628;
	background:url(images/red_bullet_2.gif) no-repeat 0 7px #FCFAF3; padding:0 0 0 16px;}
#leistungen ul li a{
	font:bold 13px/19px Georgia, Times, serif; text-decoration:none;
	background-color:#FCFAF3; color:#4E4628; display:block;}


/**leistungen portfolio **/
	
#leistungen-portfolio{width:450px; float: left;}
#leistungen-portfolio img{border:#d4ceba 1px solid;}
	
#leistungen-portfolio h2.text1{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#leistungen-portfolio h2.text1 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 22px/44px Georgia, "Times New Roman", Times, serif;}
#leistungen-portfolio h2.text2{
	background-color:#FCFAF3; color:#0B0B0B;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#leistungen-portfolio h2.text2 span{
	background-color:#FCFAF3; color:#A60101;
	font:normal 20px/40px Georgia, "Times New Roman", Times, serif;}
#leistungen-portfolio ul{ float:left;}
#leistungen-portfolio ul li{
	font:normal 16px/20px Georgia, Times, serif; color:#4E4628;
	background:url(images/red_bullet_2.gif) no-repeat 0 7px #FCFAF3; padding:0 0 0 16px;}
#leistungen-portfolio ul li a{
	font:bold 13px/19px Georgia, Times, serif; text-decoration:none;
	background-color:#FCFAF3; color:#4E4628; display:block;}
	
	
	
.rfrnzcontent{
	margin: 0px 0 0px 0 ;
	padding-right: 14px;
	background-color: #fdf9ee;
	clear:both;
	}
	
.rfrnzcontent-google{
	margin: 0px 0 0px 0 ;
	padding-top: 26px;
	background-color: #fdf9ee;
	clear:both;
	}
	
.pixbox{
	margin:0px 0px 0 0;
	float:left; border: 1px solid #d4ceba;
	}
/* ----------------- body end --------------------------- */
/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:678px; padding:12px 0 50px;}
#footer a.xhtml{
	background-color:#CC0000; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.xhtml:hover{
	background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css{
	background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css:hover{
	background-color:#CC0000; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer ul{
	float:right;}
#footer ul li{
	float:left; color:#0B0B0B; background-color:#FDF9EE;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a:hover{
	color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p{
	color:#A90000; background-color:#FDF9EE; padding:0 8px; float:right;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; float:right;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a{
	color:#0B0B0B; background-color:#FDF9EE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a:hover{
	color:#0B0B0B; background-color:#EFEBDE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#portfolio {height: auto;}
ul#portfolio li img{ border: 1px solid #d4ceba;}


#portfolio-startseite {height: auto;}
ul#portfolio-startseite li img{ border: 1px solid #d4ceba; margin-left: -8px;}

/* Link */
#link a{color:#0B0B0B;}

/* Gallerie */

.bildergalerie {
float: left;
display: inline;
margin: 0 0 16px 0px;
background: none;
position: relative;
}

.bildergalerie img {border: none; padding: 5px;}