@charset "utf-8";
/* CSS Document (c) PIXELMINISTRY 2009 Lucian Cristofor*/

body, html{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}

img{  
	border-style: none;
}

ul, li{
	margin:0;
	padding:0;
}

a:focus {
	outline: none;
}

h1, h2, h3, p{
	margin:0;
	padding:0;
}
/* =================== HEADER ======================== */

#header{
	width:100%;
	height:70px;
	background-color:#EEEEEE;
	background-image:url(../pics/header_verlauf.jpg);
	background-repeat:repeat-x;
}

#header_center{
	width:978px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	color:#666666;
	text-align:right;
	background-image:url(../pics/logo_verlauf.jpg);
	background-repeat:no-repeat;
}

#header_center a{
	color:#666666;
	text-decoration:none;
}

#header_center a:hover{
	color:#000000;
	text-decoration:underline;
}

#header_text {
	padding-top:26px;
}

/* =================== CONTENT ======================== */

#content {
	width:978px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}

/* =================== CONTAINER ALLGEMEIN  ======================== */

.container {
	float:left;
	margin-top:15px;
}

.container_right {
	width:803px;
	margin-left:10px;
	float:left;
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	overflow:hidden;
}

.container_left {
	width:165px;
	float:left;
	background-color:#d8f6f9;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding-top:17px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.icon_title {
	height:70%;
}

.linkup {
	height:30%;
}

.linkup a{
	display:block;
	width:100%;
	height:100%;
	background-image:url(../pics/jump_up.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.linkup a:hover{
	background-image:url(../pics/jump_up_over.png);
}


/* =================== CONTAINER PM ======================== */

#cont_pm {
	margin-top:40px;
}

#cont_pm_left {
	height:98px;
	/*background-image:url(../pics/winter.png);*/
	text-align:right;
}

#cont_pm_right {
	height:99px;
	background-image:url(../pics/flaeche_115.png);
	padding-top:16px;
}

#cont_pm_text {
	width:600px;
	height:100%;
	overflow:hidden;
	float:left;
}

#cont_pm_text h1{
	color:#008fb3;
	font-size:16px;
	display:inline;
	padding-left:20px;
}

#cont_pm_text h2{
	color:#666666;
	font-size:14px;
	font-weight:normal;
	display:inline;
	padding-left:10px;
}

#cont_pm_text p{
	color:#666666;
	font-size:12px;
	padding-left:20px;
	padding-top:12px;
	line-height:16px;
}

#cont_pm_links{
	float:left;
	width:187px;
	text-align:right;
	margin-top:3px;
}

#cont_pm_links .links{
	height:22px;
	padding-right:28px;
	padding-top:3px;
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position:right top;
}

#cont_pm_links a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

#cont_pm_links a:hover{
	color:#EEEEEE;
	text-decoration:underline;
}

#cont_pm_links #link_leistungen{
	background-image:url(../pics/button_leistungen.png);
}
#cont_pm_links #link_kontakt{
	background-image:url(../pics/button_kontakt.png);
}
#cont_pm_links #link_jobs{
	background-image:url(../pics/button_jobs.png);
}

/* =================== MENUE ======================== */
#menue{
	margin-top:21px;
	float:left;
	width:978px;
}

#menue ul{
	list-style:none;
	font-size:11px;
	float:left;
	width:700px;
}

#menue li{
	display:inline-block;
	float:left;
	background-image:url(../pics/menu_mark_links.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#menue a{
	height:20px;
	display:inline-block;
	margin-right:10px;
	padding-right:13px;
	padding-top:6px;
	padding-left:7px;
	background-image:url(../pics/pfeil_unten.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	color:#666666;
}

#menue li a:hover{
	background-image:url(../pics/menu_mark.gif);
	padding-left:0px;
	margin-left:7px;
}

#menue #facebook_link{
	float:left;
	font-size:11px;
	margin-left:91px;
}

#menue #facebook_link a{
	background-image:url(../pics/button_facebook.png);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFFFFF;
	padding-right:0px;
	padding-left:13px;
	padding-top:6px;
	width:154px;
}

#menue #facebook_link a:hover{
	text-decoration:underline;
}



/* =================== CONTAINER REF ======================== */
#cont_ref {
	margin-top:11px;
}

#cont_ref_left {
	height:213px;
	background-image:url(../pics/icon_ref_flaeche.png);
}

#cont_ref_right {
	height:230px;
	background-image:url(../pics/flaeche_230.png);
}

#projektauswahl{
	width:251px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-left:20px;
	padding-top:17px;
}

