@charset "UTF-8";
/* Global Site-wide Definitions */
/* Main Structure, master backgrounds, etc. */

*{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
	
/* image-replacement --- Versteckt den Text wenn (sowie eigentlich immer) CSS aktiviert ist */
.image-replacement { 
	text-indent: -200em; 
	overflow: hidden;
	} 


/* float-restore --- stellt den normalen Element-Fluss wieder her */
.float-restore {
	margin: 0;
	padding: 0;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	}
	
.inset-text {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}
	


/* Definitionen zum body */

body {
	background-color: #fff;

	
}



/* Definitionen zur Struktur */

#master-of-all {

	width:1024px;
	background-color:#fff;
	float:left;


}


#hero-start {

	width:100%;
	background-image:url(../img/background/bg_hero-start.jpg);
	background-repeat:repeat-x;
	float:left;
	


}

#hero-content {

	width:100%;
	background-image:url(../img/background/bg_hero-content.jpg);
	background-repeat:repeat-x;
	float:left;
	


}

#monitor-container {
	width:388px;
	float:left;
	padding-left: 150px;
	padding-bottom:10px;
	height:300px;

	}
	
#monitor-top{
	width:388px;
	background-image:url(../img/monitor/top.gif);
	background-repeat:no-repeat;
	height:48px;
	float:left;

}	
	
#monitor-bot{
	width:388px;
	background-image:url(../img/monitor/bot.gif);
	background-repeat:no-repeat;
	height:38px;
	float:left;

}	

#monitor-left{
	width:18px;
	background-image:url(../img/monitor/left.gif);
	background-repeat:no-repeat;
	height:235px;
	float:left;
}	

#monitor-right{
	width:18px;
	background-image:url(../img/monitor/right.gif);
	background-repeat:no-repeat;
	height:235px;
	float:left;
}

#monitor-pic{
	width:352px;
	background-image:url(../img/monitor/pic-bot.jpg);
	background-repeat:no-repeat;
	height:235px;
	float:left;

}


#content-container {
	width:400px;
	padding-left:403px;
	padding-top:20px;
	float:left;
	
	


	}	
	
	
#content-container {
	width:400px;
	padding-left:403px;
	padding-top:20px;
	
	


	}	
	
#right-container {
	width:200px;
	float:left;
	padding-left:20px;
	padding-top:30px;

	}
	

	

#menu-container {
	width:200px;
	padding-top:45px;
	padding-right:5px;
	padding-left:48px;
	float:left;	

}

/* menu items */


#menu-home{
	width:91px;
	height:25px;
	background-image: url(../img/menu/home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-home:hover {
	width:91px;
	height:25px;
	background-image: url(../img/menu/home_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-home-active {
	width:91px;
	height:25px;
	background-image: url(../img/menu/home_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#menu-news{
	width:91px;
	height:25px;
	background-image: url(../img/menu/news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-news:hover {
	width:91px;
	height:25px;
	background-image: url(../img/menu/news_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-news-active {
	width:91px;
	height:25px;
	background-image: url(../img/menu/news_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-agentur{
	width:91px;
	height:25px;
	background-image: url(../img/menu/agentur.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-agentur:hover {
	width:91px;
	height:25px;
	background-image: url(../img/menu/agentur_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-agentur-active {
	width:91px;
	height:25px;
	background-image: url(../img/menu/agentur_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#menu-leistungen{
	width:91px;
	height:25px;
	background-image: url(../img/menu/leistungen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-leistungen:hover {
	width:91px;
	height:25px;
	background-image: url(../img/menu/leistungen_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-leistungen-active {
	width:91px;
	height:25px;
	background-image: url(../img/menu/leistungen_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#menu-referenzen{
	width:91px;
	height:25px;
	background-image: url(../img/menu/referenzen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-referenzen:hover {
	width:91px;
	height:25px;
	background-image: url(../img/menu/referenzen_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}


#menu-referenzen-active {
	width:91px;
	height:25px;
	background-image: url(../img/menu/referenzen_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}










/* footer */



#footer-container {
	width: 100%;
	height:380px;
	float:left;
	background-image: url(../img/background/bg_footer.png);
	background-repeat: repeat-x;
	background-color: #315968;

}


#footer-icon-clm {


	width: 380px;
	float:left;
	padding-top:40px;
	padding-left:40px;
	

}

#menu-music{
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/music.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	display:block;
}
#menu-music:hover {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/music_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;

}


#menu-music-active {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/music_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;display:block;

}

#menu-production{
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/production.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-production:hover {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/production_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;

}


#menu-production-active {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/production_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;display:block;

}

#menu-digital{
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/digital.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-digital:hover {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/digital_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;

}


#menu-digital-active {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/digital_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;display:block;

}

#menu-broadcast{
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/broadcast.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-broadcast:hover {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/broadcast_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;

}


#menu-broadcast-active {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/broadcast_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;display:block;

}

#menu-communication{
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/communication.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
#menu-communication:hover {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/communication_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;

}


#menu-communication-active {
	width:60px;
	height:114px;
	background-image: url(../img/icons-buttons/communication_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;display:block;

}



#footer-middle-clm {


	width:400px;
	float:left;
	padding-top:33px;
	


}

#footer-news-clm {


	width:380px;
	float:left;
	padding-bottom:10px;
	


}

#footer-newsletter {


	width:380px;
	float:left;
	


}


#footer-kontakt {


	width:180px;
	float:left;
	padding-top:33px;
	


}


/* allgemeine style definitionen */


.main-nvg {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style:none;
}


a, a:link, a:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration:underline;
	

}

a:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #164354;
	text-decoration:underline;
	

}

a.menu-sub-active{


	font-family: Arial, sans-serif;
	font-weight: bold !important;
	color: #164354;
	text-decoration:none !important;
	
	
	}


a.footer-link, a.footer-link:link, a.footer-link:active, a.footer-link:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #c1cdd1;
	text-decoration:none;
	font-size: 12px;
	padding-left:10px;


}

a.footer-link:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-decoration:none;
	font-size: 12px;


}



a.footer-kontakt-link, a.footer-kontakt-link, a.footer-kontakt-link, a.footer-kontakt-link:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #c1cdd1;
	text-decoration:none;
	font-size: 12px;
	


}

a.footer-kontakt-link:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-decoration:none;
	


}






a.menu-sub-link, a.menu-sub-link:link, a.menu-sub-link:active, a.menu-sub-link:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #164354;
	text-decoration:none;
	font-size: 11px;



}

a.menu-sub-link:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration:underline;
	font-size:11px;

}



a.detail-link-white, a.detail-link-white:link, a.detail-link-white:active, a.detail-link-white:visited {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
	



}

a.detail-link-white:hover {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration:underline;
	font-size: 12px;

}

a.normal-link, a.normal-link:link, a.normal-link:active, a.normal-link:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #404040;
	text-decoration:none;
	font-size: 12px;



}

a.normal-link:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration:underline;
	font-size: 12px;

}

