@font-face {
    font-family: 'klavika-regular';
    src: url('../fonts/KlavikaWebBasicMedium.eot');
    src: url('../fonts/KlavikaWebBasicMedium.eot?iefix') format('eot'),
         url('../fonts/KlavikaWebBasicMedium.woff') format('woff'),
		 url('../fonts/KlavikaWebBasicMedium.svg#webfont0zdCmsWD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika-light';
    src: url('../fonts/KlavikaWebBasicLight.eot');
    src: url('../fonts/KlavikaWebBasicLight.eot?iefix') format('eot'),
         url('../fonts/KlavikaWebBasicLight.woff') format('woff'),
		 url('../fonts/KlavikaWebBasicLight.svg#webfont4AnNpcqy') format('svg');

    font-weight: normal;
    font-style: normal;
}
* {
	padding: 0px;
	margin: 0px;
	border: 0px;

}
body {
	font-family: 'klavika-regular', sans-serif;
	color: #FFF;
	overflow-x: hidden;
	background-color: #202729;
}
#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
a {
	text-decoration: none;
	color: #FFF;
}

h1.cufon_replace {
	font-family: 'klavika-regular', sans-serif;
	font-weight: normal;
	font-size: 36pt;
	color: #FFF;
	align: right;
	position:absolute;
	bottom: 11px;
	right: 13px;
	text-decoration: none;
}
h2.cufon_replace {
	font-family: 'klavika-regular', sans-serif;
	font-weight: normal;
	font-size: 21pt;
	font-stretch: normal;
	color: #FFF;
	align: right;
	position:absolute;
	bottom: 60px;
	right: 43px;
	opacity:0.4;
	text-decoration: none;
}
#logo_container {
	height: 61px; 
	width: 455px; 	
	margin:60px auto 0px auto; 
	cursor: pointer;
}
.box {
	position: absolute; 
	float: left;
}
#box1_menu, #box3_menu, #box4_menu, #box5_menu, #box6_menu {
	height: 290px;	
	width: 455px;	
	background: url(../images/verlauf_hover/verlauf_farbig.jpg) repeat-x;
	background-color: #94c11c;	
	cursor: pointer;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#box1_menu.hover, #box3_menu.hover, #box4_menu.hover, #box5_menu.hover, #box6_menu.hover {	
	background: url(../images/verlauf_hover/verlauf_farbig_hover.jpg) repeat-x #94c11c;
}
.box_content {
	display: none;
	height: 600px;
	width: 835px;
	padding: 35px;	
}
.box_content_small {		
	padding: 25px;
}
.box_content_small h1 {
	margin-top: -10px;
}
.box_content h1 {
	font-family: 'klavika-regular', sans-serif;
	font-weight: normal;
	color: #94c11c;
	font-size: 30pt;
	margin-top: -10px;
}
.box_content h2 {
	font-family: 'klavika-regular', sans-serif;	
	font-weight: normal;
	color: #ffffff;
	font-size: 16pt;
	margin-top: -5px;
}
.box_content h3 {
	font-family: 'klavika-regular', sans-serif;	
	font-weight: normal;
	color: #101719;
	font-size: 17pt;
}

#box1 {
	height: 290px;	
	width: 455px;	
}
#box2 {
	width: 455px; 
	height: 290px; 
	position: absolute; 
	left: 475px; 
	overflow:hidden; 
	background-image:url(../images/kunden/startseite/1680.png); 
	background-repeat:no-repeat; 
	background-position:bottom right;
}
#box2.hover {
	background-image:url(../images/kunden/startseite/1680_hover.png); 
	cursor: pointer;
}

