html { 
	margin: 0px;
	padding: 0px;
	}
	
body {
	font-family: "Trebuchet MS", verdana, arial, serif;
	background: white url(template_2.gif) repeat-y center top;
	background: white;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: black;
	line-height: 1.85em;}

p{
	height: auto;
	line-height: 1.85em;
	margin: 0px;
	padding: 0px;
	
	/*
	position: relative;
	top: 25px;padding-bottom: 40px;
	*/
}
b {
	font-size: 11px;
	/*color: #A8B400;*/
	font-weight: bold;
	}

form {
	padding: 0px;
	margin: 0px;
}

td {
	line-height: 1.85em;
}

img{border:0px;}

h1, h2, h3 {
	font-family: "Trebuchet MS", verdana, arial,  serif;
	font-size: 11px;
	font-weight: bold;
	}

h1 {
	line-height: 0.78em;
	font-size: 15px;
	color: #999999;
	font-weight: normal;
	/*text-transform: uppercase;*/
	margin: 0px;
	padding-bottom: 5px;
}

h2 {
	line-height: 1.9em;
	font-size: 11px;
	color: #A8B400;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 11px;
	color: black;
	font-weight: bold;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.csc-header {
	min-height: 20px;
	/*background: #F7F7F7;*/
	padding-top: 10px;
	padding-bottom: 5px;display: block;
}
/*///////////////////// LINKS ///////////////////////////*/

a {
	color: #A8B400;
	font-weight: bold;
	text-decoration: underlined;
}

a:hover {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.spacer_horizontal{
	width:10px;
	float: left;
}


/* FARBDEFINITIONEN */

/* Seitencontainer */
#site {
	margin: auto;
	padding: auto;
	width: 760px;	
	height: auto;
	float: none;
	overflow: hidden;
}

/*///////////////// HEADERBEREICH ///////////////////////////*/
/*header_start*/
#header_start {
	width: 760px;
	height: 180px;
	background: #F7F7F7;
	/*background: url(header_start_bg.jpg);*/
	float: left;
}
/*header_alle anderen seitent*/
#header {
	width: 760pxx;
	height: 100px;
	background: #F7F7F7;
	/*background: url(header_bg.gif);*/
	float: left;
	}

#quicknav {
	display: none;
}
#quicknav a {
	padding-left: 0px;
	float: left;
}
/* Newsletter Inputbereich innerhalb der Quicknav */
#newsletter {
	background: url(input_220_bg.gif) no-repeat;
	width: 220px;
	height: 30px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	display: inline;
	visibility: hidden;
}
#newsletter img {
	/*padding-right: 10px;*/
	padding-top: 6px;
}
#newsletter a{
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	display: inline;
}
#newsletter input {
	width: 90px;
}

/* Logo */
#logo {
	width: 220px;
	height: 110px;
	float: right;
}



/* MENÜ*/
#mainnav{
	width: 861px;
	height: 20px;
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
#mainnav a {
	float: left;
	padding-left: 1px;
} 

/* subnavigation_welche onmouseover eingeblendet wird */
#subnav_layer{
	width: 870px;
	height: auto;
	padding-left: 10px;
	padding: 0px;
	/*display: block;*/
	/*background: #A8B400;*/
	float:right;
}
#subnav_layer_left, #subnav_layer_right {
	width: 5px;
	height: auto;
	float: left;
}
#subnav_layer_left  {padding-left: 10px;display: none;}
#subnav_layer_right  {padding-right: 10px;float: right;display: none;}

/* ABSTÄNDE ZWISCHEN DEN MENÜPUNKTEN */
#subnav_layer a{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 1px;background: #A8B400;
}
#subnavcontainer {
	width: 210px;
	height: auto;
	float: left;
	margin-top: -25px;
}
#subnav {
	display:none;
}
#subnav_top, #subnav_bottom  {
	display: none;
}

/*///////////////////////// CONTENTBEREICH ///////////////////////*/
#start #contentcontainer {
	height: auto;
	width: 760px;
	float: right;
}


#contentcontainer {
	height: auto;
	width: 760px;
	float: right;
}




/***********************************************************/
/* Content Layout Definitionen									  */
/**********************************************************/


