/* CSS Document */
body { font-family:"Frutiger Light", Frutiger, Arial, Helvetica, sans-serif; /*background:url(../img/bg.jpg) no-repeat; background-position: center 200px;*/ 
		margin: 0; padding: 0;
		height: 100%;
		overflow: hidden;
		}

img {border: none;}

h1 {}


/************* Ausblenden Text Startseite **************/

#header {display:none;}


/************* Buttons Hauptmenu **************/

h2 {margin: 0; padding: 0;}

h2 a{	margin:0px 0px 0px 0px; 
		padding: 0;
		display: block;
		width: 200px; height: 50px;
		}

h2 a strong {display: none;}

h2.button { margin:10px 0px 0px 178px; }

h2 a.agentur {background:url(../img/button_agentur.gif) no-repeat;}
h2 a.neues {background:url(../img/button_neues.gif) no-repeat;}
h2 a.referenzen {background:url(../img/button_referenzen.gif) no-repeat;}
h2 a.kompetenzen {background:url(../img/button_kompetenzen.gif) no-repeat;}
h2 a.kontakt {background:url(../img/button_kontakt.gif) no-repeat;}

h2 a.back {background:url(../img/button_back.gif) no-repeat;}
h2 a.next {background:url(../img/button_next.gif) no-repeat;}

.content_weblexikon h2 {
	color:#5c5c5c;
	font-size:13px; 
	margin: 0 30px 0 21px; 
	padding: 10px 0 0px 0;
	}


/************* Headlines & Formate Inhaltsseiten **************/

h3 { 	margin:20px 0px 0px 20px; 
		color:#ffffff; 
		font-size:0px; 
		font-weight:normal; 
		text-transform:uppercase; 
		display: block; 
		height: 30px; width: 300px;
		background:url(../img/headline_agentur.gif) no-repeat;
		}

h3.little { margin:10px 0px 0px 10px; }

h3.agentur { background:url(../img/headline_agentur.gif) no-repeat;}
h3.neues { background:url(../img/headline_neues.gif) no-repeat;}
h3.awards { background:url(../img/headline_awards.gif) no-repeat;}
h3.agenturnews { background:url(../img/headline_agenturnews.gif) no-repeat;}
h3.jobs { background:url(../img/headline_jobs.gif) no-repeat;}
h3.referenzen { background:url(../img/headline_referenzen.gif) no-repeat;}
h3.kompetenzen { background:url(../img/headline_kompetenzen.gif) no-repeat;}
h3.kontakt { background:url(../img/headline_kontakt.gif) no-repeat;}

h3.webdesign{ background:url(../img/headline_webdesign.gif); }
h3.multimedia{ background:url(../img/headline_multimedia.gif) no-repeat; margin-bottom: 50px;}
h3.webdesign{ background:url(../img/headline_online-werbemittel.gif) no-repeat; margin-bottom: 50px;}
h3.weblexikon{ background:url(../img/headline_weblexikon.gif) no-repeat;}



h4 { 	margin:5px 0 0 11px;
		padding: 0 0 0 10px;
		color:#555555; 
		font-size:14px;
		font-weight:normal; 
		text-transform:uppercase; }

h5 {	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #555555;
		line-height:18px;
		margin:10px 20px 0px 21px;;
		font-size:12px; }
		
h6 {	margin:13px 0px 0px 21px; 
		color:#ffffff; 
		font-size:0px; 
		font-weight:normal; 
		text-transform:uppercase; 
		display: block; 
		height: 55px; width: 180px;}
		
h6.webdesign{ background:url(../img/headline_webdesign_h6.gif) no-repeat;margin-bottom: 5px; }
h6.e-commerce{ background:url(../img/headline_e-commerce_h6.gif) no-repeat;margin-bottom: 5px; }
h6.multimedia{ background:url(../img/headline_multimedia_h6.gif) no-repeat; margin-bottom: 30px;}
h6.online{ background:url(../img/headline_online_h6.gif) no-repeat; margin-bottom: 30px;}
h6.letter{height:35px;}	

