@charset "ISO-8859-1";
/* CSS Dokument Code Meets Design */

/* ---------------------------- */
/* ---------- GENERAL --------- */
/* ---------------------------- */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: Helvetica, "Arial", sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
}

body {
	background: transparent url(images/bg.gif) repeat 0 0;
}

html, body, div { border:0; }

.clear { 
	clear: both;
}

img {	
	border: 0;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

/* ---------------------------- */
/* ----------- LAYOUT --------- */
/* ---------------------------- */

#wrapper {
	position: relative;
	width: 960px;
	height: 100%;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

#nav_wrap {
	width: 860px;
	margin: 0 auto;
	margin-left: 175px;
}

.container {
	position: relative;
	margin: 0 0 0 50px;
}

#brand {
	height: 130px;
	padding-top: 50px;
}

#brand h1 a {
	display: block;
	background: transparent url(images/cmd_logo.gif) no-repeat 0 0;
	margin: 0 auto;
	width: 130px;
	height: 75px;
	text-indent: -3000px;
}

#content_head {
	position: relative;
	border-bottom: 1px dotted #D5D5D5;
	padding: 10px 0 25px 0;
	margin: 0 50px 25px 0;
}

.contentA {
	height: 100%;
	width: 410px;
	float: left;
	margin-right: 40px;
}

.contentB {
	height: 100%;
	width: 410px;
	float: left;
}

#teaser {
	height: 80px;
	margin-bottom: 20px;
}

/* ---------------------------- */
/* ----------- STYLES --------- */
/* ---------------------------- */

h2 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight: normal;
	color: #333333;
	background: transparent url(images/cmd_h2.gif) no-repeat 0 10px;
	font-size: 28px;
	padding-left: 40px;
}

h2>a {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight: normal;
	color: #333333;
	font-size: 28px;
}

h3 {
	font-size: 18px;
	color: #666666;
	margin-bottom: 15px;
}

h4 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 18px;
	margin-bottom: 20px;
}

.blue_ink {
	font: inherit;
	font-size: inherit;
	color: #0084C9;
}

/* ---------------------------- */
/* -------- NAVIGATION -------- */
/* ---------------------------- */

#navigation {
	list-style: none;
	width: 100%;
	height: 40px;
}

#navigation li {
	display: block;
	float: left;
}

#navigation li a {
	display: block;
	float: left;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 0 15px;
	height: 38px;
}

#navigation li a:hover {
	color: #0084C9;
}

#navigation .active a {
	color: #0084C9;
	background: transparent url(images/anchor_s1.gif) no-repeat center bottom;
}

.zumArchiv {
	color: #0084C9;
	font-size: 14px;
}

.zumArchiv:hover {
	text-decoration: underline;
}

/* ---------------------------- */
/* --------- .box_news -------- */
/* ---------------------------- */

.box_news,
.box_newsarchive  {
	position: relative;
	width: 405px;
	float: left;
	margin: 15px 0 0 50px;
	background: transparent url(images/shadow_box_news.png) no-repeat 4px 160px;
	padding-bottom: 15px;
	border-bottom: #DADCDD thin solid;
}

.box_news {
	height: 280px;
}

.box_newsarchive {
	border-bottom: none;
}

.box_news img {
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

.box_news h2 {
	position: absolute;
	height: 42px;
	top: 65px;
	left: 15px;
	color: #000;
	background-color: #FFF;
	background-image: none;
	padding: 0 10px;
}

.news_date {
	display: block;
	border: 1px solid #ccc;
	position: absolute;
	top: 115px;
	left: 15px;
	color: #FFF;
	background-color: #000;
	padding: 2px 10px;
}

.btn_readmore {
	margin-top: 20px;
	margin-bottom: 10px;
}

.btn_readmore a {
	display: block;
	width: 135px;
	height: 25px;
	padding: 5px 0 0 15px;
	background: transparent url(images/button.png) no-repeat 0 0;
}

.btn_readmore a[href =" "] { 
	display: none;
} 

.btn_readmore a:hover {
	color: #FFF;
	background: transparent url(images/button.png) no-repeat 0 -30px;
}

/* ---------------------------- */
/* ------ .box_leistungen ----- */
/* ---------------------------- */

.box_leistungen {
	width: 190px;
	padding: 15px 0 0 38px;
	float: left;
}

.box_leistungen img {
	text-align: center;
	margin-left: 30px;
}

.box_leistungen p {
	text-align: center;
	font-size: 18px;
	color: #333333;
	display: block;
	padding-bottom: 20px;
}

.box_leistungen ul {
	text-align: center;
}

.box_leistungen a:hover {
	color: #0084C9;
}

/* ---------------------------- */
/* ----------- KUNDEN --------- */
/* ---------------------------- */

#kundenliste li {
	position: relative;
	width: 165px;
	height: 120px;
	float: left;
	margin: 0 0 30px 37px;
}

