@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
	*/

	* { margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}

	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemanticsco.uk/tutorials/useful_css_snippets/]
	*/

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% }	
	body {
		min-height: 101%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		position: relative;

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #303030;
		background: white;
		text-align: left;
		margin: 0;
		padding:0;
		font-family: verdana, helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.5;
	}
	
	h1 {
		font-size: 12px;
		/*color: #0a0a96;*/
		color: black;
	}
	
	.csc-firstHeader {
		margin-bottom: 4px;
	}
	
	h2{
		font-size: 11px;
		/*color: #0a0a96;*/
		color:black;
	}
	h3 {
		font-size: 11px;
/*		color: #0a0a96;*/
color:black;
		margin-top: 4px;
		margin-bottom: 3px;
	}
	
	p {
		line-height: 1.5;
	}

	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
	select, input, textarea { font-size: 99% }

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

/*
div#grauerbalken {

	background-color: #d0d0d0;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 140px;
	height: 425px;
	z-index: 0;

}
*/

div#grauerbalken {
	
	margin: 0 0 0 975px;
	width: 20%;

}
div#grauerbalken .gbbottom {
	background-color: #d0d0d0;
	height: 425px;
}

div#grauerbalken .gbtop {
	height:74px;
}


.topnaviwrapper,.clearer {
  clear:both;
	width: 100%;
}


.topnaviwrapper {
	background-color: white;
}

/*########################
*#  VERLAUF
*##########################*/

.verlauf {
	position:relative;
	left: 282px;
	top: 28px;
	font-size: 11px;
	color: #555555;
	width: 595px;
}

div.verlauf a {
	text-decoration:none;
}
div.verlauf span.cur {
	padding: 0 3px;
}

div.verlauf a:link {
color: #555555;
}
div.verlauf a:visited {
color: #555555;
}
div.verlauf a:hover {
color: #F00808;

}
div.verlauf a:active {
color: #F00808;
}
.verlaufwrapper {
  clear:both;
  height: 35px;
}
/**##########################
*# Mittlerer Bereich
*############################*/

.columnswrapper,.footerwrapper {
  clear:both;
  margin:0;
  padding:0;
  	
 
 
}

.footerwrapper {
	
	bottom: 0px;
	position: fixed;
}


.leftcolwrapper {
  /* col 1 */
  float:left;
	background-color: #d0d0d0;
	width:280px;
	height: 500px;
		
}

.logowrapper{

	background-color: white;
	width: 100%;
	height: 75px;
		
}
.logowrapper img {
	display: block;
	position:relative;
	top: 7px;
	left: 7px;
}

.wuerfelwrapper {
	
	position: relative;
	top: 200px;
	left:30px;
		
}

.contentwrapper {
  /* col 2 */
 
  margin-left:280px;
  padding:0px;
  	
	
}


.content {
	width: 689px;
	background-color: white;
	min-height: 600px;
  	height: auto !important;
	height: 600px;
	padding: 0;
	
}



.mainwrapper {
  	
	width: 100%;
	
	background-color: white;
}	



.footerwrapper { clear:both; }	/* Backup für IE-Clearing */
	
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   height: auto !important;
   	
   }

DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;

  
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
    
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
  
  
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;  
   
   }
DIV.shadow5 {
   float: left;
   background-color: #f3f3f3;
  
   margin: 10px -2px 10px -2px;
   }
  
/* Hack for IE */
* html .contentwrap {
	width: 689px;
}
	 
DIV.shadow5 div.contentwrap {
   border: 0px solid #666;
   margin: -3px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   padding: 0px;
   
   background-color: white;

   }


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearer:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearer { display: block; }