h6.fehler{ background:url(../img/headline_fehler_h6.gif) no-repeat;margin-bottom: 5px; }

		
p {	    font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#555555;
		line-height:15px;
		margin: 0 30px 0 21px; 
		padding: 10px 0 0px 0;
		}

a {		color:#e2001a; }
a:hover { text-decoration:none; }	


/* list */
ul {	font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#555555;
		line-height:18px;
		margin:10px 20px 0 0; 
		padding: 0 0 0 30px;
		list-style-position: inside;
		}

ul a {			color:#e2001a; }
ul a:hover { 	text-decoration:none; }	



/************* Submenu **************/

ul.submenu {	list-style:none;
				margin:15px;
				padding:0; }
				
ul.submenu li { margin-bottom:5px; }

ul.submenu li a { height: 20px; width: 180px; float: left; background-repeat: no-repeat;  }

a.submenu_a_awards{ background:url(../img/submenu_awards.gif); margin-top: 50px; }
a.submenu_a_awards:hover{ background:url(../img/submenu_awards_hover.gif); }
a.submenu_a_awards_aktiv{ background:url(../img/submenu_awards_hover.gif); margin-top: 50px; }
a.submenu_a_agenturnews{ background:url(../img/submenu_agenturnews.gif) no-repeat; }
a.submenu_a_agenturnews:hover{ background:url(../img/submenu_agenturnews_hover.gif); }
a.submenu_a_agenturnews_aktiv{ background:url(../img/submenu_agenturnews_hover.gif); }
a.submenu_a_jobs{ background:url(../img/submenu_jobs.gif) no-repeat; }
a.submenu_a_jobs:hover{ background:url(../img/submenu_jobs_hover.gif); }
a.submenu_a_jobs_aktiv{ background:url(../img/submenu_jobs_hover.gif); }

a.submenu_a_webdesign{ background:url(../img/submenu_webdesign.gif); margin-top: 30px; }
a.submenu_a_webdesign:hover{ background:url(../img/submenu_webdesign_hover.gif); }
a.submenu_a_webdesign_aktiv{ background:url(../img/submenu_webdesign_hover.gif); margin-top: 30px; }
a.submenu_a_multimedia{ background:url(../img/submenu_multimedia.gif) no-repeat; }
a.submenu_a_multimedia:hover{ background:url(../img/submenu_multimedia_hover.gif); }
a.submenu_a_multimedia_aktiv{ background:url(../img/submenu_multimedia_hover.gif); }
a.submenu_a_werbemittel{ background:url(../img/submenu_werbemittel.gif) no-repeat; }
a.submenu_a_werbemittel:hover { background:url(../img/submenu_werbemittel_hover.gif); }
a.submenu_a_werbemittel_aktiv { background:url(../img/submenu_werbemittel_hover.gif); }
a.submenu_a_e-commerce{ background:url(../img/submenu_e-commerce.gif) no-repeat; }
a.submenu_a_e-commerce:hover { background:url(../img/submenu_e-commerce_hover.gif); }
a.submenu_a_e-commerce_aktiv { background:url(../img/submenu_e-commerce_hover.gif); }

a.submenu_a_kontaktform{ background:url(../img/submenu_kontaktform.gif); margin-top: 30px;  }
a.submenu_a_kontaktform:hover { background:url(../img/submenu_kontaktform_hover.gif); }
a.submenu_a_kontaktform_aktiv { background:url(../img/submenu_kontaktform_hover.gif); }
a.submenu_a_impressum{ background:url(../img/submenu_impressum.gif); }
a.submenu_a_impressum:hover { background:url(../img/submenu_impressum_hover.gif); }
a.submenu_a_impressum_aktiv { background:url(../img/submenu_impressum_hover.gif); }
a.submenu_a_callback{ background:url(../img/submenu_callback.gif) no-repeat;  }
a.submenu_a_callback:hover { background:url(../img/submenu_callback_hover.gif); }
a.submenu_a_callback_aktiv { background:url(../img/submenu_callback_hover.gif); }
a.submenu_a_anfahrt{ background:url(../img/submenu_anfahrt.gif) no-repeat;  }
a.submenu_a_anfahrt:hover { background:url(../img/submenu_anfahrt_hover.gif); }
a.submenu_a_anfahrt_aktiv { background:url(../img/submenu_anfahrt_hover.gif); }

a.submenu_a_beratung{ background:url(../img/submenu_beratung.gif) no-repeat; margin-top: 10px;  }
a.submenu_a_beratung:hover { background:url(../img/submenu_beratung_hover.gif);  margin-top: 10px; }
a.submenu_a_beratung_aktiv { background:url(../img/submenu_beratung_hover.gif);  margin-top: 10px; }

a.submenu_a_design{ background:url(../img/submenu_design.gif) no-repeat;  }
a.submenu_a_design:hover { background:url(../img/submenu_design_hover.gif); }
a.submenu_a_design_aktiv { background:url(../img/submenu_design_hover.gif); }

a.submenu_a_programmierung{ background:url(../img/submenu_programmierung.gif) no-repeat;  }
a.submenu_a_programmierung:hover { background:url(../img/submenu_programmierung_hover.gif); }
a.submenu_a_programmierung_aktiv { background:url(../img/submenu_programmierung_hover.gif); }

a.submenu_a_service{ background:url(../img/submenu_service.gif) no-repeat;  }
a.submenu_a_service:hover { background:url(../img/submenu_service_hover.gif); }
a.submenu_a_service_aktiv { background:url(../img/submenu_service_hover.gif); }

a.submenu_a_vermarktung{ background:url(../img/submenu_vermarktung.gif) no-repeat;  }
a.submenu_a_vermarktung:hover { background:url(../img/submenu_vermarktung_hover.gif); }
a.submenu_a_vermarktung_aktiv { background:url(../img/submenu_vermarktung_hover.gif); }

ul.submenu li a strong {display:none;}





/************* Container **************/


#site_wrapper{	position:relative;
				width:880px;
				height:490px;
				margin:50px auto;	
				text-align:left;
				
				}

#video, #video_2 {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
		background-color: #333;
		height: 100%;
		width: 100%;
		margin: 0; padding: 0;
		text-align: center;
		overflow: hidden;
		}
		
