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

* 						{ margin:0px; padding:0px; border:none;}
html 					{ overflow-y:scroll; /* permanente Scrollbar im Firefox */}

body 					{ font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#646464; background:#fff;}



/* ------------------------------------------------------------------------------------- */
/* -------------------------- Standart Tagformatierung ENDE ---------------------------- */
/* ------------------------------------------------------------------------------------- */

/* ----------------------------------- Links ------------------------------------------- */

#content a													{ color:#565656; text-decoration:underline;}
#content a:hover											{ color:#484848; text-decoration:none;}
#drucken_top a, #footer a 									{ color:#747474; font-size:11px; text-decoration:none;}
#drucken_top a:hover, #footer a:hover						{ color:#484848; text-decoration:none;}
#drucken_top a span, #footer a span, #footer .footer5 a		{ text-decoration:underline;}
#drucken_top a span:hover, #footer a span:hover				{ text-decoration:none;}

#philosophie #content a, #philosophie #drucken_top a, #philosophie #footer a 					{ color:#2c6e4a;}
#philosophie #content a:hover, #philosophie #drucken_top a:hover, #philosophie #footer a:hover	{ color:#07301a;}

#ueber_mich #content a, #ueber_mich #drucken_top a, #ueber_mich #footer a 						{ color:#cf4924;}
#ueber_mich #content a:hover, #ueber_mich #drucken_top a:hover, #ueber_mich #footer a:hover		{ color:#a02908;}

#leistungen #content a, #leistungen #drucken_top a, #leistungen #footer a 						{ color:#b87912;}
#leistungen #content a:hover, #leistungen #drucken_top a:hover, #leistungen #footer a:hover		{ color:#8c5804;}

#referenzen #content a, #referenzen #drucken_top a, #referenzen #footer a 						{ color:#253562;}
#referenzen #content a:hover, #referenzen #drucken_top a:hover, #referenzen #footer a:hover		{ color:#010b28;}

#footer a img, #drucken_top a img							{ vertical-align: bottom; padding-bottom:3px;}

.linksPDF a 			{ background:url(../images/icons/pdf.gif) no-repeat; padding:0 0 5px 30px; }
.linksDownload a 		{ background:url(../images/icons/download.gif) no-repeat; padding:0 0 5px 30px;}

/* ------------------------------------------------------------------------------------- */
/* ------------------------ Tagformatierungen ENDE ------------------------------------- */
/* ------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------- */
/* ------------------------- Layoutelemente ANFANG ------------------------------------- */
/* ------------------------------------------------------------------------------------- */

#wrapper 	 		   	{ width:950px; height:auto; margin:0 auto; }
#head 					{ width:936px; height:151px; background:#FFF; padding:29px 0 0 10px;}
#logo					{ width:323px; float:left;}

#box					{ width:940px; background:url(../images/bg/bg_box_startseite.gif) repeat-y; margin-left:10px;}
#philosophie #box		{ background:url(../images/bg/bg_box_philosophie.gif) repeat-y;}
#ueber_mich #box		{ background:url(../images/bg/bg_box_ueber_mich.gif) repeat-y;}
#leistungen #box		{ background:url(../images/bg/bg_box_leistungen.gif) repeat-y;}
#referenzen #box		{ background:url(../images/bg/bg_box_referenzen.gif) repeat-y;}

#left					{ width:273px; float:left; color:#FFF; background:url(../images/bg/bg_left_startseite.jpg) no-repeat; margin:0 32px 0 0; padding:82px 0 0 19px; min-height:518px; height:auto !important; height:518px;}
#philosophie #left		{ background:url(../images/bg/bg_left_philosophie.jpg) no-repeat;}
#ueber_mich #left		{ background:url(../images/bg/bg_left_ueber_mich.jpg) no-repeat;}
#leistungen #left		{ background:url(../images/bg/bg_left_leistungen.jpg) no-repeat;}
#referenzen #left		{ background:url(../images/bg/bg_left_referenzen.jpg) no-repeat;}
#kontakt #left			{ background:url(../images/bg/bg_left.jpg) no-repeat;}
#impressum #left		{ background:url(../images/bg/bg_left.jpg) no-repeat;}

#content	 			{ width:602px; float:left; min-height:600px; height:auto !important; height:600px;}
#box2	 				{ width:602px; float:left; min-height:538px; height:auto !important; height:538px; margin-bottom:40px;}
.spalte1				{ width:280px; float:left; margin-right:35px;}
.spalte1 p, #box2 p  	{ padding-left:9px;}
.spalte2				{ width:280px; float:left;}
#box2 .spalte2 p		{ padding-left:0px;}
#drucken_top			{ width:602px; margin:0 0 5px 0;}
#drucken_top .drucken	{ width:200px; float:left; padding-left:10px;}
#drucken_top .top		{ width:200px; float:right; text-align:right; padding-right:10px;}

#footer					{ width:940px; margin:1px 0 30px 10px; padding-top:14px; background:url(../images/bg/bg_footer_startseite.gif) no-repeat; color:#707070;}
#philosophie #footer	{ background:url(../images/bg/bg_footer_philosophie.gif) no-repeat;}
#ueber_mich #footer		{ background:url(../images/bg/bg_footer_ueber_mich.gif) no-repeat;}
#leistungen #footer		{ background:url(../images/bg/bg_footer_leistungen.gif) no-repeat;}
#referenzen #footer		{ background:url(../images/bg/bg_footer_referenzen.gif) no-repeat;}

#footer .startseite		{ width:85px; float:left; padding-left:25px;}
#footer .kontakt		{ width:80px; float:left;}
#footer .impressum		{ width:102px; float:left;}
#footer #footer1		{ width:592px; float:left; padding:0 0 0 42px; font-size:11px;}
#footer .footer2		{ width:148px; float:left;}
#footer .footer3		{ width:114px; float:left; padding-left:34px}
#footer .footer4		{ width:138px; float:left; padding-left:10px}
#footer .footer5		{ width:145px; float:left; text-align: right;}
#footer p strong		{ color:#484848; font-family:Arial, Helvetica, sans-serif;} 			

/* -------------------------------------------------------------------------------------------- */
/* ------------------------- Layoutelemente ENDE ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- */
/* ---------------------------Navi-Anfang------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */

#navi 		   			{ width:604px; float:left; padding:16px 0 0 0;}
#navi ul 	  			{ list-style-type:none;}
#navi li 				{ background-image:none; float:left; width:151px;}
#navi li a span 		{ display:none; line-height:0px;}
#navi li .navi1 		{ background:url(../images/navi/philosophie.jpg) no-repeat top; display:block; height:116px; width:151px;}
#navi li .navi2 		{ background:url(../images/navi/ueber_mich.jpg) no-repeat top; display:block; height:116px; width:151px;}
#navi li .navi3 		{ background:url(../images/navi/leistungen.jpg) no-repeat top; display:block; height:116px; width:151px;}
#navi li .navi4 		{ background:url(../images/navi/referenzen.jpg) no-repeat top; display:block; height:116px; width:151px;}
#navi li .navi1:hover, #navi li .navi2:hover, #navi li .navi3:hover, #navi li .navi4:hover, 
	#philosophie #navi li .navi1, #ueber_mich #navi li .navi2, #leistungen #navi li .navi3, #referenzen #navi li .navi4 
						{background-position:0 -116px;}
						
						
/* ---------------------------Navi-Referenzen------------------------------------------------ */						

#naviReferenzen				{ padding:40px 0 40px 9px; }
#naviReferenzen	li			{ float:left; }
#naviReferenzen li a		{ float:left; margin-right:26px; text-decoration:none; border-bottom:1px solid #ccc; padding-bottom:6px; }
#naviReferenzen li a:hover  { border-bottom:none; }

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------Navi-Ende--------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------ */
/* ------------------------------- Klassen und Kleinkram ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

#startseite #content h1  			{ background:url(../images/h1/startseite.gif) no-repeat;}
#philosophie #content h1  			{ background:url(../images/h1/philosophie.gif) no-repeat;}
#ueber_mich #content h1  			{ background:url(../images/h1/ueber_mich.gif) no-repeat;}
#leistungen #content h1  			{ background:url(../images/h1/leistungen.gif) no-repeat;}
#referenzen #content h1  			{ background:url(../images/h1/referenzen.gif) no-repeat;}
#kontakt #content h1  				{ background:url(../images/h1/kontakt.gif) no-repeat;}
#impressum #content h1  			{ background:url(../images/h1/impressum.gif) no-repeat;}
#content h1  						{ width:602px; height:30px; margin-bottom:53px;}
#content h1 span 					{ display:none; line-height:0px;}

#content h2  						{ width:602px; height:26px; margin-bottom:40px;}
#content h2 span 					{ display:none; line-height:0px;}

#startseite #content h2  			{ background:url(../images/h2/startseite.gif) no-repeat; height:49px;}
#referenzen #content h2 			{ background:url(../images/h2/referenz1.gif) no-repeat;}
#referenzen #content #freie			{ background:url(../images/h2/referenz2.gif) no-repeat;}
#referenzen #content #kantinen		{ background:url(../images/h2/referenz3.gif) no-repeat;}
#referenzen #content #sonstige		{ background:url(../images/h2/referenz4.gif) no-repeat;}


/* ------------------------------------- Startseite ----------------------------------------- */

#startseite #content p   			{ padding-left:12px; width:285px; float:left;}
#startseite #content .img_abstand 	{ margin:50px 2px 0 0;}

#left p   				{ padding-left:6px; width:244px;}
#left p .box  			{ display:block; float:left; width:60px;}
#left h2  				{ background:url(../images/direkter_kontakt.gif) no-repeat; width:250px; height:18px;}
#left h2 span 			{ display:none; line-height:0px;}
#left a	 				{ color:#FFF;}
#left a:hover	 		{ color:#565656; text-decoration:none;}

/* ------------------------------------- Floats ----------------------------------------- */

.floatstop  { clear:both; }

/* ------------------------------------- Spacing ---------------------------------------- */

.mT10 	{ margin-top:10px; }
.mT20 	{ margin-top:20px; }
.mT30 	{ margin-top:30px; }
.mB10 	{ margin-bottom:10px; }
.mB20 	{ margin-bottom:20px; }
.mB30 	{ margin-bottom:30px; }
.mL10 	{ margin-left:10px; }
.mL20 	{ margin-left:20px; }
.mL30 	{ margin-left:30px; }
.mR8 	{ margin-right:8px; }
.mR10 	{ margin-right:10px; }
.mR20 	{ margin-right:20px; }
.mR30 	{ margin-right:30px; }

/* ------------------------------------- Listen ----------------------------------------- */

#content ul 		 			{ list-style-type:none;}
#content li 		 			{ list-style:none; padding-left:20px; margin-bottom:6px; background:url(../images/li/li.gif) 0px 3px no-repeat;}
#philosophie #content li 		{ background:url(../images/li/li_philosophie.gif) 0px 3px no-repeat;}
#ueber_mich #content li 		{ background:url(../images/li/li_ueber_mich.gif) 0px 3px no-repeat;}
#leistungen #content li 		{ background:url(../images/li/li_leistungen.gif) 0px 3px no-repeat;}
#referenzen #content li 		{ background:url(../images/li/li_referenzen.gif) 0px 3px no-repeat;}

#content .spalte1 ul			{padding-left:9px;}

/* ------------------------------------- Sonstige --------------------------------------- */

.italic							{ font-style:italic;}
#startseite #content .architekt { padding-left:40px; width:240px;}
.kapitalletters 				{ text-transform:uppercase;}
.pic							{ padding:1px; border:solid 1px #c6c6c6; margin-bottom:14px; }
#euroweb						{ padding-left:12px;}
.linie 							{ width:602px; height:1px; border-bottom:1px solid #CFCFCF; margin-bottom:20px; }

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------- CMS ------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

.ewcms_loopline {
height:30px;
background:#ccc;
padding-left:10px;
border-top:solid 1px #666;
border-bottom:solid 1px #666;
margin-bottom:20px;
}

#content .ewcms_loopline img { float:none; }

.ewcms_loopend {
height:30px;
background:#F0F0F0;
padding-left:10px;
border-top:solid 1px #666;
border-bottom:solid 1px #666;
margin-top:20px;
}
.ewcms_loopline_delimg {
margin-top:4px;
border:none;
}
.ewcms_loopline_upimg {
margin-top:4px;
border:none;
}
.ewcms_loopline_downimg {
margin-top:4px;
border:none;
}
.ewcms_loopend_newimg {
margin-top:4px;
border:none;
}
#content .ewcms_edit_img { border:none; }
#content .ewcms_loopend_newimg { border:none; }
#content .ewcms_loopline_delimg { border:none; }


#element_content { border:solid 1px #000; }
.ewcms_content { border:solid 1px #000; }