/*-----------------------------------------------------------------------------
[CLAUSS] Screen Stylesheet

version:   1.0
date:      01/09/2009
author:    
email:     
website:   
-----------------------------------------------------------------------------*/


/* BASIS */

:focus { outline: none; }

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}


body {
background-color: #dedede;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
color:#333333;
line-height: 20px;
padding:0px;
margin:0px;
}

#logo        {
position: relative;
float:left;
width:300px;
padding: 0px;
margin: 0px;
}


a {color: #687d8e;}
a:visited {color:#687d8e;}
a:hover {color: #333333;}
a:active { color:#687d8e;}

h1 {
font-size: 13px;
font-weight:bold;
padding-bottom:10px;
padding-top:7px;
margin:0px }

h2 {
color:#666666;
font-size:11px;
font-weight: bold;
padding-bottom:10px;
margin-top:-15px;
margin:0px;}

h3 {
color:#666666;
font-size:11px;
font-weight: bold;
padding-bottom:10px;
padding-top:7px;
margin:0px;}

h4 {
color:#666666;
font-size:11px;
font-weight: bold;
margin:0px;}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #c1c8ce;
}

/* ----------navigation-------------- */

#kopf {
width:800px;
background-color: #c1c8ce;
position: relative;
padding: 0px;
margin: 0px;
}



#navigation {
	float:left;
	position: relative;
	padding: 0px;
	margin: 0px;
	border-bottom:9px solid #aec0dc;
}




#naviliste {
        float:left;
        margin:0;
        padding:0;
}

#naviliste li {
        text-transform: uppercase;
        float:left;
        margin:0;
        padding:0;
        list-style:none;
}

/*  Hauptnavigation Liste, Dwyer-Methode */

#naviliste li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}

#naviliste a {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
}
#naviliste a:hover {
        font-weight: normal;
}

/* Anfang Haupt-Navigation Einzelgrafiken */

#naviliste li .home        {
                                                margin:0;
                                                background-image:url(Icons/home_0.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .home:hover        {
                                                margin:0;
                                                background-image:url(Icons/home_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .home_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/home_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }


#naviliste li .boote       {
                                                margin:0;
                                                background-image:url(Icons/boote_0.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .boote:hover        {
                                                margin:0;
                                                background-image:url(Icons/boote_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .boote_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/boote_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .angebote        {
                                                margin:0;
                                                background-image:url(Icons/angebote_0.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .angebote:hover        {
                                                margin:0;
                                                background-image:url(Icons/angebote_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }


#naviliste li .angebote_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/angebote_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .unternehmen        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_0.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .unternehmen :hover        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .unternehmen_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/unternehmen_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_0.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt:hover        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

#naviliste li .kontakt_aktiv        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_1.gif);
                                                background-repeat: no-repeat;
                                                width:100px;
                                                height:106px;
                                                text-indent: -999em;
                                                }

/* ----------Claim und Bild-------------- */

#claim {
float:left;
position: relative;
padding: 0px;
margin: 0px;
border-bottom:9px solid #d2d2d2;
}

#bildelement {
	float:right;
	position: relative;
	padding: 0px;
	margin: 0px;
	border-bottom:9px solid #c0cfd3;
}




/* -----------------Inhaltsbereich--------------------- */
#content {
	position: relative;
	background-color: #d2d2d2;
	padding: 0px;
	margin-left: 300px;
	margin-right: 0px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
div#content {
	min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}


#content a {
        color:#67859e;
        font-weight:bold;
        border-bottom:0px solid #8da0b0;
        text-decoration:none;
}
#content a:hover {
        color:#333333;
        text-decoration:none;
        border-bottom:1px solid #666666;
}

p         {
padding: 0px;
margin:0px;
margin-bottom:17px;
font-size:11px;
line-height:18px;
}

strong        {
font-weight:bold;
}

/* --------------Tabellen------------- */

table        {
width:362px;
padding:0;
margin:0;
margin-top:15px;
border:0;
margin-bottom:20px;
border-spacing:2px;
border-collapse: separate;
                }

tr                {
padding:0px;
margin:0;
                }

td                {
padding:2px;
padding-left:5px;
vertical-align:middle;
background-color:#dedede;

                }

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


#content p ul liste                        {
                        margin-left: 7px; padding-left: 7px;
                        margin-top:0.5em; margin-bottom:0.5em;
                        }

#liste li                        {
                        list-style-type: none;
                        padding-top: 0.2em;
                        padding-bottom: 0.2em;
                        background-color:#dedede;
                        margin-bottom:2px;
                        padding-left:10px;}


/* Bildgalerielayout
-----------------------------------------------------------------------------*/

