/* COLOR DEFINITIONS 
RR-Gelb #ffcc00 (alt: #efd518)
RCI-Grau #58585a
*/

/* hightlighted text */

.highlight {
	color: #ffcc00;
	background: inherit;
	font-weight: bold;
	}


/* Images */


img { 
	border:none;
	}  

img.left { 
	float: left;
	margin: 1em 2em 1em 0;
	}  
	
img.right { 
	float: right;
	margin: 1em 0em 1em 2em;
	} 	


div.bildzentriert {		
			color: inherit;
			background-color: inherit;
			margin: 0 auto 0; /* top, right-left, bottom */
			text-align: center;
			/* width: 300px; */
			padding-left: 5px;
			padding-right: 5px;
			/* border: 1px dashed #000; */
			}							

div.bildzentriertOhneBU {		
			color: inherit;
			background-color: inherit;
			margin: 2em auto 2em; /* top, right-left, bottom */
			text-align: center;
			/* width: 300px; */
			padding-left: 5px;
			padding-right: 5px;
			/* border: 1px dashed #000; */
			}							


.centerit {
text-align: center;
}			
			
div.bu200, div.bu250, div.bu300, div.bu500	{
			color: #000;
			background-color: #ffcc00;
			margin: 0 auto 2em;
			text-align: center;
			padding: 5px;
			/* border: 1px solid black; */
			font-family: Arial,Helvetica,sans-serif;
			font-size: 0.8em;						
			}

div.bu200 {
			width: 190px;
			}

div.bu250 {
			width: 240px;
			}

div.bu300 {
			width: 290px;
			}

div.bu500 {
			width: 490px;
			}



/* Images in line */

ul.imagerow2, ul.imagerow3, ul.imagerow4 {
	margin: 2em 0em 3em 0em;
	padding: 0;
	list-style-type: none;
	clear: both;
	}


ul.imagerow2 li p {
	text-align: center;
	}

ul.imagerow3 li p {
	text-align: center;
	}

ul.imagerow4 li p {
	text-align: center;
	}


/* 2 fine images */
	
ul.imagerow2 li {
	float: left;
	width: 46%;
	margin: 0 1%;
	padding: 0 1%;
	}

/* 3 fine images */
	
ul.imagerow3 li {
	float: left;
	/* width: 250px; */
  width: 28%;
	margin: 0 1%;
	padding: 0 1%;
	}

/* 4 fine images */
	
ul.imagerow4 li {
	float: left;
	/* width: 250px; */
  width: 19%;
	margin: 0 1%;
	padding: 0 1%;
	}



	
/* breaking the flow behind ul's for images */

hr.clearing
 {
  clear: both;
  visibility: hidden;
 }


/* image next to text (column) - Kontakt */

.imagenexttotext {
 color: inherit;
 background-color: inherit;
 float: left;
 width: 100px;
 margin: 0 0 0 0; 
 padding: 0 0 0 0;
 }
 
.textnexttoimage {
 color: inherit;
 background-color: inherit;
 width: 350px;
 margin-left: 120px;
 margin-bottom: 1em;
 padding: 0 1em 0 1em;
  }

.imagenexttotext150 {
 color: inherit;
 background-color: inherit;
 float: left;
 width: 150px;
 margin: 0 0 0 0; 
 padding: 0 0 0 0;
 }
 
.textnexttoimage150 {
 color: inherit;
 background-color: inherit;
 width: 350px;
 margin-left: 170px;
 margin-bottom: 1em;
 padding: 0 1em 0 1em;
  }

.textnexttoimage h2 {
 margin-bottom: 1em;
 padding: 0;
 }


/* image next to text (column) - Themenfelder */

.imagenexttotextThemen {
 color: inherit;
 background-color: inherit;
 float: left;
 width: 200px;
 margin: 0 0 0 0; 
 padding: 0 0 0 0;
 }
 
.textnexttoimageThemen {
 color: inherit;
 background-color: inherit;
 margin-left: 220px;
 margin-bottom: 1em;
 padding: 0 1em 0 1em;
  }

.textnexttoimage h2 {
 margin-bottom: 1em;
 padding: 0;
 }

/* Q&A (Themenfelder) */

.faqFrage {
	color: #000;
	background: #ffcc00 url(fragezeichen.png) no-repeat top left;
	/* border: 1px solid black; */
	padding: 0.5em 0.5em 0.5em 75px;
	margin: 0.5em 0 0.5em 0;	
	}

.faqAntwort {
	color: #000;
	background: #eee url(ausrufezeichen.png) no-repeat top left;
	/* border: 1px solid black; */
	padding: 0.5em 0.5em 0.5em 75px;
	margin: 0.5em 0 1.5em 0;	
	}



/* HTML STANDARDS */

body {
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	color: #000;
	}

a {
	color: #000;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;	
	background-color: #ffcc00;
	}
	
