/* defaults */

*       {margin:0; padding:0; }
html    {} 
body 	{font-family:Arial, sans-serif; font-size:12px; background:#fff; color:#616163; }
p		{margin:0; padding:0; }
a		{color:#fcb116; text-decoration:none; }
a:hover	{color:#fcb116; text-decoration:none; text-decoration: underline; }
img {border: 0;}

/* structural elements */

#wrapper {
    margin:0px auto;
    padding-top:19px;
    width:968px; /* mit banner width:1120px; */
    height:100%;
    /* mit banner padding-left:120px; */
}

#holder {
    clear:right;
    text-align:left;
    height:735px;
    width:968px;
    border: 1px solid #000;
    border-collapse:collapse;
    border-spacing:1px;
    padding:17px 10px;
	position:relative;
}

    
#header .logo {
    float:left;
    margin-right: 15px;
}
#header .line {
    float: left;
    border-bottom:solid #6f6f6f 3px;
    width: 633px;  
}
#header .line_dotted {
    float: left;
    border-bottom:dashed #6f6f6f 1px;
    width: 633px;  
}

.fl {
    float: left;
}  
.fr {
    float: right;
}  
.line_right {
    float: left;
    padding-top: 74px;
}

#header {
    height: 130px; 
}  
#left {
        float: left; 
}
#right {
        float: left; 
}
#content {
       
}
#content .background {
        position: absolute;
        bottom: 6px;
        z-index: -2;
		left:10px;
}
#content .background2 {
        position: absolute;
        bottom: 6px;
        z-index: 1;
		left:10px;
}
* html #content .background {
	display:none;
}
#textfield { 
        background-image:url(../images/white.png);
        padding: 10px;
        margin: 0 10px;
        width: 280px;
     }
#textfield_left { 
        float: left;
        background-image:url(../images/white.png);
        padding: 10px;
        margin: 0 10px;
        width: 280px;
}
#textfield_left_presse { 
        float: left;
        background-image:url(../images/white.png);
        padding: 10px;
        width: 305px;
     }     
#textfield_left_brandlist { 
        float: left;
        background-image:url(../images/white.png);
        padding: 10px;
        margin: 0 10px;
        width: 280px;
        font-size: 14px;
     }
#textfield_left_brandlist2 { 
        float: left;
        background-image:url(../images/white.png);
        padding: 10px;
        margin: 0 10px;
        width: 280px;
        font-size: 14px; 
        margin-top: 60px;  
     }
#textfield_left_form { 
        float: right;
        background-image:url(../images/white.png);
        width: 310px;
        padding: 5px;
        margin-top: 30px;
     }
     
#field_left_bild { 
        width:563px;
        height :424px; 
        background-color: #fcb116;   
     }
#field_left_bild_small { 
        width:330px;
        height :424px; 
        background-color: #fcb116;   
     }         
#textfield_right { 
        background-image:url(../images/black.png);
        border-bottom:solid #fcb116 1px;
        width: 350px;
        height: 250px; 
        position: relative;
        top:200px;
     }
#textfield_right_kontakt { 
        background-image:url(../images/black.png);
        border-bottom:solid #fcb116 1px;
        width: 350px;
        height: 400px; 
        position: relative;
        top:70px;
     }
#textfield_right_news { 
        background-image:url(../images/black.png);
        border-bottom:solid #fcb116 1px;
        width: 566px;
        height: 443px; 
        position: relative;
        top:30px;
        left:-200px;
     }
#textfield_right_home { 
        background-image:url(../images/black.png);
        border-bottom:solid #fcb116 1px;
        width: 420px;
        height: 250px; 
        position: relative;
        top:30px;
        left:10px;
     }
#textfield_right_leistungen {
        background-image:url(../images/black.png);
        border-bottom:solid #fcb116 1px;
        width: 370px;
        height: 335px; 
        position: relative;
        top:50px;
        left:10px;
        }    
.ce_text {
}

.headline {
        height: 20px;
        padding:15px 0 5px 20px;
        }

.cb {
        clear: both;
}
     
/*navigation*/
#submenu {
        position: relative;
        bottom: 0px;
}