#kundenliste li a {
	display: block;
	height: 120px;
	width: 165px;
}

.kundenWrap {
	position: relative;
	height: 115px;
	width: 165px;
	background-color: #CCCCCC;
	overflow: hidden;
	float: left;
	background: transparent url(images/shadow_small.png) no-repeat 0 bottom;
}

.kundenWrap img {
	position: absolute;
	top: 0;
	left: 0;
}

ul.kundenText{
	position: absolute;
	font-size: 11px;
	bottom: 5px;
	left: 0px;
	width: 165px;
	background-color: #EBEBEB;
	display: none;
	overflow: hidden;
}

.kundenText a {
	color: #fff;
}

.kundenText li a {
	padding: 0;
	height: 0;
}

.kundenText a:hover {
	color: #f00;
}

/* ---------------------------- */
/* ------------ TEAM ---------- */
/* ---------------------------- */

.team {
	width: 405px;
	height: 280px;
	float: left;
	margin: 0 0px 30px 50px;
	border-bottom: 1px dotted #D5D5D5;
}

.team_last {
	width: 405px;
	height: 280px;
	float: left;
	margin: 0 0px 30px 50px;
	border-bottom: none;
}

.team_bild {
	width: 110px;
	height: 200px;
	float: right;
}

.team_bild img {
	width: 110px;
	float: left;
}

.team_text {
	width: 240px;
	height: 230px;
	float: left;
	margin-left: 20px;
}

.team h2,
.team_last h2 {
	font-size: 16px;
	background-image: none;
	padding: 0;
}

.team h3,
.team_last h3 {
	font-size: 12px;
}

/* ---------------------------- */
/* -------- REFERENZEN -------- */
/* ---------------------------- */

#content_head_ref {
	border-bottom: 1px dotted #D5D5D5;
	margin-bottom: 25px;
	width: 860px;
}

#content_refdetail_left {
	width: 310px;
	float: left;
}

#content_refdetail_left a {
	color: #0084C9;
}

#content_refdetail_left .btn_readmore a {
	color: black;
}

#content_refdetail_left .btn_readmore a:hover {
	color: #fff;
	text-decoration: none;
}

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


#content_refdetail_right {
	float: right;
	width: 510px;
	height: 100%;
	padding-right: 50px;
}


/* ---------------------------- */
/* -------- JOBS REFS ------ */
/* ---------------------------- */

.jobs {

	padding-left: 38px;
}

h5 {
	font-weight: bold;
	padding: 20px 0 10px 0;
	
	}

.jobs li {
	margin-left: 15px;
	list-style:disc;
	
}


/* ---------------------------- */
/* -------- GALERIE REFS ------ */
/* ---------------------------- */

#full_preview {
	width: 510px;
	height: 311px;
	background: transparent url(images/shadow_big.png) no-repeat 0 bottom;
}

#full_preview img {
	border: 1px solid #DCDCDC;
}

.thumbscontainer {
	margin-top: 10px;
}

.thumbscontainer ul li {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
}

.thumbscontainer ul li a img {
	border: 1px solid #DCDCDC;
}

.thumbscontainer ul li a:hover img {
	border: 1px solid #0084C9;
}

.thumbs li a {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
}

#work_we_done {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #D5D5D5;
}

#work_we_done ul li {
	height: 30px;
	background: transparent url(images/liststyle_workdone.gif) no-repeat 0 0;
	padding-left: 25px;
}

/* --------- QUICKSAND -------- */
/* -------- REFERENZEN -------- */
/* -------- NAVIGATION -------- */

#navigation_reference_wrap {
	width: 828px;
	height: 40px;
	margin: 0 0 50px 40px;
}

#navigation_reference li {
	display: block;
	float: left;
	width: 175px;
	height: 30px;
	padding-right: 32px;
}

#navigation_reference li a {
	font-size: 14px;
	padding-top: 4px;
	display: block;
	height: 26px;
	width: 150px;
	text-align: center;
	background: transparent url(images/btn_navigate_reference.png) no-repeat 0 0;
}