/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns {
		
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow-x:hidden;
		overflow-y:visible;
	}

	.c16l,.c25l,.c50l, .c16l,.c25l, .c33l, .c38l, .c66l, .c75l, .c62l,.subcloben-single-66l {float: left; overflow-x:hidden;overflow-y:visible;}
	.c25r,.c50r, .c16r,.c25r, .c33r, .c38r, .c66r, .c75r, .c62r,.c84r,.subcroben-single-33r {float: right; overflow-x:hidden;overflow-y:visible;}
	.c16l { width: 15.999%;}
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r,.subcroben-single-33r { width: 33.0%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r,.subcloben-single-66l { width: 66.999%; }
	.c75l, .c75r { width: 74.999%; }
	.c84r { width: 83.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

	.subc  { padding: 25px 25px 0 25px; clear:both;  }
	.subcl { padding: 0px 25px 10000px 25px; margin: 25px 0 -10000px 0;   }
	.subcr { padding: 0px 25px 10000px 25px; margin: 25px 0 -10000px 0;  border-left: 1px dotted #555555; }
	
	
	.subcloben { 
		margin:0;
		padding: 0;
		overflow: hidden !important;
		border-right: 1px solid white;
		background-color: #FF0000;
		color: white;
		
		height: 240px;
	}
	.subcroben { 
		margin:0;
		padding: 0;
		overflow: hidden;
		background-color: #FF0000;
		color: white;
		
		height: 240px;
	}

	/*

	.c66l {

		min-height: 600px;
  	height: auto !important;
		height: 600px;
		overflow-x: hidden;
   

                
	}
	.c33r {
		
		min-height: 600px;
	  height: auto !important;
		height: 600px;
		overflow-x: hidden;
		
	
	}
	*/
	.c66l {


		overflow: hidden;
   

                
	}
	.c33r {
		

		overflow: hidden;
		
	
	}
	
	
/*############################
# MENÜ im subtemplate (roter bereich)
#############################*/
.subcroben ul li {
	list-style-type: none;
	color: white;
	font-size: 10px;
}

.subcroben ul li.aktiv a {
	font-weight: bold;
	
}

.subcroben a:link {
	text-decoration:none;
	color: white;
	font-size: 10px;
}
.subcroben a:visited {
	text-decoration:none;
	color: white;
	font-size: 10px;
}
.subcroben a:hover {
	text-decoration:underline;
	color: white;
	font-size: 10px;

}
.subcroben a:active {
	text-decoration:underline;
	color: white;
	font-size: 10px;
}

.subcroben h1 {
	color: white;
	margin-top: 25px;
	margin-left: 35px;
	font-size: 11px;
}

.subcroben h2 {
	color: white;
	font-family: helvetica,sans-serif;
	margin-top: 180px;
	margin-left: 15px;
	font-size: 28px;
	line-height: 1.0;
	letter-spacing: 0.6;
}

.subcroben div.gHeadWrap {
	position:relative;
	top: 170px;
	left: 10px;
}

/*#################################*/

	.foot a:link {
		text-decoration: none;
		color: #0a0a96;
	}
		.foot a:visited {
		text-decoration: none;
		color: #0a0a96;
	}
		.foot a:hover {
		text-decoration: underline;
		color: #c41c1c;
	}
		.foot a:active {
		text-decoration: underline;
		color: #c41c1c;
	}
	
	.f-item-act a:link {
		color: #c41c1c;
	}
	.f-item-act a:visited {
		color: #c41c1c;
	}
	
	
	span.copy {
		margin-right: 6px;
	}
	
	.mailform_table td {
		padding: 2px 0px;
	}
	.mf_regular, .mf_textarea {
		background-color: #fbfbfb;
		color: #0a0a96;
		border: 1px solid #0a0a96;
		padding: 2px;
	}
	.mf_regular {
		width: 297px;
	}
	/**********
	RTE FORMATE
	***********/
	
.blau, span.blau {
	color:#0a0a96;
}
.rot , span.rot{
	color: #c41c1c;
}

.ctc_top {
	vertical-align:top;
}
.ctc_middle {
	vertical-align: middle;
}
.ctc_bottom {
	vertical-align: bottom;
}

.ct_rahmen_schwarz {
	border: 1px solid black;
}
.ct_rahmen_blau {
	border: 1px solid #0a0a96;
}

/*
.csc-textpic a div.hoverbox
{
	display: none;
	
	z-index: 1000;
}
.csc-textpic a:hover div.hoverbox
{
	display: block;
	
	z-index: 1000;
}
*/


/*###########
* PrintLink
* ########### */

div.bottomline {
	z-index: 1000;
	border-top: 1px dotted #555555;
	margin: 20px 25px 0px 25px;
}
div.bottomline ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
div.bottomline ul {

	margin: 6px 0px 0px 0px;
	padding: 0px;
}

/*#######
*# Copyright
##################*/
div.copyright {

	position: relative;
	top: -18px;
	left: 543px;
	width: 100px;
	color: #C6C6C8;
	padding: 0;
	margin-top: 0;
	margin-right: 3px;
}

/*################## 
# IMAGE
#####################################*/
div.csc-textpic-imagewrap {
	margin: 0 !important;
	padding: 0;
}


/*####################
# PRODUKT UNTERLINKS
###########################*/

div.subcr h1.csc-firstHeader {
	margin: 0;
	margin-left: 15px;
}

div.subcr h1
{
	margin-left: 15px;
}

div.subcr h1 a:link {
	color: #0a0a96;
	text-decoration: none;
	font-size: 10px;
}

div.subcr h1 a:visited {
	color: #0a0a96;
	text-decoration: none;
	font-size: 10px;
}
div.subcr h1 a:hover {
	color: #FF0000;
	text-decoration: none;
	font-size: 10px;
}
div.subcr h1 a:active {
	color: #FF0000;
	text-decoration: none;
	font-size: 10px;
}

div.subcr ul.csc-menu li {
	/*list-style-image: url(../images/avistabox.gif);*/
	list-style-type: none;
	font-weight: bold;
}

div.subcr ul.csc-menu li a:link {
	color:  #0a0a96;
	text-decoration: none;
	font-size: 10px;
}
div.subcr ul.csc-menu li a:visited {
	color:  #0a0a96;
	text-decoration: none;
	font-size: 10px;
}
div.subcr ul.csc-menu li a:hover {
	color:  #FF0000;
	text-decoration: none;
	font-size: 10px;
}
div.subcr ul.csc-menu li a:active {
	color:  #FF0000;
	text-decoration: none;
	font-size: 10px;
}
/*
div.spacer {
	width: 1px;

	background: url(../images/dottedline.gif) repeat-y;
}
*/


}