/* Navigation */
#navigation         {float:left; font-size:16px; padding:7px 0px; text-transform: uppercase; font-family: 'DINmittelschriftstd', sans-serif; }  
#navigation ul      {margin:0; padding:0; }
#navigation li      {margin:0; padding:0 10px 0 0; list-style:none; display:inline;}
#navigation a        {color:#8e8f91;  text-decoration:none;}
#navigation p        {color:#8e8f91;  text-decoration:none; display:inline; }
#navigation a:hover    {color:#ff9232;  text-decoration:none;}
#navigation li .trail {color:#ff9232; text-decoration:none;} 

#subnavigation        {float:left; font-size:12px; padding:10px 0px;font-family: 'DINmittelschriftstd', sans-serif; }   
#subnavigation ul     {margin:0; padding:0;}

#submenu      {
    float:left; 
    padding:0; 
    margin:0 1px 0 0 ; 
    height:28px; 
    width: 109px; 
    background-color: #8e8f91;
    padding: 6px 8px;
}
#submenu .active     {
float:left; 
    padding:0; 
    margin: -6px -8px; 
    height:28px; 
    width: 109px; 
    padding: 6px 8px;
    background-color: #ececec;
    color:#ff9232;
}
        
#subnavigation a      {color:#fff; text-decoration:none; padding:0;}
#subnavigation p      {color:#ff9232; text-decoration:none; display:inline; }
#subnavigation a:hover    {color:#ff9232; text-decoration:none; }

#footer_navigation        {float:right; font-size:12px; padding:7px 0}   
#footer_navigation ul     {margin:0; padding:0;}
#footer_navigation li     {margin:0; padding:0 0 0 10px; list-style:none; display: inline;}
#footer_navigation a      {color:#999999; text-decoration:none; }
#footer_navigation p      {color:#ff9232; text-decoration:none; }
#footer_navigation a:hover    {color:#ff9232; text-decoration:none; }

.invisible {display: none;}
#navigation .active first   {color:#ff9232; text-decoration:none;}
#navigation .active {color:#ff9232;}   

.a:link {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: none;}
.a:visited {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: none;}
.a:active {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: underline;} 
.a:hover {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: underline;}

.b:link {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: none;}
.b:visited {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: none;}
.b:active {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: underline;} 
.b:hover {font-family:Verdana, sans-serif; font-size:11px; color:#000000; margin-bottom:5px; text-decoration: underline;}

#left #textfield_left a {background-image: url(../images/pfeil_o.png); color:#ff9232; text-decoration:none; font-weight:bold; background-repeat:no-repeat!important;text-indent:16px; vertical-align:middle; display:inline-block; margin:0; padding:0; margin-top:3px;margin-bottom:4px;text-transform: uppercase;}
#left #textfield_left a:active, #left #textfield_left a:hover { background-image: url(../images/pfeil.png); color:#8e8f91; text-decoration:none; font-weight:bold; background-repeat:no-repeat!important;text-indent:16px; vertical-align:middle; display:inline-block;text-transform: uppercase;}

/**** Headlines *************/

h1 { 
    font-weight: bold; 
    font-style: normal; 
    line-height:normal; 
    font-family: 'DINmittelschriftstd', sans-serif; 
    font-size: 18px; 
    margin-bottom: 5px; 
    color: #ff9332;
    text-transform: uppercase;  
} 
h2 {
    font-family: 'DINmittelschriftstd', sans-serif;
    font-size: 14px;
    color: #8e8f91;
    margin-bottom: 5px;
    text-transform: uppercase;
}
h3 {
    font-family: 'DINmittelschriftstd', sans-serif;
    font-size: 14px;
    color: #8e8f91;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/*******NEWS*********/

.mod_newslist, .mod_newsreader {
    padding: 20px;           
}
#textfield_right_news hr    {
    color:#fbb016; 
    background-color:#fbb016; 
    height:1px; 
    border:none; 
    margin: 17px 0; 
    width:100%;
}

.mod_newslist .image_container, .mod_newsreader .image_container {
    padding: 5px;
} 
.mod_newslist a, .mod_newsreader a {
  color: #fbb016;  
}
.mod_newslist a:hover, .mod_newsreader a:hover {
  color: #fbb016;
  text-decoration: underline;  
}
.mod_newslist .info, .mod_newsreader .info {
    float:right;
    margin-right: 10px;
    font-size: 10px;
    color: white;
    padding-top: 3px;
}
.layout_home {
    width:390px;
}
.mod_sitemap li {
    list-style:none;    
}
/*** Besucherformular ***/
form {width:307px;}
fieldset {border: none;}

#form input[type=text] {
    float: right;
    width:190px;
    height:17px;
    border-style:ridge;
    margin-bottom: 2px;
}
#form input[type=radio] {

}
#form select {
    float: right;   
    width:190px;
    height:20px;
    border-style:ridge;       
    margin-bottom: 2px;
}
#form label {
    float: left;
    width:80px;
    height:23px;
}
#form .error {
    width:190px;
    height:17px;
    border-color:#ff0000;
        border-style:ridge;       
    margin-bottom: 2px;
}
label span {
    color:#ff0000; 
}  