#navigation_reference li a:hover, #navigation_reference li .selected  {
	color: #FFF;
	background: transparent url(images/btn_navigate_reference.png) no-repeat 0 -30px;
}


#navigation_reference li.active a {
	background-color: green;
}

/* ---------------------------- */
/* ----- QUICKSAND PLUGIN ----- */
/* ---------------------------- */

.referenzen {
	height: 100%;
}

.referenzen li {
	width: 167px;
	height: 122px;
	float: left;
	margin: 0 0 30px 37px;
	background: transparent url(images/shadow_small.png) no-repeat 0 bottom;
}

.referenzen li img {
	border: 1px solid #DCDCDC;
}

/* ---------------------------- */
/* ----------- FOOTER --------- */
/* ---------------------------- */

#footer {
	position: relative;
	margin-top: 80px;
	height: 101px;
	border-top: #999999 1px solid;
	margin-left: 50px;
	margin-right: 50px;
}

#pos_footext {
	margin-left: 160px;
}

.box {
	width: 200px;
	float: left;
	margin: 20px 0 0 25px;
}

.box ul.kontakt li {
	font-size: 11px;
	color: #000;
}

.box h2 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #0084C9;
	font-size: 18px;
	background-image: none;
	padding: 0;
}

.box h3 {
	font-family: "Helvetica", Arial, sans-serif;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
}

#copyright {
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: center;
	color: #999999;
	width: 960px;
}

#cmd_slope {
	position: absolute;
	top: -8px;
	left: 20px;
	width: 159px;
	height: 139px;
	background: transparent url(images/cmd_slope.png) no-repeat 0 0;
}

/* ---------------------------- */
/* ----------- SUBNAV --------- */
/* ---------------------------- */

#subnav {

	margin-left: 55px;

}

#subnav li {
	height: 16px;
	display: block;
	float: left;
}

#subnav li a {
	color: #000;
	font-size: 12px;
	padding: 0 8px 0 8px;
	border-right: #000 solid 1px;
}

#subnav li.last a {
	border-right: none;
}

#subnav li a:hover {
	color: #0084C9;
}

a[href ^="mailto:"] {
	color: #000;
} 

a[href ^="mailto:"]:hover {
	color: #0084C9;
	text-decoration: underline;
} 

/* ---------------------------- */
/* ---------- KONTAKT --------- */
/* ---------------------------- */

#kontakt table tr td {
	background-color: #CCCCCC,
	padding-left: 5px;
	width: 400px;
	color: #333333;
}

#kontakt table tbody td.eingabefeld {
	background-color: #F8F8F8;
}

#kontakt table input {
	color: #333333;
	font-size: 15px;
	background-color: #fff;
	border: #C3C3C3 1px solid;
	height: 30px;
	width: 420px;
	padding-left: 5px;
}

#kontakt table input:focus,
#kontakt table textarea:focus {
	color: #333333;
	background-color: #EAF5FB;
	border: #0184C9 1px solid;
}

#kontakt table textarea {
	background-color: #fff;
	border: #C3C3C3 1px solid;
	width: 420px;
	padding: 5px 0 0 5px;
	font-size: 15px;
}

input.btn_sendform {
	border: none;
	display: block;
	width: 150px;
	height: 30px;
	padding: 0;
	margin-top: 15px;
	cursor: pointer;
	background: transparent url(images/btn_navigate_reference.png) no-repeat 0 0;
}

.btn_sendform:hover {
	color: #FFF;
	background: transparent url(images/btn_navigate_reference.png) no-repeat 0 -30px;
}

.errors {
/*	border: 1px dotted white;
	background-color: red;
	color: #fff;
	padding: 10px;
	margin-bottom: 25px;
	width: 410px;
*/
	color: #933;
	border: 1px solid #933;
	padding: 1em;
	margin-bottom: 1em;
	width: 410px;
}

/* ----------- NIVO ------------ */
/* ---------- SLIDER ----------- */
/* ---------- STYLES ----------- */

#slider {
	width: 860px;
	height: 270px;
	margin: 0 50px 50px 50px;
	background: #202834 url(images/loading.gif) no-repeat 50% 50%;
}

.dropshadow {
	position: absolute;
	top: 490px;
	left: 50px;
	width: 860px;
	height: 45px;
	background: transparent url(images/dropshadow_slider.png) no-repeat 0 0;
}

