/* CSS Document */

body{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top:20px; }

/* 
allgemeines
-------------------------------------------------- */ 
.clear{
clear:both;
}

.left{
float:left;
display:inline;
}

.right{
float:right;
display:inline;
}

.hidden{
	display:none;
}

p {margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; padding: 0 0 0 0;}


		
		
/* 
container
-------------------------------------------------- */ 


.main{
	width:820px;
	margin:0px auto;
	background-color:#FFFFFF;
/*	align:center;  */
	display:block;
}

.mainnav{
	width:820px;
	margin:0px auto;
	background-color:#FFFFFF;
	align:center;
	display:block;
}

#main_top_left{
	float:left;
	width:410px;
/*	margin:0px auto;
	background-color:#FFFFFF;  */
	display:block;
}

#main_top_right{
	float:right;
	width:410px;
/*	margin:0px auto;
	background-color:#FFFFFF;  */
	display:block;
}









/* 
content
-------------------------------------------------- */ 
.content_out{
	float:left;
	width:575px;
	background-color:#FFFFFF;
	padding: 8px 10px 0px 8px; /*   */
	display:block;
}
*html .content_out{ display:inline;}

.content_datum{
	float:left;
	width:280px;
/*	clear:both;  */
	background-color:#E0D9D5;
	display:block;
}
*html .content_datum{ display:inline; }

.content_title{
	float:left;
	width:440px;
	height:44px;
/*	clear:both;  */
	background-color:#E0D9D5;
	display:block;
}
*html .content_title{ display:inline; }

.content_schmal{
	float:left;
	width: 420px;
/*	background-color:#99CCFF;
	clear:both;  */
	display:block;
}
*html .content_schmal{ display:inline; }

.content_breit{
	float:left;
	width: 525px;
/*	background-color:#99CCFF;
	clear:both;  */
	display:block;
}
*html .content_breit{ display:inline; width: 505px;}

.content_vorschau{
	background-color:#99CC66;
	padding: 5px 10px 0px 35px;
	display:block;
}
*html .content_vorschau{ display:inline; }

#content_bottom_left{
	float:left;
	width:615px;
	padding: 0px 0px 0px 0px;
	display:block;
}
*html #content_bottom_left{ display:inline; }

#content_bottom_left_left_border_top{
	float:left;
	width:498px;
/*	background-color:#99CC33;  */
	padding: 3px 10px 0px 32px;
	border-top:solid;
	border-top-color:#E0D9D5;
	border-top-width:1px;
	display:block;
}
*html #content_bottom_left_left_border_top{ display:inline; }

#content_bottom_left_left{
	float:left;
	width:498px;
/*	background-color:#99CC33;  */
	padding: 3px 10px 0px 32px;
	display:block;
}
*html #content_bottom_left_left{ display:inline; }

#content_bottom_left_menu{
	float:left;
	width:498px;
/*	background-color:#99CC33;  */
	padding: 3px 10px 0px 22px;
	display:block;
}
*html #content_bottom_left_left{ display:inline; }

#content_bottom_left_right{
	float:right;
	width:75px;
/*	background-color:#99CCFF;
	padding: 0px 0px 0px 0px;  */
	display:block;
}
*html #content_bottom_left_right{ display:inline; }

#content_bottom_right{
	float:right;
	width:205px;
/*	background-color:#99CC66;
	padding: 0px 0px 0px 0px;  */
	display:block;
}
*html #content_bottom_right{ display:inline; }


.content_subtitle{
	float:left;
/*	width:150px;
	clear:both;  */
	background-color:#E0D9D5;
	margin: 8px 0 4px 0;
	display:block;
}

.list_left {
/*    position:absolute; */
	float: left;
	width: 360px;
	margin: 2px 0 0 0;
/*	background-color:#EAE8E9; */
	display: inline;
}

.list_middle {
	float: left;
	width:4px;
	display:inline;
}

.list_right {
	float:right;
	width:80px;
	margin: 0 80px 0 0;
/*	background-color:#EAE8E9; */
	display:block;
	overflow:hidden; 
}
*html .list_right{ display:inline; 	margin: 0 40px 0 0; }



/* 
rightbox
-------------------------------------------------- */ 
.rightbox_out{
	float:right;
}

#rightbox_image{
/*	width:190px;
	margin: 10px 0 10px 0; 
	background-color:#E8E8E8;     */
}

#rightbox_mail{
/*	width:190px;
	margin: 10px 0 10px 0; 
	background-color:#99CC33;     */
}





