/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
CSS Styles iMA Richter & Röckle GmbH & Co. KG

Datum:	27.5.2008
URL:	http://www.ima-umwelt.de
---------------------------------------------------------------------------------------------------------------------------------------------------
		
Achtung! Beim Padding Box-Modell-Fehler des Internet Explorer. 
Innenabst�nde und Rahmenst�rken werden nicht zur gesamtbreite hinzuaddiert.
Daher kein Padding!
		
padding-left: 0px;			
padding-right: 0px;

border:0px solid #000000;
		
--------------------------------------------------------------------------------------------------------------------------------------------------- 
*/


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
POSITIONIERUNG
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#wrap_all {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	margin-top:25px;
	padding:0px;
	text-align:left;

	}

#wrap_center {
	background-image: url('images/background_center.gif');
	background-repeat: repeat;

	margin-top: 0px;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
BODY
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

body {
	text-align:center;
	background-image: url('images/background_top.gif');
	background-repeat: repeat-x;
	}

		
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#header {
	height: 200px;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;

	overflow: hidden;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT CENTER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#content_center {
	margin-top: 8px;
	width:560px;
	float:left;
	overflow: hidden;
	}

#content_center h1{ /* Formatiert das DIV und das H1 der �berschrift */
	height: 21px;
	background-image: url('images/background_content_center_h1.gif');
	background-repeat: repeat-x;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	margin-left:10px;
	margin-right:10px;
	}

#content_center .bodytext{    /* Formatiert den Text des Inhaltelementes */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 20px;
	}

#content_center .csc-textpic-imagewrap{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

#content_center span{	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color : #ff0000;
	}

#content_center ul {
   list-style-type:none;
   margin-top: 0px;
   margin-bottom: 20px;
}

#content_center li {
   padding: 0px;
   margin: 0px;
   margin-top: 0px;
   margin-left: 30px;
   margin-right: 30px;
   margin-bottom: 0px;
   list-style-image:url('images/triangle.gif');
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   line-height : 18px;
   color : #424141;
   border:0px solid #000000;
}

#content_center a:link { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}

#content_center a:visited { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}

#content_center a:hover { 
	color : #003399;
	background-color : transparent;
	text-decoration : underline; 
	}

#content_center a:active { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}

/*
#content_center img {			  Gibt jedem Bild einen Rahmen 
	border: 1px solid #bfbdbd;
	}
*/

.csc-textpic-caption {			 /* Gibt der Bildunterschrift/Bildtext ihre formatierung */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT RIGHT
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#content_right {
	margin-top: 8px;
	width:196px;
	float:right;
	overflow: hidden;
	}

#content_right .csc-header h1{ /* Formatiert das DIV und das H1 der �berschrift */
	height: 21px;
	background-image: url('images/background_content_right_h1.gif');
	background-repeat: repeat-x;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	margin-left:10px;
	margin-right:10px;
	}

#content_right .bodytext{    /* Formatiert den Text des Inhaltelementes */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 40px;
	}

#content_right .csc-textpic-imagewrap{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

#content_right span{	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color : #ff0000;
	}

#content_right a:link { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}

#content_right a:visited { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}

#content_right a:hover { 
	color : #003399;
	background-color : transparent;
	text-decoration : underline; 
	}

#content_right a:active { 
	color : #e22f30;
	background-color : transparent;
	text-decoration : underline;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
MENUE TOP
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#menue_top {
	overflow: hidden;
	margin-bottom:4px;
	width:440px;
	margin-left:520px;
	right: 0px;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	}

#menue_top ul{
	padding: 0px;
	margin:0px;
	}

.menue_top_no {
	text-align: right;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color : #000000;
	margin-left: 20px;
	margin-right: 0px;
	float: left;
	list-style: none;
	}