#form .colright .feld_title {
    width:60px;
    height:22px;
    background-color:#fff;
    border-color:#FFFFFF;
    border-style:ridge none none ridge;
    margin-bottom: 2px;
}
.btn_send {
    width:100px;
    height:22px;
    background-color:#999;
    color:#fff;
}

.myframe {
    border:0; 
}
  
/*** Kontakt ***/

.line_orange    {
    text-align: center;
}

/***  Accordion  ***/
.toggler  { 
    cursor:pointer; 
    font-weight:bold; 
    color:#000; 
    margin: 0; 
    padding:5px; 
    font-size:16px; 
    font-family:Arial, sans-serif; 
}

.toggler:hover     { 
    background:#eee; 
}
.element     { 
    padding:0 5px; 
}


/*** Background Image ***/
.span-1     { width:200px; }
.span-2     { width:230px; }
.span-3     { width:450px; }
.span-1,
.span-2,
.span-3     { background:#e9e9e9;float:left;margin-right:10px;opacity:.8;padding:10px; }
.liquid     { margin:0 0 0 490px;position:relative;width:auto; }

.maximage_resized {background:#e0e0e0; top:20px;opacity:0.8; padding:10px;position:absolute;right:15px;}

/*INDEX*/
.home .span-1, 
.home .span-2, 
.home .span-3, 
.home .maximage_resized     { background:none;padding:0;margin-right:20px; }
.home .maximage             { position:fixed !important; }
.home a                     { color:#333; }
.home p                     { line-height:24px; }
.wrapper {margin:0 auto; width:430px; padding:200px 200px 0 0; text-align:center }

/*** GALLERIE ***/
#slider {

    /* You MUST specify the width and height */
    width:563px;
    height :424px; 
    position:relative;    
    overflow:hidden;
}

#mask-gallery {
    
    overflow:hidden;    
}

#gallery {
    
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;
    
    z-index:0;
    
    /* width = total items multiply with #mask gallery width */
    width:900px;
    overflow:hidden;
}

    #gallery li {

        
        /* float left, so that the items are arrangged horizontally */
        float:left;
    }


#mask-excerpt {
    
    /* Set the position */
    position:absolute;    
    bottom:1px;
    left:0;
    z-index:500px;
    
    /* width should be lesser than #slider width */
    width:563px;
    height: 30px;
    overflow:hidden;    
    

}
    
#excerpt {
    /* Opacity setting for different browsers */
    background-image:url(../images/black.png);  
    
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding-top:4px;
    
    /* Set the position */
    z-index:10;
    position:absolute;
    bottom:1px;
    left:0;
    
    /* Set the style */
    width:563px;
    height: 30px;
    overflow:hidden;
    font-family:arial;
    font-size:12px;
    color:#fff;    
}

    #excerpt li {
        padding:5px;
    }
    

#buttons {
    margin: 8px 5px;
}
.clear {
    clear:both;    
}

/*** Font Faces ***/

@font-face {
    font-family: 'DINmittelschriftstd';
    src: url('../font/dinmittelschriftstd-webfont.eot');
    src: local('☺'), url('../font/dinmittelschriftstd-webfont.woff') format('woff'), url('../font/dinmittelschriftstd-webfont.ttf') format('truetype'), url('../font/dinmittelschriftstd-webfont.svg#webfontOxUhKqPu') format('svg');
    font-weight: normal;
    font-style: normal;
}