@charset "utf-8";
/* CSS Document */

body{
	background-color:#e7f0ee;
	margin:0px;
	padding:0px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* ###################################### MAKE THE LAYOUT ################################ */

#wrapper_top{
	width:950px;
	margin:0 auto;
	background-image:url(src-pix/bg-pagebodyhead.jpg);
	background-position:bottom;
	height:28px;
}

#wrapper_body{
	width:950px;
	margin:0 auto;
	background-image:url(src-pix/bg-pagebody.jpg);
}

#wrapper_footer{
	width:950px;
	margin:0 auto;
	background-image:url(src-pix/bg-pagebodyfooter.jpg);
	height:20px;
	background-position:bottom;
}

#main{
	width:910px;
	margin:0 auto;

	background-image:url(src-pix/bg-main-2color.gif);
}

#banner_logo{
	
	width:250px;
	float:left;
	background-color:#91c0ec;
	margin-right:5px;
	margin-bottom:5px;
	border:0px solid #333333;
	height:180px;
	background-image:url(src-pix/bg-logo-banner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
}


#logo{
height:101px;
width:246px;
margin:0 auto;
border:0px solid #333333;
margin-top:5px;
}

#bilder_laufleiste{
height:60px;
width:247px;
border:0px solid #333333;
margin-top:14px;
background-image:url(src-pix/bg-bildlauf.gif);
background-repeat:no-repeat;
}

#banner_bild{
	width:650px;
	border:0px solid #333333;
	margin-bottom:5px;
	float:left;
	background-color:#6baedb;
	height:180px;
}

#banner_flags{
height:30px;
width:100%;
text-align:right;

}

#banner_pic{
height:150px;
width:100%;
}



.clear{
	clear:both;
}

#sidebar{
	width:250px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:0px solid #333333;
	background-color:#91c0ec;
}

#navigation{
	width:250px;
	background-color:#e7f0ee;
	margin-top:25px;
	margin-bottom:20px;
	padding-bottom:5px;
}

#inhalt{
	width:650px;
	border:0px solid #333333;
	margin-bottom:5px;
	float:left;
	background-color:#fffed7;
	
}

#broadcrump{
height:25px;
border-bottom:1px solid #000000;
line-height:25px;
font-weight:bold;
}

#inhalt_wrap{
	padding-right:5px;
		
	padding-left:5px;
}

#footer{
	height:50px;
	width:950px;;
	margin:0 auto;
	text-align:center;
	
}

.news_box{
width:248px;
background-color:#FFFFFF;
border:1px solid #e24242;
}

.news_box_header{
height:34px;
width:248px;
text-align:center;
background-image:url(src-pix/bg-newsheader.jpg);
color:#FFFFFF;
line-height:34px;
}

.news_box_inhalt{
width:248px;
border:0px solid #333333;
}

.sidebar_textfeld{
width:250px;
font-size:1.2em;
}

/* ###################################### NAVIGATION ################################ */

#navigation ul{
list-style:none;
margin:0px;
padding:0px;

}

#navigation ul li{
list-style:none;
margin:0px;
padding:0px;
}

#navigation ul li a{
display:block;
height:29px;
width:245px;
background-color:#539ce1;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
line-height:29px;
padding-left:5px;
}

#navigation ul li a:hover{
	background-color:#91c0ec;

}

#navigation ul li ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li ul li{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li ul li a{
	display:block;
	height:20px;
	width:210px;
	background-color:#e7f0ee;
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
	font-size:12px;
	text-transform:none;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	line-height:20px;
	padding-left:40px;
	background-image:url(src-pix/navi-pfeil.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#navigation ul li ul li a:hover{
background-image:url(src-pix/navi-pfeil-hover.gif);
background-color:#87c3ee;
}

#navigation ul li ul li ul li a{
	height:20px;
	width:190px;
	padding-left:60px;
	background-image:url(src-pix/navi-pfeil-sup.gif);
		
}

#navigation ul li ul li ul li a:hover{
	background-image:url(src-pix/navi-pfeil-sup-hover.gif);

		
}


/*################################ TEXT UND INHALT - MAIN ############################*/

#broadcrump a{
color:#003e71;
font-weight:bold;
}

#broadcrump a:hover{
color:#e24242;
}



