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

body{ 
background-color: #333333;
margin: 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper{
width: 100%;
background-color: #fff;
}

#main{

}

#header{
	height: 25px;
	background-image:url(pics/header_bg.jpg);
	width: 100%;	
}



#navi{

}


#main{
	width:100%;
	height: 350px;
	background-color: #fff;

}

#main_red{
width: 100%;
height: 220px;
background-color: #cc0001;
}

#footer{
background-color: #333333;
border-top: 3px solid #bebbb6;
height: 60px;
width: 100%;
}

#footer_text {
	width: 800px;
	text-align: right;
	color: #fff;
	font-size: 11px;
	margin: auto;	
	}
	
#footer_text a{
	text-decoration:none;
	color: #fff;
}
	
#content{
	width: 800px;
	height: 350px;
	margin: auto;
}

#content_left{
	width: 199px;
	height: 350px;
	float: left;
	background-color: #fff;
	border-right: 1px solid #000;
}
#content_mid{
	width: 400px;
	height: 350px;
	float: left;
	background-color: #fff;
	text-align:justify;
}
#content_right{
	width: 199px;
	height: 350px;
	float: left;
	background-color: #fff;
	border-left: 1px solid #000;
}

#content_text{
	width: 800px;
	height: 220px;
	margin: auto;
}

#content_text_right{
	width: 300px;
	height: 220px;
	margin: auto;
	float: left;
	text-align: left;
}

#content_text_left{
	width: 500px;
	height: 220px;
	margin: auto;
	float: left;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

#button {
	text-align:center;
	color: #fff;
	background-image:url(pics/button1.png);
	background-repeat:no-repeat;
	width: 160px;
	height: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;	
}

#button a{
	text-decoration: none;
	color: #fff;
		
}


#navlist li
{
display: inline;
}

#navlist
{
font-family: sans-serif;
margin: 0px 0 0 20px;
padding: 0;
}

#navlist a
{
display: block;
text-align: left;
text-decoration: none;
color: #000;

}

#navlist a:hover { background-color: #fff; }
#navlist a:visited { color: #000; }



/*Bilderwechsel*/
#wechsel a {
    background: url(pics/impuls_pro2.jpg) no-repeat;
    display:block; width:160px; 
  }
  
#wechsel_1 a {
    background: url(pics/impuls_pro2.jpg) no-repeat;
    display:block; width:160px; 
  }
  
  #wechsel_2 a {
    background: url(pics/impuls_car2.jpg) no-repeat;
    display:block; width:160px; 
  }
  
  #wechsel_3 a {
    background: url(pics/impuls_win2.jpg) no-repeat;
    display:block; width:160px; 
  }
  
  #wechsel_4 a {
    background: url(pics/impuls_wall2.jpg) no-repeat;
    display:block; width:160px; 
  }
  
  #wechsel_5 a {
    background: url(pics/impuls_twin2.jpg) no-repeat;
    display:block; width:160px;
  }
  
  #wechsel_live_tv a {
    background: url(pics/live_tv_col.png) no-repeat;
    display:block; width:112px;
  }
  
  #wechsel img {
    display:block; width:160px; height:40px; border:0;
  }
  #wechsel_2 a:hover img {
    visibility: hidden;
  }
  #wechsel_3 a:hover img {
    visibility: hidden;
  }
  #wechsel_4 a:hover img {
    visibility: hidden;
  }
  #wechsel_5 a:hover img {
    visibility: hidden;
  }
  #wechsel_1 a:hover img {
    visibility: hidden;
  }
  
    #wechsel_live_tv a:hover img {
    visibility: hidden;
  }
  
  #wechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel a {
    margin-right:1px;
  }
  * html #wechsel a:hover {
    width:161px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
/* end Bilderwechsel */

#live_tv{
	position: absolute;
	left: 0px;
	top: 30px;
	z-index: 2;
		
}

/* Css Bilder Galerie angepasst */

#container {position:relative; width:390px; height:320px; background:#fff; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; padding:7px 21px; display:inline; color:#000; text-decoration:none; width:5px; height:5px; cursor:default;}
#container a.pics img.thumb {display:block; }

#container a.pics span {display:none; border:0; width:390px;  border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; }

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {}
#container a.pics:hover span {display:block; position:absolute; left:0px; top:30px; z-index:10; height:280px;}

#container a.pics:active img.thumb {} 
#container a.pics:active span {display:block; position:absolute; left:0px; top:30px; z-index:5; height:280px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {}
#container a.pics:focus span {display:block; position:absolute; left:0px; top:30px; z-index:5; outline:0; height:280px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:390px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

/* end Css Bilder Galerie */