/* -- Reset __ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
 
body {
line-height:1;
}
 
ol,ul {
list-style:none;
}
 
blockquote,q {
quotes:none;
}
 
:focus {
outline:0;
}
 
ins {
text-decoration:none;
}
 
del {
text-decoration:line-through;
}
 
table {
border-collapse:collapse;
border-spacing:0;
}

/* Reset Ende */

/* Font Einbindung */

@font-face {
    font-family: 'MarketingScriptRegular';
    src: url('../font/marketingscript-webfont.eot');
    src: url('../font/marketingscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/marketingscript-webfont.woff') format('woff'),
         url('../font/marketingscript-webfont.ttf') format('truetype'),
         url('../font/marketingscript-webfont.svg#MarketingScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Übersicht und Styles von HTML-Tags mit der Font MarketingScriptRegular*/
#content_head .left h1, .marketing, .tool_tip h3 { font-family: 'MarketingScriptRegular', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
#content_head .left h1 { font-size: 30px; line-height: 30px; color: #699519; margin-bottom: 8px; }
.marketing { font-size: 16px; line-height: 16px; }
.tool_tip h3 { font-size: 22px; line-height: 24px; color: #699519; }

/* Layout */
body, html { height: 100%; }
body { font-size: 11px; line-height: 17px; background: #eeebe6; color:#8c8578; font-family: Arial, Helvetica, sans-serif; }
#wrapper { min-width: 980px; background: url(../img/bg/wrapper.jpg) left top repeat-x;  }
#header { overflow: hidden;}
.inside { width: 940px; padding: 0 20px; margin: auto;  position: relative; }

/* Allgemeine Linkdefinitionen */
a { font-weight:normal; color:#8c8578; text-decoration:underline; }
a:link { font-weight:normal; color:#8c8578; text-decoration:underline; }
a:visited { font-weight:normal; color:#8c8578; text-decoration:underline; }
a:focus { font-weight:normal; color:#8c8578; text-decoration:none; }
a:hover { font-weight:normal; color:#8c8578; text-decoration:none; }
a:active { font-weight:normal; color:#8c8578; text-decoration:none; }


/* Logo */
#logo { width: 163px; height: 106px; position: absolute; left: 50%; right: 50%; margin-left: -482px; top: 0; z-index: 999999;}

/* Header Navigation */
#header ul { margin-left: 162px; }
#header ul li { float: left; text-transform: uppercase; margin-right: 15px; height: 47px; line-height: 47px; vertical-align: middle; }
#header ul li a, #header ul li a:link, #header ul li a:visited  { text-decoration: none; color: #494641; }
#header ul li a:focus, #header ul li a:hover, #header ul li a:active { text-decoration: none; color: #888175; }

/* Inhalt im Headbereich */
#close { width: 39px; height: 31px; background: url(../img/bg/x-close.jpg) center no-repeat; position: absolute; right: 0; top: -80px; cursor: pointer;}
#content_head { overflow: hidden; clear: both; padding: 80px 0 40px 0;  position: relative; margin-bottom: 20px; background: url(../img/bg/content-header.jpg) right bottom repeat-x;  }
#content_head h2 { color: #699519; }
#content_head .left, #content_head .left_col, #content_head .right_col  { float: left; overflow: hidden; }
#content_head .left { width: 224px; padding-right: 56px; margin-right: 38px; background: url(../img/bg/dot_linie.png) right top repeat-y; }
#content_head .left p.marketing { float: left; padding-top: 20px;  }
#content_head .left a._garantie { float: right; }
#content_head .right { }
#content_head .box { clear: both; width: 310px; margin-bottom: 20px; overflow: hidden; }
#content_head .box img { float: left; overflow: hidden; margin-right: 20px;  }


/* Inhalt bzw. Tool-Tip-Map */
.container { margin-top: -15px; /*background: #eeebe5;*/ padding-bottom: 15px; }
.container .content_header {  height: 82px; width: 958px; background: url(../img/tip_map/head_hintergrundbild.png) right top no-repeat;  }
.container .content {  position: relative; height: 588px; width: 958px; background: url(../img/tip_map/content_hintergrundbild.jpg) right top no-repeat;  }

/* Tool-Tips */
.tool_tip { position: absolute; left: 272px; padding: 4px 0 0 30px; width: 338px; color: #443f35; background: url(../img/tip_map/tool_tip.png) left top no-repeat; }
.btn_tool_tip { cursor: pointer; background: url(../img/tip_map/btn_tool_tip.png) right bottom no-repeat; width: 30px; height: 30px; position: absolute; }
.btn_tool_tip:hover { background: url(../img/tip_map/btn_tool_tip.png) right top no-repeat; width: 53px; height: 51px; overflow: visible; }

#btn_1 { right: 266px; bottom: 292px; }
#btn_2 { right: 836px; bottom: 112px; }
#btn_3 { right: 860px; bottom: 320px; }
#btn_4 { right: 824px; bottom: 286px; }
#btn_5 { right: 170px; bottom: 294px; }
#btn_6 { right: 124px; bottom: 156px; }
#btn_7 { right: 58px;  bottom: 246px; }

/* CSS Fallback bei deaktiviertem JS */
#btn_1 .tool_tip { left: -367px; top: -245px; }
#btn_2 .tool_tip { left: 203px; top: -425px; }
#btn_3 .tool_tip { left: 227px; top: -217px; }
#btn_4 .tool_tip { left: 191px; top: -251px; }
#btn_5 .tool_tip { left: -463px; top: -243px; }
#btn_6 .tool_tip { left: -509px; top: -381px; }
#btn_7 .tool_tip { left: -575px; top: -291px; }

.btn_tool_tip .tool_tip { visibility: hidden;  }
.btn_tool_tip:hover .tool_tip { visibility: visible; } 

/* Über mich Seite */
.page_ueber_mich {  }
.rafi {
    bottom: 168px;
    left: 285px;
    position: absolute;
}

/* Kontaktseite */
.page_kontakt {  }
.table_kontakt td { padding-bottom: 3px; }
.table_kontakt td:first-child { font-weight: bold; padding-right: 14px; }