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

body {
	background-image:url(../images/hg_grau.gif);
	font-family: Helvetica, Arial;
	font-size: 12px;
	color:#444444;
	line-height:18px;
}

a {
	color:#444444;
	text-decoration:none;
}

a:hover {color:#EE9700;}

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

ul li a img { margin-right:5px; }

img, a img {border:none}

h1 {
   font-size:12px;
   color:#444444;
   font-weight:normal;
   margin:0px;
   height:20px;
}

h2 {
	color: #FF9900;
	font-size: 16px;
	font-weight: bold;
}

#left_content {
	background:url(../images/background_siteshadow_right.png) repeat-y right 0 #FFFFFF;
	padding:30px 60px;  
	width:370px;
	height:430px;
	float:left;
}

#right_content {
	background:url(../images/background_siteshadow_left.png) repeat-y left 0 #00305E;
	padding: 30px 40px;
	color:#FFFFFF;
	width:410px;
	height:430px;
	float:left;
}

#right_content a {color:#FFFFFF;}

#right_content a:hover {color:#EE9700;}

#right_content_kreationtext {
	margin: 100px auto;
	width:300px;
}

#right_content form {margin-top:0px;}
form a img {margin-right:5px;}

div#mainContainer { margin:-183px -490px 0; width:980px; position:absolute; top:45%; left:50%; }

ul#navigation {
	width:484px;
	padding-left:20px;
}

ul#mainNavigation { width:490px; margin:-213px 0 0 15px; position:absolute; top:45%; left:50% }

div#contentStart { background:url(../images/background_start.png) #00305E left top no-repeat; float:left;}

div#contentStart span { float:right; margin:50px 30px 6px 0; }

div#jahrefoot { float:right; margin:17px 15px 5px 0;}



div#contentStart h2 {float:left; margin:62px 15px 0 0; font-size:12px;}

ul#navigation li, ul#mainNavigation li {
	float:left;
	width:93px;
	height:30px;
	text-align:center;
	background: url(../images/navigationBackground.png) no-repeat;
}

ul#navigation li:hover, ul#mainNavigation li:hover { background:url(../images/navigationBackgroundActive.png) no-repeat; }

ul#navigation li a, ul#mainNavigation li a {
	display:block;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	width:88px;
	padding:6px 0 10px;
}


img.logo { float:left; }

#kundenLogos {margin-top:15px;}

div#einleitung h1 { margin:-3px 20px 0 170px; }

div#leftBorderStart, ul#navigation, ul#navigation li { background-repeat:no-repeat; }

div#rightBorderStart { float:left; width:200px;height:448px; padding:0 20px; background:url(../images/news_start_background.png) no-repeat;}

div#leftBorderStart { width:37px; height:448px; float:left; background:url(../images/leftBorderStart.jpg) no-repeat 1px 0; }

div#footerStart { clear:both; height:38px; width:523px; background:url(../images/footerStart.png) 1px top no-repeat; }

div.newsTeaser {background:url(../images/news_start_border.jpg) left bottom no-repeat;}

div.newsTeaser p {padding:3px 0 13px; line-height:14px;}

div.newsTeaser p.date {color:#16385A; }

div.newsTeaser p a { color:#444444; font-weight:normal; }

div.newsTeaser a { color:#444444;line-height:14px; margin-top:10px; padding-bottom:10px;display:block;}

div#rightBorderStart p.blue a {color:#00305E;} 

div#rightBorderStart h2 { color:#16385A; font-weight:normal; text-transform:uppercase; font-size:12px; margin:2px 0; background:url(../images/news_start_border.jpg) left bottom no-repeat; padding-bottom:10px;}

div#rightBorderStart p.blue {}

#logo img {margin: 0 0 15px 295px;}

#mitarbeiter {
	margin:60px 15px 25px;
	font-size:10px;
	line-height:12px;
}

#mitarbeiter img {
	height:85px;
	margin:6px;
}

div.info {
	width:85px;
	height:75px;
	padding-top:10px;
}

div.border {
	float:left;
	display:block;
	width:95px;
}

div.border:hover {cursor:pointer;}

div.border img {display:block;}

div.border div.info {
	display:none;
	text-align:center;
	position:absolute;
	z-index:2;
	margin:-91px 6px; /* Element mit Text wird um 50px nach oben verschoben */
	width:85px; /* entspricht der Bildbreite */
	height:75px; /* entspricht der Bildhöhe */
	background:#00305E;
}

div.border:hover div.info {
	display:block;
}

#AgenturNavi {
	position: absolute; 
	top:440px; 
	width: 376px; 
}

#AgenturNavi a {
	margin-right:70px;
	display:inline;
}

