@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */

body {
	background: #001541 url(img/hintergrund.jpg) top left no-repeat fixed;
	font-family: calibri, verdana, "trebuchet ms", sans-serif;
	font-size: .8em;
}

h1, h2 {
	text-indent: -40em;
	color: #020C1F;
}

#wrapper {
	width: 794px;
	margin: -22px auto;
}

hr {
	border: none;
	color: black;
	margin-left: -999em;
}

#header {
	height: 75px;
	width: 794px;
	background: url(img/header.png) no-repeat;
}

.main_top {
	margin-top: -15px;
	height: 38px;
	background: url(img/main_top.png) no-repeat;
}

.main {
    min-height: 100px;
    height: auto !important;
    height: 100px;
	background: url(img/main.png) repeat-y;
}

.textbereich {
	width: 660px;
	margin: 0 auto;
	line-height: 1.4em;
	padding: 20px 0;
}

.textbereich p {
	margin-bottom: 10px;
}

.textbereich ul {
	margin: 10px 0;
	list-style: none;
	width: 300px;
}

.textbereich li {
	/*margin-left: 30px;
	padding-left: 5px;
	margin-bottom: 3px;*/
	margin-bottom: 7px;
	margin-left: 15px;
	padding: 3px 5px;
	border-left: 5px solid #E8F2FD;
}

.textbereich li a {
	border: none;
}

.textbereich li:hover {
	background: #E8F2FD;
	border-left: 5px solid #6F90DF;
}

.textbereich p.hinweis {
	background-color: #FFF9BB;
	color: 939393;
	padding: 7px 15px;
	border: 1px solid #FFDB5D;
	margin: 10px 0;
}

.textbereich p.hinweis-dezent {
	background-color: #EFF6FF;
	color: black;
	padding: 4px;
	margin: 7px 0;
}

.produktItem {
	background: #EBF4FF url(img/produktItem.jpg) top left repeat-x;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	border: 1px dotted #A3CCFF;
	margin-bottom: 17px;
	-moz-box-shadow: 5px 5px 5px #DFDFDF;
}

.produktItem:hover { background: #CFE5FF; }

.produktBild {
	float: left;
	width: 100px;
	border: 0 !important;
}

.produktText {
	width: 510px;
	margin-left: 120px;
}

.textbereich a, .produktText a, p.hinweis a {
	text-decoration: none;
	border-bottom: 1px solid #1B487F;
	color: #1B487F;
}
.produktText a:hover, p.hinweis a:hover { color: #2C85EF; border-color: #2C85EF; }

.produktItem h3 {
	font-size: 1.15em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.produktText p {
	margin-top: 4px;
}

span.partnerItem {
	padding: 5px 10px;
	background: #E8EEF5;
	-moz-box-shadow: 2px 2px 2px #c0c0c0;
	color: #4169AF;
}
span.partnerItem:hover {
	background: #4169AF;
	color: white;
}

.main_bottom {
	background: url(img/main_bottom.png) no-repeat;
	height: 38px;
}

#footer{
	height: 20px;
	line-height: 20px;
	color: white;
	text-align: center;
	background: none;
	font-size: .9em;
}


#menubar {
    height: 99px;
    background: url(img/menu.png) top left no-repeat;
}



.lavaLampWithImage {
    position: relative;
    height: 99px;
    width: 689px;
    margin-left: 70px;
    overflow: hidden;
    margin-top: -99px;

}
        .lavaLampWithImage li {
            float: left;
            list-style: none;
            margin-top: 35px;
        }
            .lavaLampWithImage li.back {
                background: url("img/lava.gif") no-repeat right -35px;
                width: 9px; height: 35px;
                z-index: 8;
                position: absolute;
            }
                .lavaLampWithImage li.back .left {
                    background: url("img/lava.gif") no-repeat top left;
                    height: 35px;
                    margin-right: 9px; /* 7px is the width of the rounded shape */
                }
            .lavaLampWithImage li a {
                font: bold 13px calibri;
                text-decoration: none;
                color: #005FA2;
                outline: none;
                text-align: center;
                top: 7px;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                z-index: 10;
                display: block;
                float: left;
                height: 35px;
                position: relative;
                overflow: hidden;
                margin: auto 30px;
            }
                .lavaLampWithImage li a:hover {
                    border: none;
                    color: white;
                }


::-moz-selection {
    background-color: #4991C4;
    color: white;
}



#submenu {
	margin-left: 60px;
	height: 22px;
	padding-bottom: 7px;
}

#submenu li {
	line-height: 22px;
	float: left;
	color: white;
	list-style: none;
	border-right: 1px dotted #BFD3FF;
	padding: 0 10px;
}

#submenu li a {
	color: white;
	text-decoration: none;
	padding: 4px 9px;
	-moz-border-radius: 6px;
}

#submenu li a:hover, .submenuSelected {
	background: white;
	color: #595A5F !important;
}





/* ----------------------------------------------------- JS enabled browsers */
.js div { }

/* ----------------------------------------------------- IE7 and below */
.ie7 div { }

/* ----------------------------------------------------- IE6 and below */
    .ie6 #header {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/header.png', sizingMethod='crop');
        background:none;
    }
    .ie6 .main {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/main.png', sizingMethod='scale');
        background:none;
    }
    .ie6 .main_bottom {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/main_bottom.png', sizingMethod='scale');
        background:none;
    }
    .ie6 .main_top {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/main_top.png', sizingMethod='scale');
        background:none;
    }
    .ie6 #menubar {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/menu.png', sizingMethod='crop');
        background:none;
    }
    .ie6 .lavaLampWithImage li a {
        color: #005FA2 !important;
        margin: auto 15px;
    }
    .ie6 .lavaLampWithImage li a:hover {
        color: white !important;
    }