/* CSS-Datei für ruf-international.com  03/2008 mr - rieger-lampprecht.de */
/* ************************************* */


/* body */


body {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:16.5px;
	letter-spacing:0.0em;
	font-family: Arial, Helvetica, sans-serif;
	color:#003F1D;
	background-image:url(../img-style/bg-body.jpg);
	background-repeat:repeat-x;
    }
	
	p, td, th, h1, h2, h3, h4 {
	font-size:12px;
	margin:0;
	padding:0;
	margin-left:0px;
	margin-right:0px;
	}
	p {
	margin-bottom:10px;
	margin-top:10px;
	line-height:1.8em;
	color:#413f44;
	}
	
	td {
	line-height:1.8em;
	color:#413f44;
	}
	
	ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:10px;
	margin-top:20px;
    margin-bottom:35px;
    padding:0px;
	color:#413f44;
    }

    li {
	margin:0px 0px 22px 20px;
	padding:0px;
	line-height:1.8em;
	}
	
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#5f7218;
	letter-spacing:0.0em;
	font-weight:normal;
	padding-top:5px;
	margin-bottom:15px;
	}
	
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a3bf2a;
	font-weight:bold;
	margin-bottom:30px;
	}
	
	h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:0.00em;
	font-weight:normal;
	margin-bottom:20px;
	}
	
	input, textarea {
	border: 1px solid #333333;
    }
	
	form {
	margin:0px;
	padding:0px;
	}
	
	a, a:link, a:visited, a:active {
	/*color:#FF8A00;*/
	color:#003F1D;
	text-decoration:none;
	}
	
    a:hover {
	/*color:#FF8A00;*/
	color:#003F1D;
	text-decoration:underline;
	}
	
	a.green, a.green:link, a.green:visited, a.green:active, a.green:hover {
	color:#a3bf2a;
	text-decoration:underline;
	}
	
	a.greend, a.greend:link, a.greend:visited, a.greend:active, a.greend:hover {
	color:#8EA925;
	text-decoration:underline;
	}
	
	
	img {
	border:0px;
	}
		

#header {
position:relative; 
width:900px; 
height:49px; 
margin-left: auto; 
margin-right: auto;
}
	#header-navi {
	position:absolute;
	right:12px;
	top:21px;
	text-align:right;
	font-size:10px;
	color:#464449;
	}
	#header-navi a {
	text-decoration:none;
	}
	#header-navi img {
	margin-right:4px;
	}
	
	#header-language {
	position:absolute;
	left:12px;
	top:20px;
	text-align:right;
	font-size:10px;
	color:#464449;
	}
	#header-language-de {
	position:absolute; left:0px; bottom:0px; width:87px; height:37px; background-image:url(../img-style/de-aktiv.gif);
	}
	#header-language-flag-de {
	position:absolute; left:10px; bottom:13px; /*dt. Flagge bei EN-Vers.*/
	}
	#header-language-flag-en {
	position:absolute; left:40px; bottom:13px; /*en. Flagge bei ES-Vers.*/
	}
	#header-language-flag-es {
	position:absolute; left:70px; bottom:13px; /*en. Flagge bei ES-Vers.*/
	}
	#header-language-flag-fr {
	position:absolute; left:100px; bottom:13px; /*en. Flagge bei ES-Vers.*/
	}
	#header-language-flag-it {
	position:absolute; left:130px; bottom:13px; /*ru. Flagge bei ES-Vers.*/
	}
	
	#header-language-en {
	position:absolute; left:42px; bottom:0px; width:88px; height:37px; background-image:url(../img-style/en-aktiv.gif);
	}
	#header-language-es {
	position:absolute; left:72px; bottom:0px; width:93px; height:37px; background-image:url(../img-style/es-aktiv.gif);
	}
	#header-language-fr {
	position:absolute; left:102px; bottom:0px; width:93px; height:37px; background-image:url(../img-style/fr-aktiv.gif);
	}
	#header-language-it {
	position:absolute; left:132px; bottom:0px; width:93px; height:37px; background-image:url(../img-style/it-aktiv.gif);
	}
	#header-language-ru {
	position:absolute; left:162px; bottom:0px; width:93px; height:37px; background-image:url(../img-style/ru-aktiv.gif);
	}
	
	#header-language-flags {
	position:absolute; left:98px; bottom:8px; /*bei mehreren Flaggen bottom:8px;*/
	}
	#header-language-flags-en {
	position:absolute; left:140px; bottom:8px; /*bei mehreren Flaggen bottom:8px;*/
	}
	#header-language-flags-es {
	position:absolute; left:175px; bottom:8px; /*bei mehreren Flaggen bottom:8px;*/
	}
	#header-language-flags-fr {
	position:absolute; left:205px; bottom:8px; /*bei mehreren Flaggen bottom:8px;*/
	}
	#header-language-flags-it {
	position:absolute; left:235px; bottom:12px; /*bei mehreren Flaggen bottom:8px;*/
	}
	
	#header-language-flags img {
	padding-right:5px;
	}
	#header-language-flags-en img {
	padding-right:5px;
	}
	#header-language-flags-es img {
	padding-right:5px;
	}
	#header-language-flags-fr img {
	padding-right:5px;
	}
	
#middle {
background-image:url(../img-style/ruf-bg.jpg);
overflow:inherit;
min-height:300px;
height:auto !important;  /* für moderne Browser */
height:300px;  /*für den IE */
width:100%;
margin-top:35px; 
}	
	