#AgenturNavi a img { margin-right:5px; }

ul#agentur {margin-top:40px;}

.news_eintrag {margin-bottom:10px;}

.news_datum {
	color: #BBBBBB;
	height: 16px;
	width:405px;
	overflow:hidden;
	padding-bottom: 6px;
}

#newstext {margin-top:17px;}

#newstext h2 {
	margin-top:47px;	
}

#news_images {
	float:left;
	width:420px;
	margin-top: 15px;
	margin-right:0px;
}

#news_images img {
	height:90px;
	margin: 3px 4px;
}

#news_images img:first-child {
	margin:3px 4px 3px 0px;	
}

#kontaktlinkkarte a {
	position: absolute;
	top: 500px;
	right: 5px;
}

#full_service_image_header h2 {
	position:absolute;
	top:105px;
	*top:38px;
	left:650px;
	color:#EEEEEE;
}

.full_service_hintergrund {
	background-image:url(../images/service_graph.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.full_service_image{
	position:absolute;
	top:180px;
	*top:108px;
	left:650px;
}

.textfeldklein {
	border: 0 none;
    cursor: text;
    height: 18px;
    margin: 0;
    padding: 0 0 0 2px;
    width: 256px
}

.textfeldgross {
	cursor: text;
	margin: 0px;
	border: 0px;
	height: 95px;
	width: 258px;
	overflow: hidden;
	font:Helvetica;
}

.textvorname {visibility:hidden;}

#Subnavi {
	position:absolute;
	top:231px;
	left:270px;
	width:210px;
	height:100px;
}

#scrollLinks {
	position:absolute;
	top:470px;
	left:500px;
}

#scrollLinks div.mouseover_right, #scrollLinks div.mouseover_left { 
	position:absolute;
	top:-470px;
	width:150px; 
	height:490px;
}

#scrollLinks div.mouseover_left { left:-30px; background:url(../images/big_arrow_left.png) no-repeat right center; }
#scrollLinks a.mouseover_left { margin-right:412px; }
#scrollLinks a.mouseover_left img { margin-left:13px; }

#scrollLinks div.mouseover_right { left:350px; background:url(../images/big_arrow_right.png) no-repeat left center; }

#scrollLinks a img {margin-right:3px;}

#wn {
	position:absolute;
	left:500px;
	margin: 0 auto;
	width:470px;
	height:410px;
	overflow:hidden;
	top:50px;
}

#kundenliste {
	overflow: auto;
	height: 415px;
	width: 400px;
	margin-top: 10px;
}

/****FlashMovie****/

#FlashMovie_kunden {
	position: absolute;
	bottom: 0px;
	left: 70px;
}

#FlashMovie_kreation {
	position: absolute;
	bottom: 10px;
	left: 250px;
}


#FlashMovie_kontakt {
	position:absolute;
	left:260px;
	bottom:30px;
}

/***********/

.active {color:#EE9700;}

div#navigation a.activeNavigationLink {color:#00305E;}

#clientLogo {
	position: absolute;
	top: 370px;
}

#einleitung {
	width:465px;
	background:#FFFFFF;
	height:107px;
	padding:25px 0px 35px;
	margin:151px 5px 0 20px;
}

.subnavi_beschreibung {
	margin-left: 17px;
	font-size: 12px;
}
	

/****************SCROLLER**************************/

#ScrollContainer {
	clip:rect(0 370px 263px 0);
	width:370px;
	position:absolute;
	top:140px;
	float:left;
	margin:0px;
	*margin:0px;
}

#buttons {
	float:left;
	padding:0px;
	margin-top:30px;
}

.scroller {
	position:absolute;
	left:460px;
	top:95px;
	*top:10px;
}

.scroller .arrow {
	cursor: pointer;
	padding: 5px;
}

.up {background-image:url(../images/up.gif)}
 
.down {
	margin-top: 225px;
	background-image:url(../images/down.gif);
}

/******************************************/

/****************KUNDENMEINUNGEN**************************/

#closebutton {
	position:relative;
	left:50%;
	margin:-20px 229px 20px;
	width:15px;
	height:15px;
	background:url(../images/close.png);
	cursor:pointer;
}

#overlay {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#feedbackwindow { 
	border:10px solid #CCCCCC;
	background-color:#FFFFFF;
	position:absolute;
	top:50%; 
	left:50%; 
	width:480px;
	height:240px;
	margin:-180px -270px;
	padding:30px;
	display:none;
}

#scrollfenster {
	width:465px;
	height:230px;
	padding-right:20px;
	overflow:auto;
}

#scrollfenster ul li { margin-bottom:30px; }

p.greybold {
	margin:5px 0;
	padding:0;
	font-weight:bold;
}