form {
	margin: 0 0 5px 0;
	padding: 0; 
	}
	
input {
	font-size: 0.9em; 
	color: #000; 
	background-color: #ffcc00; 
	padding: 2px;
	margin: 0;
	border: 1px solid #999999;
	}


/* input {font-size: 1.5em; line-height: 1.2em; margin: 0 0 0.5em 0; font-weight: bold; color: #000;}*/

h1 {font-size: 1.5em; line-height: 1.2em; margin: 1.5em 0 0.5em 0; font-weight: bold; color: #58585a;}
h2 {font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin: 0.7em 0 0.1em 0; color: #000;}
h3 {font-size: 1em; line-height: 1.2em; font-weight: bold; margin: 1em 0 0.7em 0; color: #58585a;}
h4 {font-size: 1em; line-height: 1.2em; font-weight: normal; margin: 1.2em 0 0.3em 0; color: #000;}


/* PAGE LAYOUT */


/* 
body {
		background: url(/html_rr/images/design/rr/risiko_raus_logo_3d.png);
		background-position: top-left;
		background-repeat: no-repeat;		
		}
 */
 
#pageContainer { /* PAGE CENTERED */
	background: #fff;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0px 0px 0px;
	text-align: left;
	}
	
#header { /* TOP SECTION OF PAGE */
	height: 80px;
	padding: 0;
	border-top: 2px solid #58585a;
	border-bottom: 2px solid #58585a;
	background: url(/html_rr/images/design/rr/header_back-3.jpg);
	background-repeat: no-repeat;
	}

#header img {
	position: relative; top:10px; left: 10px;
	}
	
#headerFunctions {  /* TEXT LINKS IN TOP SECTION OF PAGE */
	position: relative; top: 60px;
	padding: 0;
	margin: 0 10px 0 0;
	text-align: right;
	font-size: 0.9em;
	color: #fff;
	}
#headerFunctions a {
	text-decoration: none;
	color: #fff;
	}
#headerFunctions a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#contentContainer { /* CONTAINS THREE COLUMNS */
	background: #fff;
	/* min-height: 600px; */
	}

#leftContainer { /* LEFT COLUMN */
	width: 160px;
	padding: 10px 0 0 0;
	margin: 0px;
	float:left;
	}
	
#leftContainer h1, #rightContainer h1 {
	font-size: 11px; 
	line-height: 13px;
	color: #000; 
	font-weight: bold; 
	padding: 0;
	margin: 0 0 5px 0;
	}	
	
#leftContainer h2, #rightContainer h2 {
	font-size: 11px; 
	line-height: 13px;
	color: #666666; 
	font-weight: bold; 
	padding: 0;
	margin: 0 0 5px 0;
	}
	
#leftContainer p, #rightContainer p {
	margin: 0 0 5px 0;
	}

#logo_links {
	text-align: center;
	padding: 10px 0 20px 0;
	}

#rightContainer { /* RIGHT COLUMN */
	width: 160px;
	padding: 70px 0 0 0;
	margin: 0px;
	float:right;
	}
	
	
/* NAVIGATION */
#nav {
	width: 160px; 
	font-size: 11px;
	line-height: 11px;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0;
	background: #FFFFFF;
	border-bottom: 2px solid #58585a;
	}
	
#nav a {
	color: #000; 
	display:block; 
	margin: 0 10px 0 9px;
	padding: 0 0 0.2em 0;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	}

#nav a:hover {
	color: #000;
	background-color: #ffcc00;
	/* border-bottom: 1px solid #000; */
	text-decoration: none;
}

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

#nav li {
	list-style: none; 
	margin-left: 0px; 
	padding: 0.3em 0px 0.3em 0px;
	display:block;

   }
   
#nav ul ul {
	margin: 0.3em 0 0 10px; 
	border-left: 1px solid #CACACA;
	/*border-bottom: 1px solid #CACACA;*/
}

#nav strong { 
font-weight: bold;
font-style: normal;
}

	
/* CENTER COLUMN */


#breadcrumb {
	padding: 5px 10px 5px 0;
	margin-bottom: 1em;
	}
	
#breadcrump b {
	margin: 0;
	font-size: 0.9em;
	}
/* */	
	

#content { 
	padding: 20px;
	float: left;
	font-size: 1em;
	line-height: 1.3em;
	}


.contentNormal { /* fuer Content mit Marginalspalte rechts */
	width: 540px;
	}
	
.contentWide { /* fuer Content ohne Marginalspalte rechts */
	width: 570px;
	}

#content p {
	margin: 0 0 0.5em 0;
	line-height:1.4em;
	font-size:1em;
	}


#content a {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
	}
	
#content a:hover {
	text-decoration: underline;	
	}

#breadcrumb a {
	text-decoration: none;
}