#slider img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}

.nivo-controlNav a {
	display:block;
	width:8px;
	height:9px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -9px;
}

.nivo-directionNav a {
	display:block;
	width:80px;
	height:270px;
	background:url(images/direction_nav2.png) no-repeat;
	text-indent:-9999px;
	margin-top: -122px;
}

a.nivo-nextNav {
	background-position: -80px 0;
/*	right:15px;*/
}

a.nivo-prevNav {
/*	left: 15px;*/
}

/* ---------------------------- */
/* ------- BREADCRUMBS -------- */
/* ---------------------------- */

.B_crumbBox a {
color: #666666;}

.B_currentCrumb {	
	font: inherit;
	font-size: inherit;
	color: #0084C9;
}
/* ---------------------------- */
/* -------- facebook --------- */
/* ---------------------------- */

.facebook {
	position: absolute;
	right: 15px;
	top: 15px;

}

/* ---------------------------- */
/* ------- NEWSLETTER --------- */
/* ---------------------------- */
/*
.box_newsletter {
	position: relative;
	width: 395px;
	float: left;
	margin: 15px 0 0 50px;
	height: 262px;
	border-bottom: #DADCDD thin solid;
	padding: 10px 0 0 10px;
	background: transparent url(images/bg_newsletter.png) repeat-x 0 0;

}

.box_newsnewsletter h2 {
	position: absolute;
	height: 42px;
	top: 65px;
	left: 15px;
	color: #000;
	background-color: #FFF;
	background-image: none;
	padding: 0 10px;
}

.box_newsletter p {
	color: #000;
}

.news_date {
	display: block;
	border: 1px solid #ccc;
	position: absolute;
	top: 115px;
	left: 15px;
	color: #FFF;
	background-color: #000;
	padding: 2px 10px;
}
*/


/* ---------------------------- */
/* ------ SOCIALSIDEBAR-------- */
/* ---------------------------- */
.socialbar {
	position: fixed;
	z-index: 1000;
	margin-left: 955px;
	background: transparent url(images/bg_socialbar.png) no-repeat 0 0;
}

.socialbar a {
	display: block;
	height: 24px;
	color: #fff;
	margin-bottom: 10px;
	text-indent: -9999px;
}

.socialbar a.sbfacebook {
	margin-left: 5px;
	padding: 6px 0 0 0;
	background: transparent url(images/socialbar_facebook_sprite.png) no-repeat -14px 0;
}

.socialbar a.sbfacebook:hover {
	background-position:-4px -30px;
	text-indent: 0;
	padding: 6px 0 0 30px;
}

.socialbar a.sbnewsletter {
	margin-left: 5px;
	padding: 6px 0 0 30px;
	background: transparent url(images/socialbar_newsletter_sprite.png) no-repeat -14px 0;
}

.socialbar a.sbnewsletter:hover {
	background-position: -4px -30px;
	text-indent: 0;
	padding: 6px 0 0 30px;
}

.socialbar a.googleplus {
	margin-left: 5px;
	padding: 6px 0 0 30px;
	background: transparent url(images/socialbar_googleplus_sprite.png) no-repeat -14px 0;
}

.socialbar a.googleplus:hover {
	background-position: -4px -30px;
	text-indent: 0;
	padding: 6px 0 0 30px;
}

.likes {
	position: absolute;
	left: 163px;
	top: 221px;
}

.fb {
	position: absolute;
	width: 125px;
	height: 30px;
	display: block;
	background: url(images/bg_fb.png) no-repeat;
	padding: 5px 0px 0px 9px;
}

.gp {
	position: absolute;
	left: 130px;
	width: 83px;
	height: 30px;
	display: block;
	padding: 5px 0px 0px 10px;
	background: url(images/bg_gp.png) no-repeat;
}

.referenzen {
  overflow: hidden;
  }
.referenzen li {
   display: block;
   float: left;
}

/* ---------------------------- */
/* -------- IE6 STUFF --------- */
/* ---------------------------- */
* html #navigation li a {
	margin: 0;
	padding: 0 15px;
}

* html .team {
	float: left;
	width: 400px;
	height: 290px;
	margin: 0 10px 30px 30px;
	border-bottom: 1px dotted #D5D5D5;
}

* html .referenzen li {
	float: left;
	width: 167px;
	height: 122px;
	margin: 0 25px 30px 15px;
	background: transparent url(images/shadow_small.png) no-repeat 0 bottom;
}