#projektauswahl ul{
	list-style:none;
	margin-top:16px;
	margin-left:-3px;
	width:226px;
	height:141px;
}

#projektauswahl ul li{
	display:block;
	float:left;
	width:25px;
	height:25px;
	background-image:url(../pics/ref_butt.png);	
}

#projektauswahl ul li a{
	display:block;
	width:100%;
	height:100%;
	background-image:none;
}

#projektauswahl ul li a:hover{
	background-image:url(../pics/ref_butt_over.png);
}

#projektauswahl .activeREF{
	background-image:url(../pics/ref_butt_mark.png);
}


#next_prev_links{
	float:left;
	width:251px;
	font-size:11px;
	font-weight:normal;
	margin-left:-3px;
}

#next_prev_links a{
	display:block;
	float:left;
	height:22px;
	padding-top:3px;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
}

#next_prev_links a:hover{
	color:#EEEEEE;
	text-decoration:underline;
}

#next_prev_links #prevbutt{
	width:69px;
	padding-left:26px;
	background-image:url(../pics/button_prev.png);
}

#next_prev_links #nextbutt{
	width:76px;
	margin-left:1px;
	padding-left:19px;
	background-image:url(../pics/button_next.png);
}

#projektdetails{
	width:512px;
	height:100%;
	float:left;
	padding-left:20px;
	overflow:hidden;
}

#projektdetails #det_links{
	float:left;
	width:234px;
	padding-top:17px;
	color:#666666;
}

#projektdetails #det_links h3{
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
	background-image:url(../pics/back_ie_bug.png);
}

#projektdetails #det_links p{
	font-size:11px;
	font-weight:normal;
	height:142px;
	line-height:14px;
}

#projektdetails #det_links p a{
	display:inline-block;
	width:auto;
	color:#008fb3;
	text-decoration:none;
	padding-top:5px;
}

#projektdetails #det_links p a:hover{
	color:#1e5a6a;
}

#projektdetails #det_links #bildgallerie{
	display:block;
	width:98px;
	height:22px;
	padding-top:3px;
	margin-left:-3px;
	padding-left:14px;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	background-image:url(../pics/button_gallery.png);
}

* html #projektdetails #det_links #bildgallerie{
	margin-left:0px;
}

#projektdetails #det_links #bildgallerie:hover{
	color:#EEEEEE;
	text-decoration:underline;
}

#projektdetails #det_rechts{
	float:left;
	padding-left:16px;
	padding-top:20px;
}

#projektdetails #det_rechts img{
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
}


#projektdetails #det_rechts a:hover img{
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;
}


/* =================== NEWS TEASER ======================== */

.news_teaser{
	margin-top:15px;
	padding-top:9px;
	padding-left:20px;
	width:958px;
	height:26px;
	float:left;
	background-color:#666666;
	background-image:url(../pics/news_teaser.jpg);
	background-repeat:no-repeat;
	color:#DDDDDD;
	font-size:12px;
	font-weight:bold;
}

/* =================== SPALTE ALLGEMEIN ======================== */

.spalte{
	font-size:11px;
	color:#666666;
	width:227px;
	line-height:14px;
	padding: 17px 20px 0px 20px;
	float:left;
	overflow:hidden;
}

.spalte h3{
	font-size:12px;
	margin-bottom:15px;
}

.spalte h3 span{
	color:#008fb3;
	display:block;
	width:100%;
	text-align:right;
	margin-top:-15px;
	font-weight:bold;
	font-size:14px;
}

.spalte p{
	margin-bottom:7px;
	font-weight:normal;
}

.spalte ul {
	list-style: inside disc;
}

/* =================== CONTAINER PROD ======================== */

#cont_prod {
}

#cont_prod_left {
	height:263px;
	background-image:url(../pics/icon_prod_flaeche.png);
}

#cont_prod_right {
	height:280px;
	background-image:url(../pics/flaeche_280.png);
}

#cont_prod_right .innen{
	height:222px;
}

#prodme_su, #prodme_se, #prodme_sv{
	display:block;
	width:98px;
	height:22px;
	padding-top:3px;
	margin-left:-3px;
	padding-left:14px;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	background-image:url(../pics/button_gallery.png);
}

#prodme_su:hover, #prodme_se:hover, #prodme_sv:hover{
	color:#EEEEEE;
	text-decoration:underline;
}


/* =================== CONTAINER LEIST ======================== */

#cont_leist {
}

#cont_leist_left {
	height:309px;
	background-image:url(../pics/icon_leist_flaeche.png);
}