#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:900px;
margin-left: auto; 
margin-right: auto;
min-height:300px;
height:auto !important;  /* für moderne Browser */
height:300px;  /*für den IE */
background-color:#FFFFFF;
background-image:url(../img-style/bg-content.gif);
} 

.rightrow { display:block; float:right; width:590px;  margin-right:10px; text-align:left; display:inline;}
#text { margin-top:30px; margin-left:35px; width:515px; padding-bottom:30px;}
.leftrow { display:block; margin-left:10px; margin-right:10px; float:left; width:280px; display:inline; background-color:#FFFFFF; }
	#logo {width:280px; text-align:center;}
.clearer { display:block; clear:both; }


#navi {
margin-top:36px;
}
		
		a.navi, a.navi_aktiv, a.navi_aktivu,
		a.navi:link, a.navi_aktiv:link, a.navi_aktivu:link,
		a.navi:visited, a.navi_aktiv:visited, a.navi_aktivu:visited {
		display : block;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight : bold;
		text-decoration : none;
		padding:10px;
		padding-left : 34px;
		line-height: 24px;
		text-align : left;
		border-top: 1px solid #FFFFFF; /* !!! Randfarbe */
		background-color:#a3bf2a;
		color:#FFFFFF;
		background-image:url(../img-style/navi-bg.gif);
		background-position:center center;
		}
		
		a.navi:hover {
		background-color:#859f23;
		background-image:url(../img-style/navi-bg-hover.gif);
		background-position:center center;
		/*background : url(../img-style/navi-right-hover.gif) no-repeat ;  !!! Hintergrundfarbe */ 
		}
		
		a.navi_aktiv, a.navi_aktivu, a.navi_aktiv:hover, a.navi_aktivu:hover {
		background-color:#5f7218 !important;
		background-image:url(../img-style/navi-bg-aktiv.gif)!important;
		background-position:center center;
		color:#FFFFFF !important;
		font-weight:bold !important;
		}
		
		a.navi_aktivu, a.navi_aktivu:hover {
        border-bottom: 0px;
		}
		
		a.navi_last {
        border-bottom: 10px solid #FFFFFF;
		}
		
		#navi_sub {
		background-color:#5E7118;
		background-image:url(../img-style/bg-sub.jpg);
		background-repeat:no-repeat;
		}
		
			a.sub, a.sub_aktiv, a.sub_aktivu,
			a.sub:link, a.sub_aktiv:link, a.sub_aktivu:link,
			a.sub:visited, a.sub_aktiv:visited, a.sub_aktivu:visited {
			display : block;
			color:#FFFFFF;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration : none;
			padding :17px 0px 17px 10px;
			margin-left : 35px;
			text-align : left;
			font-weight:bold;
			background : url(../img-style/sub-bg.gif) no-repeat 0px 23px;
			}
				
			a.sub_aktiv {
     		color:#a3bf2a!important;
			background : url(../img-style/sub-bg-aktiv.gif) no-repeat 0px 23px!important;
			}
			
			a.sub_aktivu {
     		color:#a3bf2a!important;
			background : url(../img-style/sub-bg-aktivu.gif) no-repeat 0px 23px!important;
			}
			
			a.sub:hover, a.sub_last:hover {
			color:#a3bf2a;
			background : url(../img-style/sub-bg-aktiv.gif) no-repeat 0px 23px;
			}
		
            	a.subsub, a.subsub_aktiv,
				a.subsub:link, a.subsub_aktiv:link, 
				a.subsub:visited, a.subsub_aktiv:visited {
				display : block;
				color:#FFFFFF;
				font-family : Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration : none;
				padding :2px 0px 10px 10px;
				margin-left : 55px;
				text-align : left;
				font-weight:normal;
				/* background : url(../img-style/sub-bg.gif) no-repeat 0px 8px; */
				}
				
				a.subsub_aktiv {
     			color:#a3bf2a!important;
				background : url(../img-style/sub-bg-aktiv.gif) no-repeat 0px 8px!important;
				}
			
				a.subsub:hover{
				color:#a3bf2a;
				/* background : url(../img-style/sub-bg-aktiv.gif) no-repeat 0px 8px; */
				}
			
#footer {
position:relative;
clear:both; 
width:880px;
margin-top:10px; 
margin-left: auto; 
margin-right: auto;
background-image: url(../img-style/bg-footer.gif);
height:375px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:2.0em;
color:#e0e7c2;
}

#footer-left {
position:absolute;
left:34px;
top:55px;
width:250px;
}

#footer-middle {
position:absolute;
left:310px;
top:32px;
width:217px;
}

#footer-right {
position:absolute;
right:28px;
top:52px;
width:300px;
}

#footer-right ul {
color:#a3bf2a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
margin-bottom:35px;
padding:0px;
}

#footer-right li {
margin:0px 0px 8px 20px;
padding:0px;
}

#footer-right a {
color:#a3bf2a;
}

a.download-button, a.download-button:visited, a.download-button:active,  a.download-button:link {
background-image:url(../img-style/download-button.gif);
width:142px;
height:43px;
display:block;
}
a.download-button:hover {
background-image:url(../img-style/download-button-hover.gif);
}

.pics {
border:0;
margin-right:8px;
}