body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
}

/* HEADER */

.header01 {
	background-image: url(../images/common/header01.gif);
	background-repeat: repeat-x;
}
.header02 {
	background-image: url(../images/common/header02.gif);
	background-repeat: repeat-x;
}
.headerseparator {
	background-image: url(../images/common/separator.gif);
	background-repeat: no-repeat;
}

.grayfont {
	color: #C0C0C0;
	margin-right: 5px;
	margin-left: 5px;
}
.naviback {
	padding-top: 30px;
}


/* Navigation all */
a:link {
	
	font-size: 12px;
	color: #003399;
	text-decoration:none;
}
		
a:active {
	
	font-size: 12px;
	color: #003399;
	text-decoration:none;
}
  
a:visited {
	
	font-size: 12px;
	color: #003399;
	text-decoration:none;
}

a:hover {
	
	font-size: 12px;
	color: #EE5F00;
	text-decoration:underline;
}

/* White links  */

a:link.whitelink {
	
	color: #ffffff;
	text-decoration:underline;
}
		
a:active.whitelink {
	color: #ffffff;
	text-decoration:underline;
}
  
a:visited.whitelink {
	color: #ffffff;
	text-decoration:underline;
}

a:hover.whitelink {
	color: #ffffff;
	text-decoration:underline;
}



/* NAVIGATION EBENE 1 */

a:link.navigation {
	
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	text-decoration:none;
}
		
a:active.navigation {
	
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	text-decoration:none;
}
  
a:visited.navigation {
	
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	text-decoration:none;
}

a:hover.navigation {
	
	font-size: 13px;
	font-weight: bold;
	color: #EE5F00;
	text-decoration:underline;
}

/* NAVIGATION EBENE 2 */

a:link.navigationactiv {
	
	font-size: 13px;
	font-weight: bold;
	color: #EE5F00;
	text-decoration:none;
}
		
a:active.navigationactiv {
	
	font-size: 13px;
	font-weight: bold;
	color: #EE5F00;
	text-decoration:none;
}
  
a:visited.navigationactiv {
	
	font-size: 13px;
	font-weight: bold;
	color: #EE5F00;
	text-decoration:none;
}

a:hover.navigationactiv {
	
	font-size: 13px;
	font-weight: bold;
	color: #EE5F00;
	text-decoration:underline;
}

/* blauteaser 180px */
.blauteaser180 {
	width:180px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:  url("../images/boxes/blau180.gif") bottom left no-repeat;
}
.blauteaser180 h1 {
	
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:7px 7px 3px 7px;
	text-transform: uppercase;
	background:  url("../images/boxes/blau180.gif") top left no-repeat;
	letter-spacing: 1px;
	color: #333333;
}
.blauteaser180 p {
	margin:0;
	padding:0 7px 3px;
	border:1px solid #027CFB;
	border-width:0 1px;
	background:#fff;
}

/* magentateaser 180px */
.magentateaser180 {
	width:180px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:  url("../images/boxes/magenta180.gif") bottom left no-repeat;
}
.magentateaser180 h3 {
	
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:7px 7px 3px 7px;
	text-transform: uppercase;
	background:  url("../images/boxes/magenta180.gif") top left no-repeat;
	letter-spacing: 1px;
	color: #333333;
}
.magentateaser180 p {
	margin:0;
	padding:0 7px 3px;
	border:1px solid #DE2159;
	border-width:0 1px;
	background:#fff;
}

/* grauteaser 180px */
.grauteaser180 {
	width:180px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:  url("../images/boxes/grau180.gif") bottom left no-repeat;
}
.grauteaser180 h3 {	
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:7px 7px 3px 7px;
	text-transform: uppercase;
	background:  url("../images/boxes/grau180.gif") top left no-repeat;
	letter-spacing: 1px;
	color: #333333;
}
.grauteaser180 p {
	margin:0;
	padding:0 7px 3px;
	border:1px solid #C0C0C0;
	border-width:0 1px;
	background:#fff;
}


/* grauteaser 380px */
.grauteaser380 {
	width:380px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:  url("../images/boxes/grau380.gif") bottom left no-repeat;
}
.grauteaser380 h2 {	
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding:15px 7px 3px;
	text-transform: uppercase;
	background:  url("../images/boxes/grau380.gif") top left no-repeat;
	letter-spacing: 1px;
	color: #333333;
}
.grauteaser380 p {
	margin:0;
	padding:0 7px 3px;
	line-height: 1.5;
	border:1px solid #C0C0C0;
	border-width:0 1px;
	background:#fff;
	vertical-align: text-bottom;
}

/* grauteaser 580px */
.grauteaser580 {
	width:580px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:  url("../images/boxes/grau580.gif") bottom left no-repeat;
}
.grauteaser580 h3 {	
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:7px 7px 3px 7px;
	text-transform: uppercase;
	background:  url("../images/boxes/grau580.gif") top left no-repeat;
	letter-spacing: 1px;
	color: #333333;
}
.grauteaser580 p {
	margin:0;
	padding:0 7px 3px;
	border:1px solid #C0C0C0;
	border-width:0 1px;
	background:#fff;
}


.titelversalgrau{
	font-size: 12px;
	font-weight: bold;
	margin:0;
	letter-spacing: 1px;
	color: #333333;
	text-transform: uppercase;
}


/* BOX DIVERSES */
.liniert {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B9BDC0;
	background-color: #FFFFFF;
	padding-bottom: 4px;
	padding-top: 4px;
}


.distancetopdown4 {
	padding-bottom: 2px;
	padding-top: 7px;
}.commentfrom {
	font-size: 10px;
	color: #333333;
}

.imageborder {
	border: 1px solid #B9BDC0;
}


/* Star Poll */

.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/common/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/common/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}.layerbox {
	border: 1px solid AAAAAA;
}
.magenta {
	color: #DE2159;
}