/* deaktiviert bei faktor7
#content img {
	border: 1px solid #999999;
	}
*/
	
#content hr {
 	background-color: #ffcc00; /* Mozilla 1.4 */
	color: #ffcc00; /* IE 6 */
 	border: 0;
	height: 2px;
	margin: 1em 0 1em 0;
	}

/* deaktiviert, damit textnexttoimage funktioniert
#content div {
	clear: both;	
	margin: 0 0 1.5em 0;
	}
 */
	
#content ul {
	margin: 0.3em 0 0.3em 1.3em;
	padding: 0
}
#content li {
	margin: 0.3em 0 0.3em 0;
}

/* FOOTER */

#footer {
	height: 45px;
	padding: 20px 10px 10px 10px;
	clear: both;
	font-size: 0.9em;	
	background: url(/html_rr/images/design/rr/stripes20px.png);
	background-position: top left;
	background-repeat: repeat-x;		
	}
	
#footerFunctions {
	color: #000;
	background-color: #fff;
	/* border: 1px solid black; */
	padding: 3px;
	float: right;
	}
	
#footerFunctions a {
	text-decoration: none;
	color: #000;
	}
#footerFunctions a:hover {
	color: #000;
	background-color: #ffcc00;
	text-decoration: underline;
	}
#footerFunctions2 {
	color: #000;
	background-color: #fff;
	/* border: 1px solid black; */
	padding: 3px;
	float: left;
	}
#footerFunctions2 a {
	text-decoration: none;
	color: #000;
	}
#footerFunctions2 a:hover {
	color: #000;
	background-color: #ffcc00;
	text-decoration: underline;
	}


/* CLASSES */


.tableStandard {
	border-left: 1px solid #000;
	margin: 1em 0 1em 0;
	border-collapse: collapse;
	text-align: left;
	}
	
.tableStandard th {
	background: #000;
	color: #FFFFFF;
	padding: 3px;
	border-right: 1px solid #999999;
	vertical-align: top;
	}
	
.tableStandard td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 3px;
	vertical-align:top;
	}

.tableBackgroundOrange {
	background: #ffcc00;
	color: #000;
	padding: 3px;
	vertical-align: top;		
	}
	
.tableBackgroundOrange th {
	background: #000;
	color: #fff;
	padding: 3px;
	vertical-align: top;
	}	
	
.tableBackgroundOrange td {
	border-bottom: 1px solid #fff;
	padding: 3px;
	vertical-align:top;
	}

/* table styles for faktor7 */

.tablePlakate table {
	border: 0;
	margin: 1em 0 1em 0;
	border-collapse: collapse;
	width: 550px;
	}

.tablePlakate td {
	padding: 0 4px 10px 0;
	vertical-align: top;
	}
* html .tablePlakate td {
	padding: 0 0 10px 0;
	vertical-align: top;
	}

.tablePlakate img {
	border: 1px solid #000;
	}

/* end table styles for faktor7 */

.boxType1 {
	width: 140px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;	
	background: #ffcc00;
	border-bottom: 2px solid #000;
	
	}

.boxType1 img { 
		border:none;
		} 
	
.boxType2 { /* USE ON BOTTOM OF PAGE */
	width: 140px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;		
	background: #F5F5F5;
	}
	
.boxType3 {
	width: 138px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;		
	background: #D5D5D5;
	border: 1px solid #666666;
	}

.boxType4 { /* USE FOR SOLO IMAGES */
	width: 140px;
	padding: 50px 0 0 0;
	margin: 40px 0 10px 0;
	font-size: 0.9em;
	}

.boxType4 img {
	margin: 10px 0 5px 0;
	border: 0;
	}

.boxType1 ul, .boxType2 ul, .boxType3 ul {
	list-style-image: url(/html_rr/images/design/bullet_4x4.gif);
	list-style-type: disc;
	color: #999999;
	margin: 0;
	}
.boxType1 li, .boxType2 li, .boxType3 li {
	margin: 0 0 0 -30px;
	}
	
* html	.boxType3 li {
	margin: 0 0 0 13px;
	}
	
.imageLeft {
	margin: 3px 7px 5px 0;
	float: left;
	}
	
.imageRight {
	margin: 3px 0 7px 5px;
	float: right;
	}
.caption {
	font-size: 0.9em;
	}

.formular td {
	padding: 4px;
	}

.noBorder {
	border: 0;
	}
	
#navDivider { /* format fuer wichtigen nbsp zwischen nav und box */
	font-size: 1px;
	color: #FFFFFF;
	height: 10px;
	margin: 0;
	padding: 0;
	}
	
#rightContainerNews { /* RIGHT COLUMN, top bar */
	background-image: url(/html_rr/images/design/rr/stripes20px_white.png);
	background-repeat:repeat-x;
	width: 160px;
	padding: 70px 0 0 0;
	margin: 0px;
	float:right;
	}