/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: MAB						          *
 * Type: screen                               *
 **********************************************/

@import url(default.css);

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #000;
    background: #1D2228 url(../img/layout/bg_tile.gif) repeat-x left top;
    color: #8e9ba9;
    line-height: 1.5em;
}

h1 {
	font-size: 24px; 
    color: #fff;
    border-bottom: solid 1px #475361;
    padding: 0 0 5px 20px; 
    margin-bottom: 20px;
    background: url(../img/layout/arrow_headline.gif) no-repeat 0 6px;
}

h2 {
	font-size: 20px; 
    color: #fff;
    margin-bottom: 10px;
}

h3 {
	font-size: 12px; 
    color: #fff;
    margin-bottom: 5px;
    font-weight: bold;
}

a {	
	/* color: inherit;
	*/
	color: #5b6875;	
    text-decoration: underline;
}

#content a,
#sidebar a {
	color: #8E9BA9;
}

strong {
	font-weight: bold;
}

hr {
	border: 0; 
    background: none;
	height: 0;
	visibility: hidden;
}

.clear, 
.clearer {
	clear: both;
}	


div#wrap {

}

div#container {
	margin: 0 auto 0 auto;
    width: 960px;
}

div#header {
	position: relative;
    height: 88px;
}

div#header div#logo {
	position: absolute; 
    left: 0; 
    bottom: 0;
	width: 325px;
    height: 63px;
}

div#header div#nav {
	position: absolute; 
    left: 325px; 
    bottom: 0;
	width: 635px;
    height: 37px;
}

div#header div#nav li {
	float: left;
    position: relative;
    font-size: 11px;
    _width: 1px;
    white-space: nowrap;
}

div#header div#nav li a {
	display: block;
    height: 29px;
    padding: 8px 10px 0 13px;
    margin-right: 3px; 
    color: #5b6875;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

div#header div#nav li:hover a,
div#header div#nav li a:hover, 
div#header div#nav li a.active {
    color: #fdfdfd;
    background: #1d2228 url(../img/layout/nav_left.gif) no-repeat left top;
}

div#header div#nav li a span {
	display: none;
}

div#header div#nav li:hover a span,
div#header div#nav li a:hover span, 
div#header div#nav li a.active span {
    position: absolute; 
 	top: 0; 
    right: 0;
    display: block; 
    width: 3px; 
    height: 37px;
    background: #1d2228 url(../img/layout/nav_right.gif) no-repeat right top;    
}

div#header div#nav li ul li a span {
	display: none !important;
}

/* 2. ebene */
div#header div#nav li:hover ul {
	display: block;
}

div#header div#nav li ul {
	position: absolute;
    background: #1d2228;
    /*
    left: -15px; 
    */
    left: 0;
    min-width: 100%;
    width: auto !important;
    width: 100%;
    top: 37px;
    padding-top: 10px;
    display: none;
}

div#header div#nav li ul li {
    float: none;
}

div#header div#nav li ul li a {
	display: block;
    height: 25px;
    line-height: 25px;
    text-indent: 30px;
    padding: 0 15px 0 0;
    color: #6c7988 !important;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    background: url(../img/layout/nav_dot.gif) no-repeat 15px center !important;
}

div#header div#nav li ul li a:hover, 
div#header div#nav li ul li a.active {
    background: url(../img/layout/nav_dot.gif) no-repeat 15px center !important;
	color: #fdfdfd !important;
}

div#contentHeader {
	width: 940px; 
    height: 330px;
    border: solid 10px #24282d;
	background: #24282d;
    margin: 25px 0 20px 0;
}

div#content {
	margin: 0;
	padding: 10px;
    width: 600px; 
    float: left; 
}

div#content p {
	margin-bottom: 10px;
}

div#content div.teamItem {
	height: 85px;
    margin-bottom: 10px;
    padding: 10px;
    background: url(../img/layout/team_bg.gif) no-repeat left top;
}

div#content div.teamItem img {
    float: left;
    margin-right: 10px;
}	

div#content div.teamItem h1 {
    padding: 0;
    color: #dadfe4;
    text-transform: none;
    margin: 0; 
    font-size: 14px;
    font-weight: bold;
    border: 0; 
}