#galerie li
{
list-style-type: none;
float: left;
margin: 0 7px 7px 0;
text-align: left;
background-color:#d2d2d2;
}

#galeriebilder                {
                        margin-left: 0px; padding-left: 0px;
                        margin-top:15px; margin-bottom:15px;
                        }

#galerie img
{
width: 110px;
height: 77px;
display: block;
}



/* Projektbild
-----------------------------------------------------------------------------*/

#projekt  {
width:467px;
margin-top:5px; margin-bottom:10px;
margin-left: 0px; margin-right: 0px;
}


.projektbild
{
float:left;
padding-top: 5px;
margin-right: 10px;
margin-bottom:15px;  
}

.projekttext
{
font-weight:bold;
margin:0;
padding:0;
}


/* --------------Linke Subnavigation------------- */
#left {
	position: relative;
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#left a {
color:#333333;
font-weight:bold;
text-decoration:none;
                }

#left .ebene3aktiv a   {
color:#ffffff;
font-weight:bold;
text-decoration:none;
                }

#left .ebene2aktiv a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
                }

#left a:hover {
color:#ffffff;
                }

#subnavi {
        margin:0;
        padding:0;
        padding-top:43px;
        background-color:#c1c8ce;
}

#subnavi li {
        font-weight:bold;
        width:300px;
        margin:0;
        padding:0;
        margin-right:-50px;
        padding-left:18px;
        vertical-align: text-top;
        list-style:none;
        background-color:#aab6c0;
        line-height:22px;
        border-bottom:2px solid #c1c8ce;
}

#subnavi .ebene2aktiv {
        font-weight:bold;
        width:300;
        margin:0;
        padding:0;
        padding-left:18px;
        vertical-align: text-top;
        list-style:none;
        background-color:#8da0b0;

}


#subnavi .ebene3        {
        width:250px;
        margin:0;
        padding:0;
        left:18px;
        margin-left:50px;
        padding-left:5px;
        list-style:none;
        background-color:#aab6c0;
                }

#subnavi .ebene3:hover        {
        background-color:#8da0b0;
                }

#subnavi .ebene3 a        {
        font-weight:normal;
        font-size:11px;
        line-height:18px;
                }

#subnavi .ebene3aktiv        {
        margin-left:50px;
        padding-left:5px;
        list-style:none;
        background-color:#8da0b0;
                }



/* -----------Navigation im Fuss--------------------------- */
#footer {
	background-image:url(Icons/linienabschluss.gif);
	background-repeat: no-repeat;
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: right;
	padding-top:20px;
	background-color:#9fb6db;
        }


#nachoben {
clear: both;
position: relative;
margin: 0px;
padding: 0px;
text-align: right;
padding-top:20px;

        }


.top a {
        color:#67859e;
        font-weight:bold;
        border-bottom:0px solid #8da0b0;
        text-decoration:none;
}
.top a:hover {
        color:#333333;
        text-decoration:none;
        border-bottom:1px solid #666666;
}


#fussnavi {
        height:20px;
        background-color:#9fb6db;
        text-align:right;
        margin:0;
        padding:0;
        padding-left:675px;
        padding-top:8px;
}

#fussnavi li {
        text-transform: uppercase;
        float:left;
        margin:0;
        padding:0;
        list-style:none;
}


#fussnavi li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}

#fussnavi a {
        float: left;
        padding: 0px 0px;
        text-decoration: none;
}
#fussliste a:hover {
        font-weight: normal;
}

#fussnavi li .impressum        {
                                                margin:0;
                                                background-image:url(Icons/impressum_0.gif);
                                                background-repeat: no-repeat;
                                                width:59px;
                                                height:10px;
                                                text-indent: -999em;
                                                }

#fussnavi li .impressum:hover        {
                                                margin:0;
                                                background-image:url(Icons/impressum_1.gif);
                                                background-repeat: no-repeat;
                                                width:59px;
                                                height:10px;
                                                text-indent: -999em;
                                                }


#fussnavi li .trenner        {
                                                margin:0;
                                                background-image:url(Icons/trenner_unten.gif);
                                                background-repeat: no-repeat;
                                                width:9px;
                                                height:10px;
                                                text-indent: -999em;
                                                }


#fussnavi li .kontakt_unten        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_unten_0.gif);
                                                background-repeat: no-repeat;
                                                width:45px;
                                                height:10px;
                                                text-indent: -999em;
                                                }

#fussnavi li .kontakt_unten:hover        {
                                                margin:0;
                                                background-image:url(Icons/kontakt_unten_1.gif);
                                                background-repeat: no-repeat;
                                                width:45px;
                                                height:10px;
                                                text-indent: -999em;
                                                }



/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */