/********** Basics **********/
body {
	background: #E1E1E8;
  	color: #061843;
  	margin: 0; 
	padding: 0;
}

/********** Textauszeichnungen **********/

html, body, h3, h4, div, dl, ul, ol, li, dd, input, textarea, caption, legend {
	font: normal 100% Verdana, Helvetica, Tahoma, Arial, sans-serif; 
}

p {	
	padding: 0;
	margin: 0;			
	font: normal 0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

h1 {
	font: bold 1em Verdana, Helvetica, Tahoma, Arial, sans-serif; 
}

h2 {
	font: normal bold  0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
	margin:5px 0;
	padding: 0;
}

h3 {
	font: normal bold  0.7em Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

#content-index h3 {
	font: normal bold  0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

a:link, a:visited  { 
	text-decoration: none;     
	color: #061843 
}

a:active, a:hover, a:focus {
	text-decoration: none;    
	color: #8D94B5 
}

img {
	border: 0;
}

.clear {
	clear: both
}

#content ul li {
	list-style: url(images/icon_caption02.gif);
	margin: 0;
	padding:0 0 3px 0;
	font: normal normal 0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

#content-index ul li {
	list-style: url(images/icon_caption02.gif);
	margin: 0;
	padding:0 0 3px 0;
	font: normal normal 0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
}
/********** Wrapper **********/

#wrapper {
	width: 788px;
	padding: 5px 15px 10px 15px;
	margin: 20px auto 10px auto;	
	border: 1px solid #061843;
	background: #fff;
}

/********** Header + Breadcrumb **********/

#breadcrumb {
	font: normal 0.55em Verdana, Helvetica, Tahoma, Arial, sans-serif;
	text-align: right
}

#breadcrumb a.active{
	color: #8D94B5  
}

#header {
	margin: 5px 0;
	padding: 0;
}

/********** TopNavi **********/

#topnavi {
	margin: 0;
	padding: 2px 0;
}

#topnavi ul {
	margin: 0; 
  	padding: 0;
	list-style: none;
}

#topnavi ul li {
  	margin: 0; 
  	padding: 0;
    list-style: none;
	display: inline;
	float: left;	
}

#topnavi ul li a {
	font: bold 0.7em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 2px solid #061843	
}

#topnavi a.active{
	color: #8D94B5  
}

.line {
	border-bottom: 1px solid #E1E1E8;
	margin: 2px 0;
	padding: 0 0 2px 0;
	clear: both;
}

/********** Subnavi **********/

#subnavi {
	margin: 0;
	padding: 1px 0;	
}

#subnavi ul {
	margin: 0; 
  	padding: 0;
  	width: 100%;
}

#subnavi ul li {
  	margin: 0; 
  	padding: 0;
    	list-style: none;
	display: inline;
	float: left;
}	

#subnavi ul li a {
	font: normal 0.7em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #061843	
}


#subnavi a.active {
	font: bold 0.7em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	color: #8D94B5  
}
/********** Subsubnavi **********/
#columthree {
	float:left;
	width: 192px;
}

#subsubnavi {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #E1E1E8;
}


#subsubnavi h2 {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #E1E1E8;
}

#subsubnavi ul {
	margin: 0; 
  	padding: 0;
}

#subsubnavi ul li {
  	margin: 3px 0; 
  	padding: 0;
   list-style: none;
	list-style-image: none;
}

#subsubnavi ul li a {
	font: normal 0.85em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	margin: 0 ;
	padding: 0 ;
}

#subsubnavi a.active {
	font: bold 0.85em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	color: #8D94B5  
}

*html #subsubnavi ul li {
	list-style: url(image/icon_caption02.gif);
}
/********** Content **********/
#content-index {
	margin: 0;
	padding:  0;
	clear: both;
}

#content {
	margin: 20px 0;
	padding: 10px 0;
	clear: both
}

#column-left{
	margin:0 10px 0 0;
	padding:0;
	width: 380px;
	float:left;
}

#column-right{
	margin:0 0 0 10px;
	width: 380px;
	padding:0;
	float:left;
}

#column-sixty{
	margin:0 10px 0 0;
	padding:0;
	width: 480px;
	float:left;
}

#column-forty{
	margin:0 0 0 10px;
	width: 285px;
	padding:0;
	float:left;
}

#referenzcolumn-left {
	width: 300px;
	margin:0;
	float: left;
}

#referenzcolumn-right {
	width: 225px;
	float: left;
	margin: 0 15px;
	padding: 0;
}

#referenzcolumn-right ul li{
	list-style: url(images/icon_caption02.gif);
	padding:0;
	margin: 5px;
	font: normal 0.9em Verdana, Helvetica, Tahoma, Arial, sans-serif;		
}

*html #referenzcolumn-right ul li{
	margin: 10px;
}

#referenzcolumn-right h1 {
	font: normal bold 0.9em Verdana, Helvetica, Tahoma, Arial, sans-serif;		
}

#referenzcolumn-right p {
	font: normal 0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;		
}

#newreference {
	width: 550px;
	margin:0;
	float: left;
}


/********** Footer **********/

#footer {
	width: 820px;
	padding: 0;
	margin: 0 auto;	
	font: normal 0.55em Verdana, Helvetica, Tahoma, Arial, sans-serif;	
	text-align: center
}

.csc-textpic-caption {
	font: italic normal 0.7em Verdana, Helvetica, Tahoma, Arial, sans-serif;
	padding:2px 0 1px 20px;
	background: url(images/icon_caption.gif) no-repeat;
}

/********* csc-uploads *********/
.csc-uploads {
	padding: 5px;
	font-size: 0.85em;
}

/********** tech-table **********/
#tech {
	background: #E1E1E8;
}

#header {
	font: normal bold  1.2em Verdana, Helvetica, Tahoma, Arial, sans-serif;
	padding-top:15pt;
	padding-bottom:10pt;
	text-align:center;	
}

#category {
	font: normal bold  0.8em Verdana, Helvetica, Tahoma, Arial, sans-serif;
	padding-left: 10px;
}

#section {
	font-size:80%;
	padding-left: 20px;
	padding-bottom: 10px;
}

#section ul, ul.listnavi {
	margin: 0; 
  	padding: 0;
	list-style-image: none;
	list-style: none;
}

#section ul li, ul.listnavi li { 
	margin: 5px 0; 
  	padding: 0;
   list-style-image: none; 
	list-style: none;
}

/********** tech-table **********/
#entry{
	background: #E1E1E8;
}

#columthree ul, ul.listnavi {
	list-style-image: none;
	list-style: none;
}