#cont_leist_right {
	height:326px;
	background-image:url(../pics/flaeche_326.png);
}

#cont_leist_right .innen{
	height:222px;
}

/* =================== CONTAINER KUNDEN ======================== */

#cont_kund {
}

#cont_kund_left {
	height:224px;
	background-image:url(../pics/icon_kund_flaeche.png);
}

#cont_kund_right {
	height:241px;
	background-image:url(../pics/flaeche_241.png);
}

/* =================== CONTAINER JOBS ======================== */

#cont_jobs {
}

#cont_jobs_left {
	height:203px;
	background-image:url(../pics/icon_jobs_flaeche.png);
}

#cont_jobs_right {
	height:220px;
	background-image:url(../pics/flaeche_220.png);
}

#cont_jobs_right .slinks p{
	margin-bottom:14px;
	font-weight:normal;
}

#cont_jobs_right .slinks a{
	color:#666666;
	text-decoration:none;
}

#cont_jobs_right .slinks a:hover{
	color:#999999;
	text-decoration:underline;
}


#cont_jobs_right .smitte{
	width:515px;
	padding-right:0px;
}

#cont_jobs_right .smitte p{
	margin-bottom:25px;
}


#cont_jobs_right .smitte span{
	display:block;
	height:22px;
	width:425px;
	background-image:url(../pics/jobs_back.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	padding-left:10px;
	padding-top:3px;
	margin-left:-10px;
	margin-bottom:5px;
}

* html #cont_jobs_right .smitte span{
	margin-left:-5px;
}

#cont_jobs_right .smitte a{
	display:block;
	width:54px;
	height:21px;
	margin-left:6px;
	margin-top:-1px;
	background-image:url(../pics/button_lesen.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	padding-top:4px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
}

#cont_jobs_right .smitte a:hover{
	text-decoration:underline;
	color:#EEEEEE;
}
/* =================== CONTAINER KONTAKT ======================== */

#cont_kontakt {
}

#cont_kontakt_left {
	height:139px;
	background-image:url(../pics/icon_kontakt_flaeche.png);
}

#cont_kontakt_right {
	height:156px;
	background-image:url(../pics/flaeche_156.png);
}

#cont_kontakt_right .spalte{
	padding-left:22px;
	width:225px;
}

input, select, textarea { 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:14px;
	color:#666666;
}

#cont_kontakt .eingabe {
	border:1px solid #c7c7c7;
	height:16px;
	width:232px;
	padding:2px 0px 0px 3px;
	margin-left:-2px;
	margin-bottom:1px;
	background-color:#FFFFFF;
}

#cont_kontakt .mail_error {
	border:1px solid #ff2833;
	background-color:#FFF5F5;
}


#cont_kontakt .kurzeingabe{
	width:32px;
	margin:0px 3px 0px 3px;
}

#cont_kontakt .multieingabe {
	height:99px;
	overflow:auto;
}

* html #cont_kontakt .multieingabe {
	height:102px;
}

* html #cont_kontakt .eingabe {
	margin-bottom:0px;
}

#cont_kontakt .submit_cont{
	color:#FFFFFF;
	background:none;
	background-image:url(../pics/button_absenden.png);
	background-position:top left;
	border:none;
	width:119px;
	height:32px;
	text-align:left;
	padding-left:9px;
	padding-top:2px;
	text-decoration:none;
	margin-right:10px;
}

#cont_kontakt .submit_cont:hover{
	color:#EEEEEE;
	text-decoration:underline;
}

#cont_kontakt .srechts .innen{
	height:90px;
}

#cont_kontakt .radiobutt{
	margin-top:5px;
	margin-left:-2px;
	margin-right:5px;
}

/* =================== CONTAINER IMP ======================== */

#cont_imp {
}

#cont_imp_left {
	height:233px;
	background-image:url(../pics/icon_imp_flaeche.png);
}

#cont_imp_right {
	height:250px;
	background-image:url(../pics/flaeche_250.png);
}

#cont_imp_right #imp_span{
	display:block;
	height:163px;
}

#cont_imp_right #imp_span a{
	color:#666666;
	text-decoration:none;
}

#cont_imp_right #imp_span a:hover{
	color:#999999;
	text-decoration:underline;
}

#cont_imp_right #bt_agb, #cont_imp_right #bt_rh{
	display:inline-block;
	height:21px;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	padding-top:4px;
	text-decoration:none;
	color:#FFFFFF;
}

#cont_imp_right #bt_agb:hover, #cont_imp_right #bt_rh:hover{
	text-decoration:underline;
	color:#EEEEEE;
}

