@charset "utf-8";
/*------------Navi------------*/
#menu {	
	padding-left:180px;
	margin-top:88px;
	width: 720px;
	height:32px;
	float:left;
}
#lsidebar{
float:left;width:200px;padding:15px;color:#0f88bd;
}
#lsidebar li{
color:#666666;font-size:12px;
}
#menu a {
	filter:Alpha(opacity=80);
    opacity:0.8;
    moz-opacity:0.8;
	padding-left:15px;
	padding-right:15px;
	height:32px;
	text-align:center;
	display:block;
	color:#0f88bd;
	background-color:#FFF;
	text-decoration:none;
	font-size:12px;
	line-height:32px;
	font-weight:bold;
	font-family:Arial;
	float:left;
}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:bold;}
#menu a:hover {
	filter:Alpha(opacity=100);
    opacity:1;
    moz-opacity:1;
	color:#006491;
	background-color:#FFF;
	height:32px;
	
}
#menu a.active {
	filter:Alpha(opacity=100);
    opacity:1;
    moz-opacity:1;
	text-decoration:none;
	color:#FFF;
	float:left;
	background-color:#0f88bd;
}
/*------------Navi------------*/
body {
	margin: 0;
	padding: 0;
	background-color:#ebebeb;
	font-family:Arial, Helvetica, sans-serif;
}
#outer_wrapper {
	background-image:url(images/wrapper_bg.jpg);
	width: 932px;
	position: absolute;
	left:50%;
	margin-left: -465px;
}
#inner_wrapper {
	width: 900px;
	margin-left:16px;
	
}
#content_logo{
	background-image:url(images/content_logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:205px;
	height:208px;
	float:left;
	margin:40px 0 0 55px;
}
#header {
	width:900px;
	height:120px;
	background-image:url(images/header.jpg);
}
#index_grafik{
	margin-left:10px;
	margin-top:10px;
	background-image:url(images/index_grafik.jpg);
	width:245px;
	height:234px;
	float:left;
}
#eyetracking_text{
	margin-left:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ababab;
	font-size:12px;
	width:615px;
	float:left;
	
	
}
*html #eyetracking_bild{
	margin-left:5px;
}
#box{
	background-image:url(images/box.jpg);
	width:269px;
	height:280px;
	font-size:16px;
	color:#0f88be;
	padding:19px 0px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	float:left;
}

#sd_btn {
	
	
	position:absolute;
	right:-26px;
	top:160px;
}

a{
	color:#666;	
}

#about_us{	
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	margin-left:16px;
	margin-top:15px;
}

#profil{
	width:867px;
	height:254px;
	margin-left:15px;
	background-color:#f1f1f1;
}
#referenz{
	width:867px;
	margin-left:15px;
	background-color:#f1f1f1;
	height:140px;
	margin-top:15px;
}

#swf{
	padding:15px 0 0 15px;	
	float:left;
}

#profil_text{
	width:600px;
	height:224px;
	float:left;	
	padding:15px 0 0 15px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#referenz_text{
	width:600px;
	float:left;	
	padding:15px 0 0 15px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#footer {
	background-image:url(images/footer.jpg);
	width: 932px;
	height:28px;
	
}

#footer_bg {
	background-image:url(images/footer_bg.jpg);
	width: 930px;
	height:93px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#a7a7a7;
}

#footer_out{
	height:110px;	
	background-color:#ebebeb;
}

#f_1{
	width:110px;
	padding:10px 0 0 40px;
	float:left;
}

#trennstrich_2{
	 float:left;
	 margin:10px 0 0 0;
	 background-image: url(images/trennung.jpg);
	 background-repeat:no-repeat;
	 width:3px;
	 height:100px;
}

#box1 {
	padding:10px;
	color:#FFF;
	width:200px;
	float:left;
	bor
}
.box1_ul {
	list-style-image:url(images/list2.jpg);
}
.box2 {
	margin-left:40px;
	list-style-image:url(images/list2.jpg);
	color:#FFF;
	width:143px;
	float:left;
	
}
#prev_box {
	height:200px;
	background-color:#0f88be;
	width:900px;
	font-size:11px;
}