div#sidebar {
	margin: 0;
    padding-top: 10px;
	float: right;
    width: 330px; 
}

div#sidebar div#items {

}

div#sidebar div#items .item {
	height: 80px; 
    background: url(../img/layout/sidebar_item_bg.jpg) no-repeat left top;
    margin-bottom: 5px;
    padding-left: 90px;
    padding-top: 10px;
	font-size: 11px;
	line-height: normal;
}

div#sidebar div#items .item h1 {
	font-size: 12px; 
    font-weight: bold;
}

div#sidebar div#subnav {
	margin-bottom: 20px;
}

div#sidebar div#subnav h1 {
    background: #48535e; 
    height: 25px;
    padding: 15px 0 0 10px;
    color: #31373f;
    text-transform: uppercase;
    margin: 0; 
    font-size: 16px;
    font-weight: bold;
    border: 0; 
}

div#sidebar div#subnav ul {
	margin-top: 5px;
}

div#content ul#referenzen li a,
div#sidebar div#subnav li a {
	text-decoration: none; 
    display: block; 
    height: 25px; 
    line-height: 25px;
    text-indent: 30px;
    border-bottom: solid 1px #353d46;
    background: url(../img/layout/arrow_grey.gif) no-repeat 10px center;
}

div#content ul#referenzen li a {
	text-transform: uppercase;
    background: url(../img/layout/arrow_reflist.gif) no-repeat 10px center;
	text-indent: 25px;
}

div#content ul#referenzen li a:hover {
	background: #333941 url(../img/layout/arrow_reflist.gif) no-repeat 10px center;
}

div#content ul#referenzen a:hover,
div#content ul#referenzen a.active,
div#sidebar div#subnav li a:hover, 
div#sidebar div#subnav li a.active {
	color: #fff;
    background: url(../img/layout/arrow_white.gif) no-repeat 10px center;
}

div#footer {
	background: #dadfe4;
    height: 30px; 
    line-height: 30px; 
    text-indent: 20px;
    margin: 30px 0 30px 0;
    color: #5b6875;
	font-size: 11px;
}

div#footer p {
	position: relative;
}

div#footer p img.conecto {
	position: absolute; 
	right: 20px; 
	top: 12px;	
}


/** inhalt */
div.contentElement {
	margin-bottom: 20px;
}

div.contentImage img {
	border: solid 5px #fff;
}

div.contentImageLeft {
	float: left; 
    margin: 0 20px 20px 0;
    width: 210px;
}

div.contentImageRight {
	float: right; 
    margin: 0 0 20px 20px;
    width: 210px;
}

div#refNav {
	position: relative; 	
}

div#refNav div a {
	position: absolute; 
	top: 0; 
	display: block; 
	height: 25px;
	line-height: 25px;
	color: #5f6b78;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	background-color: #15191e;
	background-repeat: no-repeat;
	overflow: hidden;
}

div#refNav div a:hover {
	color: #8e9ba9;
}

div#refNav div#refNavBack a {
	left: 0;	
	width: 160px;
	background-image: url(../img/layout/ref_nav_back.gif); 
	background-position: 10px center;
	text-align: left; 
	text-indent: 30px;
}

div#refNav div#refNavUp a {
	left: 240px;
	width: 80px;
	background-image: url(../img/layout/ref_nav_up.gif); 
	background-position: 100px center;
	text-align: right; 
	padding-right: 30px;
	padding-left: 10px;
}

div#refNav div#refNavNext a {
	right: 0;	
	width: 130px;
	background-image: url(../img/layout/ref_nav_next.gif); 
	background-position: 140px center;
	text-align: right; 
	padding-right: 30px;
}

.csc-mailform {
	margin: 20px 0 10px 0;	
}

.csc-mailform-field {
	vertical-align: top;
	margin-bottom: 5px;
}

.csc-mailform-field label {
	display: block;
	width: 100px;
	float: left;
}

.csc-mailform-field #mailformAnmerkungen {
	width: 300px;
	height: 100px;
}

.csc-mailform-field #mailformformtype_mail {
	margin-left: 100px;	
}