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

/*****************
Debugging 
*****************/
/*div { border: 1px #ccc dashed; }*/

/*****************
Allgemein
*****************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
	color: #444;
	background: url(images/bg_main.jpg) #fff repeat-x left top;
} 

/*****************
Struktur
*****************/
#wrapall {
/*	width: 86.9em;*/
	background: #fff;
	border: 1px solid #F6F6DC;
	border-top: none;
	border-left: none;
	margin: 0 auto;
/* mod for banner */
	width: 1049px;
	position: relative;
	left: 90px;
}
#wrap {
	float: left;
	width: 86.9em;
	background: #fff;
	margin-bottom: 2em;
}

#big {
	width: 160px;
	height: 600px;
	float: left;
	margin-left: 2em;
	margin-top: 15em;
}

#top {
	width: 100%;
	height: 19em;
	background: #cad121;
}
	#logo {
		float: left;
		width: 292px;
	}
	#nav {
		float: left;
		height: 12em;
		margin-top: 4em;
	}
	
#teaser {
	width: 100%;
	height: 22.9em;
	background: url(images/teaser_shadow.gif) no-repeat left bottom;
}

#main {
	float: left;
	padding-bottom: 2em;
}
#news {
	float: left;
	width: 21em;
	padding: 2em;
	padding-left: 0;
}

#additional {
	width: 78.9em;
	clear: both;
	float: left;
	margin: 2em 4em 2em;
	padding-top: 2em;
	background: url(images/trenner.gif) center top no-repeat;
}

#footer {
	font-size: 1em;
	color: #222;
/*	text-align: center;*/
	text-align: left;
	padding-left: 4em;
	padding-bottom: 3em;
	padding-top: 1.5em;
	margin-top: 2em;
	background: url(images/trenner.gif) center top no-repeat;
	clear: both;
	height: 3em;
}

/*****************
Navigation
*****************/
#nav div.n1 {
	border-left: 1px dotted #fff;
	padding-left: 1.5em;
	margin-right: 2.5em;
	float: left;
	line-height: 1.8em;
	height: 12em;
}
#nav span.n1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #222;
}
#nav ul.n2 {
	margin-top: 2px;
}
#nav ul.n2 a {
	font-size: 1.2em;
	font-weight: normal;
	color: #222;
}
#nav a:hover, #nav ul a:hover, #nav li.act a {
	color: #fff;
}

/*****************
2 columns
*****************/
.c2 {
	margin: 2em 0 0 4em;
	float: left;
}
.c2 h1, #news h1 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #cad121;
	margin-bottom: 1em;
}
.c2left, .c2middle, .c2right {
	float: left;
	width: 24em;
	margin-right: 3em;
}
.c2right {
	margin: 0;
}
.c2 p, #news .news-latest-item {
	font-size: 1.1em;
}
.c2 p a, #news .news-latest-item a {
	color: #cad121;
	text-decoration: underline;
}
.c2 p a:hover, #news .news-latest-item a:hover {
	color: #222;
}

#news .news-latest-item h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #cad121;
	text-transform: none;
	margin-bottom: 0;
}
#news .news-latest-item h1 a {
	text-decoration: none;
}
#news .news-latest-item {
	margin-bottom: 2em;
}

/* Tweets */
#news .wttwitter_feed {
	color: #222;
	font-size: 1.1em;
	width: 21em;
}
#news .wttwitter_feed li {
	margin-bottom: 2em;
}
#news .wttwitter_feed .twitter_date {
	font-weight: bold;
}
#news .wttwitter_feed li a {
	color: #cad121;
	text-decoration: underline;
	word-break: break-word;
}
#news .wttwitter_feed li a:hover {
	color: #222;
}


/*****************
3 columns
*****************/
.c3 {
	margin: 2em 4em;
	float: left;
}
.c3 h1 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #cad121;
	margin-bottom: 1em;
}
.c3left, .c3middle, .c3right {
	float: left;
	width: 24em;
	margin-right: 3em;
}
.c3right {
	margin: 0;
}
.c3 p {
	font-size: 1.1em;
}
.c3 p a {
	color: #cad121;
	text-decoration: underline;
}
.c3 p a:hover {
	color: #222;
}

/*****************
Projekte und Kunden
*****************/
#additional .csc-header h1 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #cad121;
	margin-bottom: 1em;
}
#additional .news-latest-item {
	width: 38em;
	float: left;
	font-size: 10px;
	padding-right: 1em;
}
#additional .news-latest-item img {
	padding: 3px;
	border: 1px solid #e6e8a3;
	float: left;
	margin: 0 1em 0 0;
}
#additional .news-latest-item h1 {
	margin-bottom: 1em;
	font-size: 1em;
}
#additional .news-latest-item h1 a {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #cad121;
}
#additional .news-latest-item p {
	font-size: 1.1em;
}
#additional .news-latest-item .news-latest-morelink a {
	color: #cad121;
	text-decoration: underline;
}
#additional .news-latest-item a:hover {
	color: #222;
}


#footer a {
	color: #cad121;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .copy {
	float: left;
	width: 400px;
}
#footer .blog {
	float: right;
	width: 180px;
}
#footer .ms {
	float: right;
	width: 80px;
	margin-right: 4em;
	margin-left: 4em;
}

#links {
	clear: both;
	background: none;
	width: 86.9em;
	background: none;
	margin: 1em auto 3em;
	text-align: center;
}

#links a {
	color: #000;
	font-size: 1em;
}
#links a:hover {
	text-decoration: underline;
}