a.bild-link, a.bild-link:link, a.bild-link:active, a.bild-link:visited {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #404040;
	text-decoration:none;
	font-size: 12px;
	display:block;
	width:100px;



}

a.bild-link:hover {
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #333;
	text-decoration:underline;
	font-size: 12px;

}





div {

	color:#404040;
	font-family: Arial, sans-serif;
	font-weight: normal;



}


div.news-start {

	width:165px;
	float:left;
	padding-bottom:20px;
	font-size:12px;


	
}

p.news-start-title {
	font-weight:bold;	
}


div.news-liste {
	
	width:400px;
	float:left;
	padding-bottom:20px;


}

div.center-container {

	width:400px;
	position: relative;
	left: 50%;
	margin-left: -200px;
	
}





h1 {
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:20px;
	color:#164354;		

}








h2 {
		font-family: Arial, sans-serif;
		font-size: 14px;
		color:#404040;
		font-weight:bold;

}



h3 {
		font-family: Arial, sans-serif;
		font-size: 14px;
		color:#404040;
	
}

h4 {
		font-family: Arial, sans-serif;
		font-size: 14px;
		color:#404040;
	
}



img.img-border {
	border: 1px solid #cccccc;

}



img.menu-divider {
	padding-left :8px;
	}

img {
	border:none; 
	}





li.footer-icons {

	list-style:none;
	padding-bottom:2px;
	float:left;
	
}	

	
li.footer-news {


	width:380px;
	height:25px;
	background-image:url(../img/background/bg_footer-news.gif);
	background-repeat:no-repeat;
	display:block;
	
	

}

li.menu-sub {
	
	padding-left:10px;
	font-size:12px;
	height:20px;
	


}

li.menu-sub2 {
	
	padding-left:10px;
	font-size:11px;
	height:20px;
	


}

li.menu-sub-active {
	
	padding-left:10px;
	font-size:12px;
	height:20px;
	font-weight:bold;
	color:#164354;


}







p  {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#404040;	
	line-height:1.5;
		
}

p.content-teaser  {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#164354;	
	line-height:1.5;
		
}

p.footer-text  {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#c2ced2;	
	line-height:1.5;

		
}



 
 td {
 	font-family: arial, sans-serif;
	font-size: 12px;
 
 }
 
 
table {
 	width:100%
 
 }
 
 ul.page_links{
 	display: inline;
 }
 
 ul.page_links li{
 	display: inline;
	font-size: 12px;
 }


div#msg{
	float: left;
	width: 420px;
}


ul#content-gallery{
	list-style: none;
	margin-top: 10px;
}

ul#content-gallery li{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
}

ul#content-gallery img{
	border: 1px solid #315968;
}

