﻿@charset "utf-8";
@import url("reset.css");

/******************************************************************************************
** GRUND-FORMATIERUNG
******************************************************************************************/

*, html { margin:0px; padding:0px; }

html, body { height:100%; }

body { font-family:"Trebuchet MS"; font-weight:normal; font-size:14px; color:#515050; background:#e4d1c7; }


/******************************************************************************************
** ALLGEMEINES
******************************************************************************************/

h1 a { display:block; width:603px; height:145px; text-indent:-6000px; background:none;}
h2 { margin-bottom:35px; font-size:16px; font-weight:bold; color:#b26f7d; }
h3 { margin-bottom:22px; color:#515050; border-bottom:1px solid #515050; }
p { margin-bottom:22px; }
img {}
strong { font-weight:bold; }
#content a { color:#b26f7d; text-decoration:underline; }
#content ul { margin-bottom:22px; list-style:none; }
#content ul li { margin-bottom:4px; padding-left:14px; line-height: 19px; background:url(../images/layout/li.gif) no-repeat 2px 7px; }

/******************************************************************************************
** SONSTIGES
******************************************************************************************/

.anfahrt img,
.imagebox img { margin-bottom:22px; padding:4px; border:1px solid #d9d1c3; }
.no_margin { margin-bottom:0px; }
.margin_right { margin-right:22px; }
.colored { color:#b26f7d; } 
div#euroweb { margin-bottom:22px !important; }

/* Clearfix for stand-alone-divs */
.nofloat { float:none; clear:both; }

/* Clearfix für content-divs */
.clearfix:after { 
	content: 				"."; 
    display: 				block; 
    height: 				0; 
    clear: 					both; 
    visibility: 			hidden;
}
.clearfix {	display:inline-block; }
* html .clearfix { height:1%; }
.clearfix {	display:block; }


/******************************************************************************************
** AUFBAU
******************************************************************************************/

#outer_wrapper { width:100%; height:auto; background:#ebddd2 url(../images/layout/body_bg.jpg) repeat-x left top; }

#wrapper { margin:0px auto; width:955px; height:auto; }

#header { padding:0 87px 0 265px; width:603px; height:145px; background:url(../images/layout/header_bg.jpg) no-repeat center top; }

#nav { float:left; width:265px; height:350px; background:url(../images/layout/navi_bg.jpg) no-repeat left top; }

#content_wrapper { float:left; width:690px; height:auto; background:url(../images/layout/content_kachel_bg.png) repeat-y left top; }

#inner_content { width:690px; height:auto; background:url(../images/layout/content_bg.jpg) no-repeat left top; }

#content { padding:15px 180px 0 98px; width:412px; min-height:385px; height:auto !important; height:385px; line-height:19px; background:url(../images/layout/inner_content_bg.png) no-repeat left bottom; }

#outer_footer { width:100%; height:209px; background:url(../images/layout/footer_kachel_bg.jpg) repeat-x left top; }

#footer { padding:72px 0 0 363px; margin:0px auto; width:592px; height:135px; font-size:15px; line-height:18px; background:url(../images/layout/footer_bg.jpg) no-repeat center top; }

/* Produkt-Navigation */
ul#produkte { margin:93px 0 10px 0; width:265px; height:176px; background:url(../images/layout/navi_effects_bg.jpg) no-repeat left top; }
#produkte li { width:265px; height:22px; text-indent:-6000px; line-height:22px; font-size:13px; }
#produkte li a { 
	display:block; 
	width:265px; 
	height:22px; 
	text-indent:-6000px; 
	line-height:22px; 
	font-size:13px; 
	background-repeat:no-repeat; 
	background-position:0px 0px; 
}
#produkte a:hover { background-position: -265px 0px; }
#produkte a.active { background-position: -530px 0px; }
#produkte a.active:hover { background-position: -795px 0px; }

#wuu { background:url(../images/layout/a_wuu.jpg); }
#gb { background:url(../images/layout/a_gb.jpg); }
#pk { background:url(../images/layout/a_pk.jpg); }
#mn { background:url(../images/layout/a_mn.jpg); }
#gkb { background:url(../images/layout/a_gkb.jpg); }
#he { background:url(../images/layout/a_he.jpg); }
#fb { background:url(../images/layout/a_fb.jpg); }
#pd { background:url(../images/layout/a_pd.jpg); }

/* Allgemeine Navigation */
ul#allgemein { width:265px; height:96px; background:url(../images/layout/navi_allgemein_effects_bg.jpg) no-repeat left top; }
#allgemein li { width:265px; height:24px; text-indent:-6000px; line-height:22px; font-size:13px; }
#allgemein a {
	display:block; 
	width:265px; 
	height:24px; 
	text-indent:-6000px; 
	line-height:24px; 
	font-size:13px; 
	background-repeat:no-repeat; 
	background-position:0px 0px; 
}
#allgemein a:hover,
#allgemein a.active,
#allgemein a.active:hover { background-position: -265px 0px; }

#kontakt { background:url(../images/layout/a_kontakt.jpg); }
#anfahrt { background:url(../images/layout/a_anfahrt.jpg); }
#impressum { background:url(../images/layout/a_impressum.jpg); }
#aktuelles { background:url(../images/layout/a_aktuelles.jpg); }


/******************************************************************************************
** EWCMS
******************************************************************************************/

/* Schleifenstart_Zeile */
.ewcms_loopstart {}

/* Schleifenende_Zeile */
.ewcms_loopend {}

/* Schleifenebene_Zeile */
.ewcms_loopline {}

/* CMS Mini-Bilder */
.ewcms, 
.ewcms_loopline_delimg, 
.ewcms_loopline_downimg, 
.ewcms_loopline_upimg, 
.ewcms_loopend_newimg, 
.ewcms_edit_img, 
.ewcms_edit_logout img{
	border: none;
}