#cont_imp_right #bt_rh{
	background-image:url(../pics/button_rechtl.png);
	width:131px;
	margin-left:-3px;
}

#cont_imp_right #bt_agb{
	background-image:url(../pics/button_agbs.png);
	width:61px;
}

#map_canvas {
	margin-top:20px;
	margin-left:4px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	float:left;
}

#mapsinfo {
	font-size:10px;
	line-height:13px;
	color:#666666;
}

#mapsinfo p{
	margin-bottom:6px;
}

#mapsinfo a{
	color:#008fb3;
	text-decoration:none;
}

#mapsinfo a:hover{
	color:#1e5a6a;
	text-decoration:none;
}

#zoom_in {
	width:25px;
	height:20px;
	cursor:pointer;
	background-image:url(../pics/zoom_norm_in.png);
	background-position: top left;
	background-repeat:no-repeat;
}

#zoom_in:hover {
	background-image:url(../pics/zoom_over_in.png);
}

#zoom_out {
	width:25px;
	height:23px;
	cursor:pointer;
	background-image:url(../pics/zoom_norm_out.png);
	background-position: top left;
	background-repeat:no-repeat;
}

#zoom_out:hover {
	background-image:url(../pics/zoom_over_out.png);
}



/* =================== FOOTER ======================== */

#footer{
/*	clear:both;
	float:none;*/
	float:left;
	width:100%;
	height:70px;
	padding-top:40px;
	background-image:url(../pics/footer_verlauf.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer_center{
	width:978px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../pics/logo_footer_verlauf.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#FFFFFF;
	font-size:11px;
}

#footer_center a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer_center a:hover{
	color:#DDDDDD;
}

#footer_text_left{
	float:left;
	padding-top:26px;
}

#footer_text_left a:hover{
	text-decoration:underline;
}

#footer_text_right{
	float:none;
	padding-top:26px;
	padding-right:40px;
	text-align:right;
}

/* =================== OVERLAY ======================== */

#overlay{
	width:100%; 
	top: 0px; 
	left: 0px;
	background-color: #000000; 
	z-index: 100;
	text-align:center;
	position: absolute;
	min-height:2236px;
}

* html #overlay { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.
   offsetHeight ? document.body.scrollHeight : document.body.
   offsetHeight + 'px');
}

#transp{
	width:100%; 
	top: 0px; 
	left: 0px;
	z-index: 101;
	text-align:left;
	position: absolute;
	min-height:2236px;
}

* html #transp { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.
   offsetHeight ? document.body.scrollHeight : document.body.
   offsetHeight + 'px');
}

#ref_container{
	width: 978px; 
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	overflow:visible;
	color:#EEEEEE;
	font-size:12px;
}

#ref_container h3{
	font-size:16px;
	margin-bottom:17px;
}

#ref_container a{
	display:inline-block;
	color:#00bef0;
	text-decoration:none;
	padding-top:5px;
}

#ref_container a:hover{
	color:#009ac3;
}

#ref_container p{
	width: 467px; 
	margin-bottom:30px;
}

#ref_container #imgleft{
	margin-right:10px;
}

#ref_container #imgleft, #ref_container #imgright{
	margin-bottom:10px;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#333333;
}

#close_butt{
	width:978px;
	height:55px;
	background-image:url(../pics/close_back.png);
	background-repeat:no-repeat;
	background-position: top right;
	position:fixed;
	top:20px;
	left:50%;
	margin: 0 0 0 -489px;
	text-align:right;
}

* html #close_butt { /* ie6 hack */
	position: absolute;
	top:expression( ( 30 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}



#close_butt #over_rechts, #close_butt #over_links, #close_butt #over_close{
	display:block;
	width:45px;
	height:45px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-position:left top;
}

#close_butt #over_rechts{
	background-image:url(../pics/button_glossy_ref_rechts.png);
}
#close_butt #over_rechts:hover{
	background-image:url(../pics/button_glossy_ref_rechts_over.png);
}
#close_butt #over_links{
	background-image:url(../pics/button_glossy_ref_links.png);
}
#close_butt #over_links:hover{
	background-image:url(../pics/button_glossy_ref_links_over.png);
}
#close_butt #over_close{
	background-image:url(../pics/button_glossy_ref_close.png);
	margin-right:20px;
}

* html #close_butt #over_close{ /* ie6 hack */
	margin-right:10px;
}

#close_butt #over_close:hover{
	background-image:url(../pics/button_glossy_ref_close_over.png);
}