#box3 {
	height: 290px; 
	width: 455px; 
	left: 950px; 
	top: 0px;
}
#box4 {
	height: 290px;
	width: 455px;
	left: 0px;  
	top: 310px;
}
#box5 {
	height: 290px; 
	width: 455px; 
	left: 475px;
	top: 310px;
}
#box6 {
	height: 290px;
	width: 455px;  
	left: 950px;
	top: 310px; 
}
.clear {
	clear: both;
}
ul.kompetenzen, ul.jobs {
	float: left; 
	list-style: none;
	margin-top: 10px;
}
ul.kunden_liste {
	list-style: none;
	margin-top: 30px;
	margin-right: 30px;
	float: left;	
}
ul.kunden_liste li {
	font-family: 'klavika-light', sans-serif;
	color: #000;
	font-size: 17px;
	border-top-width: 1px;
	border-top-style: dashed;
	padding-top: 4px;
	padding-left: 2px;
	height: 25.5px;
	width: 305px;
}
ul.kunden_liste li:first-child {
	border-width: 0px;
}
ul.kompetenzen {
	font-family: 'klavika-light', sans-serif;
	font-weight: normal;
	font-size: 12.6pt;
	width: 225px; 
	height: 200px;
	margin-right: -10px;
}
ul.kompetenzen li{
	width: 200px; 
	padding-left: 20px;
	background: url(../images/ul-li-dot.png) no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.jobs {
	font-family: 'klavika-light', sans-serif;
	font-weight: normal;
	font-size: 12.6pt;
	width: 225px; 
	height: 200px;
	margin-right: -10px;
}
ul.jobs li{
	width: 200px; 
	height: auto;
	padding-left: 20px;
	background: url(../images/ul-li-dot.png) no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.jobs li a {
	color: #FFF;
	text-decoration: none;
}

p {
	font-family: 'klavika-light', sans-serif;
	font-size: 12.6pt;
}
.green {
	color: #94c11c;
}
.readmore {
	height: 26px; 
	width: 103px;
	display: block;
	background-image: url(../images/weiterlesen.png);
	border-width: 0px;	
	float: left; 
}
.back {
	height: 19px; 
	width: 66px;
	display: block;
	background-image: url(../images/back.png);
	border-width: 0px;	 
}
.kompetenzenmore {
	width: 232px; 
	float: left; 
	padding-right: 35px;
	font-size: 12.6pt;
	font-family: 'klavika-light', sans-serif;
}
	
ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	margin-top: 10px; 
	margin-left: 0px;
	padding: 0px;
}
ul.thumb li {
	margin: 0; 
	padding: 0px;
	width: 194px;
	height: 132px;	
	float: left;
	position: relative; 
	cursor: pointer;
}
ul.thumb li img {
	width: 194px;
	height: 132px;	
	cursor: pointer;
}

ul.thumb li a {
	position: relative;
}

ul.thumb li img.standard {
	left: 0;
	top: 0;
	z-index: 10;
	position: absolute;
}

ul.thumb li img.mouseover {
	left: 0;
	top: 0;
	position: absolute;
}

strong {
	font-weight: bold;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}

/* NEUE AGENTURSEITE */
div.mitarbeiter {width:207px; height:86px; margin:3px auto; position:relative;}
div.mitarbeiter .left_text {top:0px; left:0px; z-index:1; opacity:0; filter:alpha(opacity=0); position:absolute;}
div.mitarbeiter .right_text {top:0px; right:0px; z-index:1; opacity:0; filter:alpha(opacity=0); position:absolute;}
div.mitarbeiter .left_image {top:0px; left:0px; z-index:2; position:absolute;}
div.mitarbeiter .right_image {top:0px; right:0px; z-index:2; position:absolute;}

div.mitarbeiter_topimage {padding:0px; margin:0px; margin-bottom:4px;}
div.mitarbeiter_spacerimage {padding:0px; width:207px; height:2px; margin:4px auto; position:relative;}
div.mitarbeiter_spacerimage img { height:2px; width:207px; padding:0px; margin:0px; display:block;}
div.mitarbeiter_nonjs {margin:3px; height:65px; position:relative;}
div.mitarbeiter_spacer_nonjs {margin:3px; height:2px; position:relative;}
div.mitarbeiter_spacer_nonjs img { height:2px; width:225px; padding:0px; margin:0px; display:block;}
div.mitarbeiter_spacer_realnonjs {margin:3px; height:2px; position:relative;}
div.mitarbeiter_spacer_realnonjs img { height:2px; width:156px; padding:0px; margin:0px; display:block;}


a.mitarbeiter_1left_nonjs {display:block; width:77px; height:65px; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_1left_image_nonjs.png);}
a.mitarbeiter_1left_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_1right_text_nonjs.png);}
a.mitarbeiter_1right_nonjs {left:80px; width:77px; height:65px; display:block; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_1right_image_nonjs.png);}
a.mitarbeiter_1right_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_1left_text_nonjs.png);}
a.mitarbeiter_2left_nonjs {display:block; width:77px; height:65px; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_2left_image_nonjs.png);}
a.mitarbeiter_2left_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_2right_text_nonjs.png);}
a.mitarbeiter_2right_nonjs {left:80px; width:77px; height:65px; display:block; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_2right_image_nonjs.png);}
a.mitarbeiter_2right_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_2left_text_nonjs.png);}
a.mitarbeiter_3left_nonjs {display:block; width:77px; height:65px; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_3left_image_nonjs.png);}
a.mitarbeiter_3left_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_3right_text_nonjs.png);}
a.mitarbeiter_3right_nonjs {left:80px; width:77px; height:65px; display:block; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_3right_image_nonjs.png);}
a.mitarbeiter_3right_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_3left_text_nonjs.png);}
a.mitarbeiter_4left_nonjs {display:block; width:77px; height:65px; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_4left_image_nonjs.png);}
a.mitarbeiter_4left_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_4right_text_nonjs.png);}
a.mitarbeiter_4right_nonjs {left:80px; width:77px; height:65px; display:block; position:absolute; background:url(../images/mitarbeiter/mitarbeiter_4right_image_nonjs.png);}
a.mitarbeiter_4right_nonjs:hover {background:url(../images/mitarbeiter/mitarbeiter_4left_text_nonjs.png);}