/*################################ TEXT UND INHALT - INHALT ############################*/

#inhalt h1{
color:#003e71;
font-size:1.6em;
}

#inhalt h2{
font-size:1.3em;
color:#333333;
}

#inhalt h3{
font-size:1.2em;
color:#333333;
font-weight:bold;
}

.min_text{
font-size:60%;
}

#inhalt p{
margin:1px;
padding:1px;
}

#inhalt ul{
list-style:square;
}

#inhalt a{
color:#003e71;
font-weight:normal;
}

#inhalt a:hover{
color:#e24242;
}

#inhalt img{
border:0px solid #333333;
}

#inhalt a img{
border:1px solid #333333;
}

#inhalt table{
width:95%;
}


/*################################ TEXT UND INHALT - SIDEBAR ############################*/

#banner_flags img{
margin-top:12px;
margin-right:10px;
}

#sidebar{
color:#333333;
 font-size:0.8em;

}

#sidebar h1{
 font-size:1.6em;
 margin:0px;
 padding:0px;
}

#sidebar h2{
 font-size:1.8em;
 margin:0px;
 padding:0px;

}


#sidebar h3{
 font-size:1.2em;
 margin:0px;
 padding:0px;
}

#sidebar p{
 margin:2px;

}

.sidebar_textfeld a{
	color:#333333;
	font-weight:bold;

}

.sidebar_textfeld a:hover{
color:#539ce1;
}

/*################################ TEXT UND INHALT - NEWSFELD ############################*/

.news_box_inhalt p{
margin:0px;
padding:0px;
}

.news_box_inhalt a{
	color:#e24242;
	font-weight:bold;

}

.news_box_inhalt a:hover{
	color:#539ce1;

}


/*################################ PRODUKTFELD  ############################*/

.prod_main{
width:190px;
border:1px solid #000000;
float:left;
margin:3px;
}

.prod_headline{
width:190px;
padding:5px;
height:50px;
text-align:center;
}

.prod_headline h4{
font-size:18px;
margin:0px;
padding:0px;

color:#003e71;
}

.prod_img{
width:175px;
margin:0 auto;
margin-top:5px;

}

.prod_text{
width:190px;
padding:5px;
font-size:10px;

}

.prod_link{
width:155px;
height:25px;
margin-left:25px;
}

#inhalt .prod_link a img{
border:0px;
}

a img{ border:0px;}

/*#################################### PRDUKT BIG ############# */


.probig_main{
width:630px;
border:1px solid #000000;
margin:0 auto;

}

.probig_headline{
height:30px;
width:100%;
padding:3px;
}

.probig_dataline{
height:30px;
width:100%;
padding:3px;
font-weight:bold;
}

.probig_text{
float:left;
width:423px;
padding:3px;
}

.probig_pic{
float:left;
width:200px;
text-align:center;
}


/* ########################### FORMS ###########################*/

#inhalt form{
font-size:0.9em;


}
#inhalt fieldset{
border:1px solid #333333;
padding:10px;
}

#inhalt legend{
margin-left:20px;
padding:5px;

}

#inhalt input, textarea{
border:1px solid #333333;
font-size:12px;
line-height:15px;
}

.noborder{
border:0px solid #333333;
}


/* GOOOOOOOOOOOOOOGLE-MAAAAAAAAAAAAAAAAAPS */

#twGmap {
      border:1px solid #0064ae;
       width:600px; height:300px;
        position:relative;
}


/* für das Infofenster */
.twGmapInfo {
        width: 100px;
        background-color: white;
/*        border: 2px dotted #ffbb60;*/
}
.twGmapInfo .headline {
        margin: 0px;
        padding: 0px;
        font-weight: bold;
}
.twGmapInfo .text {
        /*float: right;*/
        margin: 0px;
        padding: 0px;
}
.twGmapInfo .img {
        float: right;
        margin: 0px 4px 2px 4px;
        padding: 0px;
        border: 4px inset #ffbb60;
}
.twGmapInfo .video {
        float: left;
        margin: 0px 4px 2px 4px;
        padding: 3px;
        background-color: #ffbb60;
        font-size: 0.8em;
        font-weight: bold;
        border: 4px inset #ffbb60;
}
.twClear {
        clear: both;
        margin: 0px;
        padding: 0px;
        line-height: 1px;
}