/* Wrap Layer für Contentlayout 1: 1 Spalten a 660pixel + Spaltendefinitionen für Layout */
#layout1{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	padding-top:0px;
	margin-top: 10px;
}

#layout1 #colLeft{
	width: 740px;
	min-height: 1px;
 	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
#layout1 #colLeft table{
	width: 100%;
}

/* Wrap Layer für Contentlayout 2_1: 2 Spalten, linke Spalte 220pixel, rechte Spalte 440pixel */
#layout2_1{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}
#layout2_1 #colLeft{
	width: 170px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#layout2_1 #colNormal{
	width: 550px;
	min-height: 1px;
	float: right;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
/* Wrap Layer für Contentlayout 2_2: 2 Spalten, linke Spalte 440pixel, rechte Spalte 220pixel */
#layout2_2{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}

#layout2_2 #colLeft{
	width: 550px;
	min-height: 1px;
	float: left;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;
}
#layout2_2 #colNormal{
	width: 170px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}


/* Wrap Layer für Contentlayout 2_3: 2 Spalten, linke Spalte 330pixel, rechte Spalte 330pixel */
#layout2_3{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}

#layout2_3 #colLeft{
	width: 360px;
	min-height: 1px;
	float: left;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;	
}
#layout2_3 #colNormal{
	width: 360px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}




/* Wrap Layer für Contentlayout 3: 3 Spalten a 220pixel + Spaltendefinitionen für Layout */
#layout3{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px;
}
#layout3 #colLeft, #layout3 #colNormal, #layout3 #colRight{
	width: 233px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	display: block;
}

/* Wrap Layer für Contentlayout 4: 4 Spalten a 220pixel + Spaltendefinitionen für Layout*/

#layout4{
	width: 760px;
	height: auto;
	float: right;
	padding-bottom: 5px;
	margin-top: 10px; 
	display: block;
}

#layout4 #colLeft, #layout4 #colNormal, #layout4 #colRight, #layout4 #colBorder{
	width: 170px;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	overflow: hidden;
}
#layout4 .imgtext-table {
	/*background:  url(teaser_bg.gif);
	padding: 10px;
	display: block;
	overflow: hidden;*/
	padding-top: 5px;
}
#layout4 img {
	
}
/***********************************************************/
/* Ende Content Layout Definitionen								  */
/**********************************************************/

/* DOWNLOAD PLUGIN */
.list_header{
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid black;
	font-weight: bold;
	background: white;
	margin-bottom: 5px;
}

.list table td {
	padding: 0px 10px 0px 10px
}
.list_dark{
	background:	#F7F7F7;
	border-bottom: 1px solid #CCCCCC;
	}