.opt{background-image: url(images/opt_btn.jpg);}
.des{background-image: url(images/webdes_btn.jpg);}
.mark{background-image: url(images/mark_btn.jpg);}
.prog{background-image: url(images/prog_btn.jpg);}
.serv{background-image: url(images/serv_btn.jpg);}
#f_2{
	width:120px;
	height:73px;
margin-left:2px;margin-right:2px;
	padding:10px;
	float:left;
	background-color:#9e9e9e;
color:#f9f9f9;
}
#f_4{
	width:155px;
	height:78px;
margin-left:2px;margin-right:2px;
	padding:10px;
padding-top:5px;        
	float:left;
	background-color:#9e9e9e;
color:#f9f9f9;
}
#f_3{
	margin-left:10px;
	padding:10px;
	float:left;
	color:#6f6f6f;
	font-size:11px;
}

#kontakt_box{
width:200px;
	background-color:#f1f1f1;
	padding:15px;padding-top:0px;float:left;
	}

.table_kont {
	float:left;
	margin:20px;
	width:550px;
	font-size:12px;
}
*html .table_kont {
	width:470px;
}

#kontakt_box_list{
	font-size:13px;
	color:#ababab;
	list-style:disc;
	
}

.kontaktfeld{
padding-top:5px;
padding-left: 7px;
height:19px;
 line-height:20px;
font-size:11px; 
color: #a5a5a5;
text-align:middle; 
width: 403px;
 font-family: Arial, sans-serif;
 border:0;
 background-image: url(images/feld_bg.jpg);
}
.areafeld{
padding-top:5px;
padding-left: 7px; 
height:85px;
 font-size:11px;
 line-height:normal;
 color: #a5a5a5;
 width: 403px;
 font-family: Arial, sans-serif;
 border:0;
 background-image: url(images/area_bg.jpg);
}


#opti_text1 {
	padding:15px;
	color:#666;
	width:630px;
	font-size:13px;
	float:left;
}
#opti_foto {
	background-image:url(images/optimierung_foto.jpg);
	width:220px;
	height:208px;
	float:left;
margin-top:30px;
}
#opti_grafik {
	background-image:url(images/optimierung_grafik.jpg);
	width:370px;
	height:370px;
	float:left;
	margin:15px;
}
#balken {
	background-color:#0f88bd;
	width:900px;
	height:20px;
	margin-bottom:10px;
}
#design_foto {
	background-image:url(images/design_foto.jpg);
	width:220px;
	height:208px;
	float:left;
	margin-top:30px;
}
#design_grafik {
	background-image:url(images/design_grafik.jpg);
	width:370px;
	height:200px;
	float:left;
	margin:15px;
}
#prog_foto {
	background-image:url(images/programmierung_foto.jpg);
	width:210px;
	height:208px;
	float:left;
	margin:15px;
}

		/*
			Vertical Accordions
		*/

		.accordion_toggle {
			display: block;
			height: 30px;
			width: 445px;
			background-color:#FFF;
			background-image:url(images/pfeil_akk_n.jpg);
			background-position:right;
			background-repeat:no-repeat;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #0f88bd;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.accordion_toggle_active {
			width: 445px;
			background-color:#0f88bd;
			background-image:url(images/pfeil_akk_a.jpg);
			background-position:right;
			background-repeat:no-repeat;
			color: #ffffff;
			border-bottom: 1px solid #0f88bd;
		}

		.accordion_content {
			background-color: #ffffff;
			border:solid #0f88bd 1px;
padding:10px;			
width: 443px;
			color: #444444;
			overflow: hidden;
font-size:12px;
		}


		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 385px;
			background-color:#FFF;
			background-image:url(images/pfeil_akk_n.jpg);
			background-position:right;
			background-repeat:no-repeat;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #0f88bd;
			cursor: pointer;

		}

		.vertical_accordion_toggle_active {
			background-color:#0f88bd;
			background-image:url(images/pfeil_akk_a.jpg);
			background-position:right;
			background-repeat:no-repeat;
			color: #ffffff;
			border-bottom: 1px solid #0f88bd;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}

	#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 385px;
    }
.feld { background-color:#ddd9d9; width:325px; border:1px solid #b9b6b5; }