/* ==========================================================================
     CLASSES
   ========================================================================== */
   
/* CSS Document */

/*
.boxheader{
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}  
*/
ul { margin-top:0px; margin-left:0px; margin-bottom:0px; padding:0 0 0 0;}
li { list-style-image: url(fileadmin/templates/images/reproad_icon_grau.gif); margin: 2px 0 0 18px; list-style-position: outside;}


.maintitle h1{font-family:Helvetica, Arial, sans-serif; font-size:40px; line-height:40px; font-weight:bold; color:#333333; letter-spacing:0.02em;color: #333333;}
.maintitle{font-family:Helvetica, Arial, sans-serif; font-size:40px; line-height:44px; font-weight:bold; color:#333333; letter-spacing:0.02em;color: #333333;}

.text_home {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; padding:0 0px 0 22px;}
.text_home A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.text_home A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.text_home A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.text_home A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.vorschau {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; color: #FF9E00; padding:0 0px 0 22px;}
.vorschau A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.vorschau A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.vorschau A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.vorschau A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; padding:0 0px 0 14px;}
.text A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.text A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.text A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.text A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.textbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; font-weight:bold;}
.textbold A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.textbold A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.textbold A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.textbold A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.text_form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333;}
.text_form A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.text_form A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.text_form A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.text_form A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; }
.menu A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.menu A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.menu A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.menu A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.menu_right {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333333; text-align:right; }
.menu_right A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_right A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_right A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_right A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.menu_klein {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:13px; color:#333333; padding:0 0 6px 0;}
.menu_klein A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_klein A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_klein A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.menu_klein A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.datum {font-family: Helvetica, Arial, sans-serif;font-size: 18px;line-height: 25px;font-weight: bold;color: #333333;}
.datum A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.datum A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.datum A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.datum A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

.subtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
/*	color: #333333;
	padding: 0px 100px 0px 0;
	background-color: #E0D9D5;  */
}
.subtitle A:link {color: #333333; font-weight:bold; text-decoration:underline;}
.subtitle A:visited {color: #333333; font-weight:bold; text-decoration:underline;}
.subtitle A:active {color: #333333; font-weight:bold; text-decoration:underline;}
.subtitle A:hover {color: #E77A1E; font-weight:bold; text-decoration:underline;}

/*
rechte Spalte
-------------------------------------------------- */
/* Wrap nicht den Inhalt, sondern fügt nach jedem Inhalt in der Hauptspalte einen Abstand von 15px ein (eigene Höhe) */
#content_main_inhalt .contentItem { margin: 0 0 0  0; overflow: hidden; height: 15px;}
/* #middle_right .contentItem { margin: 0 0 0  0; overflow: hidden; height:150px; display:block; }   */
#main_right_box_home contentItem { margin: 0 0 0  0; overflow: hidden; height: 150px;}

.boxtitle{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; display:block; padding-top:4px; padding-bottom: 3px; padding-right: 8px; padding-left:10px; background-color:#E8E8E8; text-transform: uppercase; margin:10px 0 10px 0;}

.boxbold{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#333333; font-weight:bold; text-transform: uppercase;}

.boxtext{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#333333; padding: 0 0 0 10px;}
.boxtext A:link {color: #333333; text-decoration:underline;}
.boxtext A:visited {color: #333333; text-decoration:underline;}
.boxtext A:active {color: #333333; text-decoration:underline;}
.boxtext A:hover {color: #E77A1E; text-decoration:underline;}

.footer{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; float:left;}
.footer A:link {color: #333333;text-decoration:underline;}
.footer A:visited {color: #333333;text-decoration:underline;}
.footer A:active {color: #333333;text-decoration:underline;}
.footer A:hover {color: #333333;text-decoration:underline;}


/*
// Formulare
------------------------------------------------------------------------------------- */ 
/* ohne Breite und Höhe */
.form{ background-color: #E8E8E8; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 100px; }
/* mit Breite und Höhe */
.formular{ background-color: #E8E8E8; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 180px; height: 14px;}
.formularfeld{ background-color: #E8E8E8; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; line-height: 14px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 120px;}
.search { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 11px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 115px; height: 12px;}
.button{ background-color: #FF9E00; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; font-weight:bold; line-height: 10px; border:0px double; border-color: #666666 #666666 #666666 #666666; width: 90px; height: 18px;}

.loginform{ background-color: #E8E8E8; font-family:Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 180px; }