.menue_top_no a:link {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_top_no a:visited {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_top_no a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_top_no a:active {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_top_act {
	text-align: right;
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color : #e22f30;
	margin-left: 20px;
	margin-right: 0px;
	float: left;
	list-style: none;
	}

.menue_top_act a:link {
	color : #e22f30;
	text-decoration : none;
	}

.menue_top_act a:visited {
	color : #e22f30;
	text-decoration : none;
	}

.menue_top_act a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_top_act a:active {
	color : #e22f30;
	text-decoration : none;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
MENUE MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#menue_main {
	height: 25px;
	margin-top: 0px;
	background-image: url('images/background_menue_main.gif');
	background-repeat: repeat-x;
	overflow: hidden;
	}

#menue_main ul{
	padding: 0px;
	margin:0px;
	}

.menue_main_no {
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color : #000000;
	margin-left: 16px;
	margin-right: 16px;
	float: left;
	list-style: none;
	}

.menue_main_no a:link {
	color : #000000;
	text-decoration : none;
	}

.menue_main_no a:visited {
	color : #000000;
	text-decoration : none;
	}

.menue_main_no a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_main_no a:active {
	color : #8a8a8a;
	text-decoration : none;
	}

.menue_main_act {
	padding-top: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color : #e22f30;
	margin-left: 16px;
	margin-right: 16px;
	float: left;
	list-style: none;
	}

.menue_main_act a:link {
	color : #e22f30;
	text-decoration : none;
	}

.menue_main_act a:visited {
	color : #e22f30;
	text-decoration : none;
	}

.menue_main_act a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_main_act a:active {
	color : #e22f30;
	text-decoration : none;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
MENUE LEFT
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#menue_left {
	margin-top: 17px;
	width:200px;
	float:left;
	overflow: hidden;
	}

#menue_left ul{
	padding: 0px;
	margin:0px;
	}

.menue_left_no_1{
	width: 190px;
	margin-left: 6px;
	margin-bottom: 8px;
	background-image: url('images/triangle.gif');
	background-repeat: no-repeat;
	padding-top: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	}

.menue_left_no_1 a:link {
	margin-left: 20px;
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_left_no_1 a:visited {
	margin-left: 20px;
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_left_no_1 a:hover {
	margin-left: 20px;
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_no_1 a:active {
	margin-left: 20px;
	color : #6a6a6a;
	text-decoration : none;
	}
	
.menue_left_act_1{
	width: 190px;
	margin-left: 6px;
	margin-bottom: 8px;
	background-image: url('images/triangle.gif');
	background-repeat: no-repeat;
	color: #ff0000;
	padding-top: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #e22f30;
	}

.menue_left_act_1 a:link {
	margin-left: 20px;
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_1 a:visited {
	margin-left: 20px;
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_1 a:hover {
	margin-left: 20px;
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_1 a:active {
	margin-left: 20px;
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_no_2{
	width: 174px;
	margin-left: 26px;
	margin-bottom: 8px;
	padding-top: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	list-style: none;
	}

.menue_left_no_2 a:link {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_left_no_2 a:visited {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_left_no_2 a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_no_2 a:active {
	color : #6a6a6a;
	text-decoration : none;
	}

.menue_left_act_2{
	width: 174px;
	margin-bottom: 8px;
	margin-left: 26px;
	color: #ff0000;
	padding-top: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #e22f30;
	list-style: none;
	}

.menue_left_act_2 a:link {
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_2 a:visited {
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_2 a:hover {
	color : #e22f30;
	text-decoration : none;
	}

.menue_left_act_2 a:active {
	color : #e22f30;
	text-decoration : none;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer_menue {
	height: 27px;
	overflow: hidden;
	margin-top: 0px;
	background-image: url('images/background_footer.gif');
	background-repeat: repeat-x;
	}

#footer_image {
	height: 100px;

	overflow: hidden;
	margin-top: 0px;
	background-image: url('images/dar_logo.jpg');
	background-position: center;
	background-repeat: no-repeat;
	}

#footer_menue {
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	padding-top: 7px;
	}

#footer_menue a:link {
	margin-right: 20px;
	color : #6a6a6a;
	text-decoration: none;
	}

#footer_menue a:visited {
	margin-right: 20px;
	color : #6a6a6a;
	text-decoration: none;
	}


#footer_menue a:hover {
	margin-right: 20px;
	color : #e22f30;
	text-decoration: none;
	}

#footer_menue a:active {
	margin-right: 20px;
	color : #6a6a6a;
	text-decoration: none;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
FORMULAR
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

fieldset {								/* Wichtig f�r Formulare - keine border*/
	border: 0px solid #FFFFFF;
	padding: 0px;
	margin: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	}

input, select, textarea { 
	font-size:11px; 
	font-family:verdana, arial, helvetica, sans-serif; 
	font-weight:none; 
	}

.csc-mailform-submit{					/* Buttonformatierung */
	border: 1px solid #7F9DB9;
	background: #F5F5F5;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
TIP A FRIEND Formatierungen
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

p{    /* Wirkt sich nur auf TipAFriend aus */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	margin-left:10px;
	margin-right:10px;
	}

.tipafriendsubmit{					/* Buttonformatierung */
	border: 1px solid #7F9DB9;
	background: #F5F5F5;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height : 18px;
	color : #424141;
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------
Google Keyword Highlighting (psm_highlight)
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.tx-psmhighlight-sword { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	background-color: yellow;
	}

.tx-psmhighlight-sword-1 { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	background-color: yellow;
	}

.tx-psmhighlight-sword-2 { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	background-color: yellow;
	}

.tx-psmhighlight-sword-3 { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color : #6a6a6a;
	background-color: yellow;
	}