#video_clip, #video_clip_2 {
		width: 880px;
		margin: 50px auto;
		position: relative;
		text-align: left;
		padding: 0;
		}

*html #video_clip, *html #video_clip_2 {
		width: 900px;
		height: 700px;
		}

#video_clip p, #video_clip_2 p{
		margin: 0;
		padding: 7px 0 0 0;
		text-align: right;
		}

#video_clip p a, #video_clip_2 p a{
		margin: 0px 20px 0 0;
		}


*html #video_clip p a, *html #video_clip_2 p a{
		margin: 0;
		padding: 0 40px 0 0;
		
		
		}




/* all boxes */				
.box {	width:200px;
		height:140px;
		margin: 0px 20px 20px 0;
		float:left;
		overflow: hidden;
 }

/* Content box */

#content_container {
			width:440px;
			height:300px;
			margin: 0px 0 20px 0px;
			float:right;
			background:url(../img/ccontent.jpg) no-repeat; 
			overflow: hidden;
	}

.content {  width:420px;
			height:300px;
			margin: 0px;
			float:left;
			background:url(../img/ccontent.jpg) no-repeat; 
			overflow: hidden;}
			
.content_weblexikon {  width:420px;
			height:300px;
			margin: 0px;
			float:left;
			background:url(../img/ccontent.jpg) no-repeat; 
			overflow: hidden;}


#content_container_big {
			width:440px;
			height:460px;
			margin: 0px 0 20px 0px;
			float:right;
			background:url(../img/ccontent.jpg) no-repeat; 
			overflow: hidden;
	}

.content_big {  width:420px;
				height:460px;
				margin: 0px 0 20px 0px;
				float:left;
				background:url(../img/ccontent_big.jpg) left no-repeat; }

				
.content_small {
		width:200px;
		height:300px;
		margin: 0px 0px 20px 0px;
		padding: 0;
		overflow: hidden;
		float:right;
		background:url(../img/ccontent_small.jpg) left no-repeat; 
		}
		
.content_small p {
	margin:0px 10px 0px 21px;
}
		

/*WEBLEXIKON MENÜ MIT DEN BEGRIFFEN*/
ul#nav_lexikon_word   {
	margin:0px 0px 0px 22px;
	padding:0px 0px 0px 0px;
	}	
			
