/*
Main Style File for Studio B12 light Website
Büro zweigang Jürgen Pietschmann 6.12.2008
*/

body {
 margin: 0;
 padding: 0;
 background: #f7f7f7;	
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;  line-height: 17px;
 color: #000000;
}

/*-------------------------
 * disable FF 3 outline
 */
a:active,
a:focus {
  outline:none; 
}
a {
	text-decoration: none;
	color: #ff000c;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0px;
}

.clearer {
	clear: both;
}

#pageWrapper {
	width: 100%;
	background-image: url('../images/background.png');
	background-color: #bbbbbb; 
	
}
#mainNavigation {	width: 100%;	height: 29px;	background: transparent url('../images/metanav-bg.png') repeat-x left bottom;	}#footer {
	width: 100%;
	height: 30px;
}
.footerText {
	position:absolute;
	display: inline;
	margin: 9px 0 0 0;
	left: 30px; 
	padding-bottom: 5px;
	color: #FC2800;
}
.footerText a {
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #FC2800;
}
.copyRight {
	color: #FC2800;
}
.footerText a:hover {
	text-decoration: underline;
}

#colorGradient {
	position: absolute;
	margin-top: 50px;
	left: 929px;
}
#logo {
	position: relative;
	margin-top: 50px;
	margin-left: 30px;
}#quicknav {	background: transparent url('../images/nav-bg.png') left bottom;	height: 25px;	margin: 35px 0 35px 1px;	width: 1000px;}
#headerInfo {
	color: #ffffff;
	position:absolute;
	margin-top: 50px;
	left: 350px;
}

/*
	Three Columns Layout
*/
#colWrapper {
	margin-left: 33px;
	overflow: hidden;
}
#col_1, #col_2, #col_3 {
	float: left;
	width: 265px; 
	margin-right:2px;
	background-color: #ffffff;
	padding-bottom: 3000px;
	margin-bottom: -3000px;

}

#colWrapper .csc-header h1{
	font-size: 12px;
	color: #ce0000;
	margin: 17px 0 19px 7px;
	
}
#colWrapper .bodytext {
	padding: 0px 19px 0px 19px;
	color: #4d4d4d;
}

/*
 * Gfx Header
 * */
.graphicalContentHeader {
	margin-left: 8px;
	margin-top: 16px;
}
.graphicalSectionHeader {
	margin: 32px 0 2px 0px;
	
}
.graphicalHeader {	
	background-color: #fff;
	margin: 10px 0 0 34px;	padding: 5px 15px 5px 15px;	width: 768px;
}
.graphicalHeader img {	
	margin-left: 0px;
}
.gfxHeaderReferenz {
	margin-top: 2px;
}

.csc-textpic {
	margin-left: 36px;
}

.csc-frame {
	margin: 15px 0px 15px 34px;
	padding-bottom: 15px;
	width: 798px;	
}
.csc-frame-frame1 {
	background-color: #ffffff;
}
.csc-frame-frame1 .bodytext {
	color:#4D4D4D;
	padding: 0 19px 0 19px;
}
.csc-frame-frame2 {
	margin: 0 0 15px 34px;
	padding: 0 15px 15px 15px;
	width: 768px;
	color: #4d4d4d;
	background-color: #ffffff;
}

.csc-linkToTop {
	position: absolute;
	margin-left: 830px;
	margin-top: -100px; 
	width: 100px;
	height: 20px;
	background-image: url("../images/headline_bg.gif");
	background-repeat: no-repeat;
	background-position: 70px 0; 
	font-weight: bold;
}

#colWrapperOneCol {
	margin: 0px 0px 15px 34px;
	padding: 17px 15px 15px 5px;
	width: 767px;
	color: #4d4d4d;
	background-color: #ffffff;
}
#colWrapperOneCol p.bodytext {
	margin-left: 14px;
}
#content .csc-textpic-border img {
	background-image: url("../images/refBack.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding:  5px;
	border-color: transparent;
}
/*-------------------- METANAV --------------------*/#mainNavigation ul {	list-style-type: none;	margin: 0 0 0 10px;	padding: 0;	width: 600px;}#mainNavigation ul li {	display: inline;	float: left;}#mainNavigation ul li a {	color: #fff;	font: 12px/20px  Arial, Helvetica, sans-serif;	vertical-align: middle;	height: 23px;	padding: 7px 20px 7px 20px;	text-decoration: none;	width: auto;}#mainNavigation ul li a:hover {	background: #6a6a6a url(../images/topnav-bg.png) no-repeat bottom right;}#mainNavigation ul li.active a {	background: #6a6a6a url(../images/topnav-bg.png) no-repeat bottom right;}#quicknav a {	display: block;	float: left;	text-decoration: none;	text-indent: -9999px}a#bereiche {	background: transparent url(../images/bereiche.gif) no-repeat bottom right;	height: 25px;	width: 103px;}a#bereiche:hover {	background: transparent url(../images/bereiche-act.gif) no-repeat bottom right;}a#referenzen {	background: transparent url(../images/referenzen.gif) no-repeat bottom right;	height: 25px;	width: 137px;}a#referenzen:hover {	background: transparent url(../images/referenzen-act.gif) no-repeat bottom right;}a#kunden {	background: transparent url(../images/kunden.gif) no-repeat bottom right;	height: 25px;	width: 98px;}a#kunden:hover {	background: transparent url(../images/kunden-act.gif) no-repeat bottom right;}a#jobs {	background: transparent url(../images/jobs.gif) no-repeat bottom right;	height: 25px;	width: 70px;}a#jobs:hover {	background: transparent url(../images/jobs-act.gif) no-repeat bottom right;}