.list_light{
	background: white;
	border-bottom: 1px solid #CCCCCC;}
.csc-uploads-icon{
	width: 40px;
	text-align: center;
}
.list table, table.csc-uploads {
	margin-top: 0px;
	border-bottom: 10px solid #F7F7F7;
	width: 100%;
	height: auto;
	position: relative;
	top: 5px;
}

/*///////////////////////////////////////////*/
/*//////// FORMULARDARSTELLUNG //////////////*/
/*///////////////////////////////////////////*/
.form {width: auto;}
.form table{
	margin-top: 0px;
	width: 100%;
	text-align: left;
	border-bottom: 10px solid #F7F7F7;
	border-top: 1px solid #CCCCCC;
	}

.form table td{
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #CCCCCC;
	background:	#F7F7F7;
}

.form table td.form_header{
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid black;
	font-weight: bold;
	background: white;
}
		
.form table td.form_light{
	background: silver;
	border-bottom: 1px solid #CCCCCC;}

	
.form .img  {
	background: white;
	border: 0px;
	width: auto;
	height: auto;
}
.error  {
	width: auto;
	background-color: #A8B400;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	margin: 5px -5px 5px -5px;
	padding: 5px
}

input, textarea, select {
	font-family: verdana, arial;
	font-size: 10px;
	padding: 0px;
}
input {
	background: white;
	border: 1px solid #CCCCCC;
	color: black;
	width: 185px;
	height: auto;
	margin: 10px 10px 10px 0;
}
textarea {
	background: white;
	border: 1px solid #CCCCCC;
	color: black;
	width: 395px;
	height: auto;
	margin: 10px 10px 10px 0;
}







/* KLIENTEN UND ARBEITSPROBEN */


/*.list{}

.list a:hover {
	padding-left: 23px;
	background: url(arrow_right.gif) no-repeat left;
}

#dropdown {
	height: auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #99B7C2;
	border-top: 1px dotted #99B7C2;
}
#dropdown table {
	background: #D6E2E7;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#dropdown a {
	color:#D50A27;
	padding-left: 2px;
}
#dropdown a:hover{
	margin-left: 4px;
	padding-left: 21px;
	background: url(arrow_red_left.gif) no-repeat left;
}


#dropdown select {
	width:270px;
	height: 20px;
	color: #D50A27;
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", verdana, arial, serif;
}*/

/* ÜBERPRÜFEN; OB DIE KLASSEN NOCH GEBRAUCHT WERDEN */

.text-links {
	text-align: left;
	float: left;
}

.text-right {
	text-align: right;
	float:right;
	padding-right:10px;
}

.clear {clear:left;}
.clear {clear: both;}

/* ENDE DER ZU ÜBERPRÜFENDEN KLASSEN */


.clearer {
background: url(dot_line_blue.gif) repeat-x center;
height: 1px;
display: none;
}

/* Ausrichtung der Spalten */
.links {	float: left;clear:right;}
.rechts { float: right;}


/* TESTBEREICH */
#rubrik{
	width: auto;
	height: auto;
	padding-left:10px;
}






/*///////////////////////// NEWS ////////////////////////////

/* Übersicht 

.news-list-item{
	width: 210px;
	height: auto;
	margin-bottom: 20px;
	float: left;
	border-bottom: 1px solid #D6E2E7;
}

.news-list-item a{
	color:#D50A27;
	font-weight: bold;
}
	
.news-list-date{}
.news-list-item-image{
	width: auto;
	height: auto;
	float:left;
	margin-bottom: 10px;
	margin-top: 10px;

}
.news-list-item-image img {
	
	}
.news-list-item H1, .news-list-item H1 a {
	color:#004A66;
	font-weight: bold;
}
.news-list-item H1 a:hover {
	color:#D50A27;
	font-weight: bold;
	}
.news-list-morelink {
	color: #99B7C2;
	position: relative;
	top: -0px;
	display: block;
	text-align: left;
	clear:left;
	line-height: 20px;
}
.news-list-morelink a{
	color:#D50A27;
	
}
.news-list-morelink a:hover{
	padding-left: 20px;
	background: url(arrow_red_right.gif) no-repeat left 6px;
}


/* Detail 

.news-single-item {}

.news-single-item-image{
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;display: none;
}


.news-single-backlink{
	height: auto;
	width: auto;
	color: #99B7C2;
	float:left;	
	position: relative;
	top: 0px;
	display: block;
	clear:left;
	line-height: 20px;
	padding-top: 20px;
}
.news-single-backlink a{
	color:#D50A27;
	padding-left: 0px;	
}
.news-single-backlink a:hover{
	padding-left: 20px;
	background: url(arrow_red_left.gif) no-repeat left 6px;
}

*/






.news-list-category, .news-single-category {}




/*//////////////////// Kontaktformular/Inputfelder ////////////////*/

#buttons{
	width: 420px;
	height: auto;
	display: block;
	text-align: right;
	float: left;
	clear: left;
	padding-left: 10px;
	padding-right: 10px;
}


#notes {
	width: auto;
	height: auto;
	border: 1px solid #A8B400;
	padding: 5px;
}


/* MISC */



	
/*////////////////////////// footer ////////////////////////////*/
#footer	{
	margin:auto;
	width: 760px;
	height: auto;
	clear:both;
	color: black;
	border-top: 1px solid #F7F7F7;
	font-size: 10px;
	padding-top: 20px;
position: relative;
top: 50px;
	}

#footer a{
	color: #999999;
	font-weight: normal;
}
#footer a:hover{
	color: #A8B400;
	font-weight: normal;
}
#footernav {
	width: 640px;
	float: left;
	padding-left: 20px;
}
#footernav a{
display: none;
	}
	
#claim	{
	width: 220px;
	height: auto;
	float: right;
	}