ul#nav_lexikon_word li  {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	}
	
ul#nav_lexikon_word li a {
	background-image:url(../img/li_narrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 0px 0px 15px;
	display:block;
	}
	
ul#nav_lexikon_word li a.active {
	font-weight:bold;
	text-decoration:none;
	}
	
/*WEBLEXIKON MENÜ MIT DEN BUCHSTABEN*/	
	
ul#nav_lexikon_letter {
	padding:0px 0px 0px 22px;
	margin-top: 12px;
	}
	
ul#nav_lexikon_letter li {
	padding-right:8px;
	padding-top: 5px;
	float:left; 
	list-style:none;
	}
	
ul#nav_lexikon_letter li a {
	text-decoration:none;
	color:#888888;
	font-size:14px;
	}
	
ul#nav_lexikon_letter li a:hover {
	color:#CC262A;
	}			

.content_wide {
		width:420px;
		height:140px;
		margin: 20px 0 0px 0px;
		padding: 0;
		overflow: hidden;
		float:left;
		background:url(../img/ccontent_wide.jpg) left no-repeat; 
		}


#content_container_wide {
			width:440px;
			height:140px;
			margin: 0px 0 20px 0px;
			float:right;
			overflow: hidden;
	}


.content_wide_single {
		width:420px;
		height:140px;
		margin: 0px 0 0px 0px;
		padding: 0;
		overflow: hidden;
		float:left;
		background:url(../img/ccontent_wide.jpg) left no-repeat; 
		}



.fade_box {margin: 0; width: 420px; height: 300px; overflow: hidden; position:absolute; }

.kompetenzen_fade {margin: 20px 0 0 20px; width: 402px; height: 200px; overflow: hidden; position:absolute; }

.kompetenzen_fade h4 {margin: 0 0 10px 0;}

/* Content scrollbar */
.scrollbar {	margin:20px;
				height:148px;
				overflow:auto; }

/* Description box Staff */
.description {	width:200px;
				height:302px;
				margin:10px;
				float:right;
				position:static; 
				top:0px;
				left:444px;
				background:url(../img/ccontent.jpg) left no-repeat;
}

/* background of boxes */
.standard { background:url(../img/cstandard.jpg) left no-repeat; }
.mnode { background:url(../img/cdark.jpg) left no-repeat; }
.active { background:url(../img/cred.jpg) left no-repeat; }

.jobs { background:url(../img/button_jobs.gif) left no-repeat; }

/* Div-Container bei Formular */

form {margin: 10px 0 0 0; padding: 0;}

.submit {	font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#555555;
			margin:10px 0 0 100px; }
				
label {	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#555555;
		float:left;
		margin:10px 0 0 20px;
		width:80px;	 }

label.datencheck {
	line-height: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px 30px 0px 0px;
	width: 240px;
	float: left;
	}

input.datencheck {
	float: left;
	margin: 2px;
	border: 0px;
	width: 12px;
	background: #FFFFFF;
	text-align: left;
	}

#datenschutz {margin: 20px 0 0 120px;}


input.callbutton {
	width: 85px;
	height: 20px;
	border: 0px;
	margin: 55px 0px 0px 298px;
	}
	

form.search_route input {margin:0; padding: 0; display: block; width: 180px; float:left; color:#666666; font-size: 15px; }

form.search_route p {
 display: block; float: left; height: 50px; margin: 0; padding: 0 0 0 20px;}

form.search_route input.route_btn {
	width: 85px;
	height: 20px;
	display: block;
	float: left;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}
	


input, text, textarea {	margin:10px 0 0 20px; width: 260px; color:#666666; font-size: 12px; border:1px solid #ccc; }

.input_80 {width: 80px; margin: 10px 0 0 20px;}
.input_165 {width: 165px; margin: 10px 0 0 10px;}

#ItemDone {margin:30px 0 0 90px; }

#checktext {margin:-15px 0 0 120px; } 

#flashMessage { margin:0 20px 0 120px;
				color:#e2001a; }
				

#footer_news {text-align: center;}

#footer {display: none;}