/*===================================================================
File:			CSS Stylesheet www.raumhaus.de
Author:		Ulrich Athmer
Date:			2008-01-06
Update			2010-03-24 by rasterwert
					-	container margin auto
						footer cleanup
						id tags
						id angebot_herst
							

Colors:		darkgrey			#7F7F7F
				mediumgrey		#CCCCCC
				lightgrey		#ADADAD
				black				#000000
				white				#FFFFFF
				rot				#E20A16
===================================================================*/
html
{
	margin: 0px;
	padding: 0px;
	cursor: default;
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	height: 101%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
/* Misc */
.font1 {
 font-size: 1em;
}
.font2 {
 font-size: 1.2em;
}
.font3 {
 font-size: 1.2em;
}
.font4 {
 font-size: 1.6em;
}

#container
{
	float: none;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	padding-top: 15px;
	color: #6E6E6F;
	font-family: arial,verdana,sans-serif;
	background-color: transparent;
	border: 0px solid #ccc;
	
}

#head
{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 15px; /* Bestimmt die nachfolgende Position des Menüs */
	width: 960px;
	color: #EBEBEB;
	text-align: left;
}

#header_logo
{
	clear: both;
	float: none;
	position: absolute;
	top: 22px;
	width: 960px;
	height: 112px; /*-- ohne BG Bild: 74px */
	text-align: right;
	background-color: #d1d1d1; /*transparent;*/
	background-image: url(images/rh_logo_header.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#header_info
{
	float: none;
	position: absolute;
	left: 700px;
	top: 105px;
	width: 255px;
	height: 30px;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	line-height: 150%;
	font-weight: normal;
	color: #000;
	background-color: transparent;

}


#content
{
	/*float: left;*/
	width: 960px;
	margin: 0px;
	padding: 20px 0px 0px  0px; /*top regelt den Abstand zum Main-Menue ; bottom den Abstand zum Footer*/
	background-color: #FFF;
	text-align: left;
	border: 0px solid fuchsia;
}

#content-right
{
	/*float: left;
	margin: 0px;
	margin-left: 250px;
	padding: 0px;	
	width: 530px;
	background-color: yellow;*/
	margin: 0px  17px 0px 605px;
	padding: 17px 0px 17px 5px; /* war 17px 16px 17px 17px */
	width: 300px;
	background-color: transparent; /* yellow; */
	border: 0px solid Green;
	overflow: hidden;
}

#content-left
{
	float: left;
	margin: 0px;
	padding: 17px 0px 17px 17px; /*war: 17px 10px 17px 17px; */
	width: 570px;
	/*height: 375px;*/
	text-align: left;
	background-color: transparent; /* Aqua;*/
	border: 0px solid aqua;
}
/* --------- Tagcloud ------------- */
#content-left #tags {
	width: 540px;
	margin: 12px 0;
	border-width: 0 0 1px 0;
	border-color: #E20A16;
	border-style: solid;
	padding: 10px;
}
#footer #tags {
	width: 600px;
	margin: 5px auto;
}
#end {
	width: 952px;
	padding: 0px;
	border-width: 2px 0 0 0;
	border-color: #E20A16;
	border-style: solid;
	font-size: 0.2em;
}
#tags a {
	margin: 5px;
}
#tags a:link {
	color:#666666;
	text-decoration: none;
}
#tags a:hover {
	color:#E20A16;
	text-decoration: none;
}
#tags a:visited {
	color:#666666;
	text-decoration: none;
}
#tags a:active {
	color:#666666;
	text-decoration: none;
}
/* ------------------------ */
.content-header
{
	/*clear: both;*/ /* aktiv = verhindert den Textfluß so dass der Inhalt unterhalb von content-left steht*/
	float: none;
	margin: 5px 0px 20px 10px;
	padding: 0px;
	font-family: arial,verdana,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #4C4C4C;
	text-align: left;
}

.content-item
{
	/*clear: both;*/ /* aktiv = verhindert den Textfluß so dass der Inhalt unterhalb von content-left steht*/
	float: none;
	margin: 0px 10px 5px 10px;
	padding: 0px;
	width: 95%;
	font-family: arial,verdana,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #4C4C4C;
	text-align: left;
	line-height: 160%;

}

.content-angebot
{
	/*clear: both;*/ /* aktiv = verhindert den Textfluß so dass der Inhalt unterhalb von content-left steht*/
	float: left;
	margin: 20px 10px 5px 0px;
	padding: 0px;
	width: 100%;
	font-family: arial,verdana,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #4C4C4C;
	text-align: left;
	line-height: 160%;
}

.angebot-left-text
{
	float: left;
	margin: 10px 0px 6px 10px;
	padding: 0px;
	font-family: arial,verdana,sans-serif;
	font-size: 10pt;
	/*font-weight: bold;*/
	font-style: normal;
	color: #4C4C4C;
	text-align: left;
}


.angebot-right-text
{
	float: right;
	margin: 50px 0px 6px 0px; /* margin right regelt abstand rechts - so dass rechts bündige Linie entsteht*/
	padding: 0px;
	text-align: right;
}

.angebot-right-text a:link, .angebot-right-text a:visited
{
	padding: 0px 0px 0px 20px;
	font-family: arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
	background-color: transparent;
	background-image: url(images/back_arrow.gif);
	background-position: bottom left;
	background-repeat : no-repeat;
	text-decoration: none;
}

.angebot-right-text a:hover
{
	padding: 0px 0px 0px 20px;
	font-family: arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #E20A16;
	background-color: transparent;
	background-image: url(images/back_arrow_active.gif);
	background-position: bottom left;
	background-repeat : no-repeat;
	text-decoration: none;
}
.short
{
	width: 400px;
}

.content-detail-left
{
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 230px;
	font-family: arial,verdana,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #4C4C4C;
	background-color: transparent;
	text-align: left;
}

.content-detail-right
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 510px;
	font-family: arial,verdana,sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #4C4C4C;
	background-color: #FFFFFF;
	text-align: left;
}

.content-detail-right img
{
	margin: 0px 0px 10px 0px;
}

#content_info {
	float: left;
	margin: 0px;
	padding: 50px 0px 40px 0px;
	width: 210px;
	height: 1%;
	text-align: right;
	background-color: transparent;
	font-weight: bold;
}

/* Formatierung Überschriften ----------------------------------------------*/

h1
{
	float: none;
	margin: 5px 0px 20px 10px;
	padding: 0px;
	font-family: arial,verdana,sans-serif;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	color: #4C4C4C;
	text-align: left;
}

/* Formatierung Text --------------------------------------*/
.small{
	font-size: 87.5%;
	line-height: 120%;
}

.angebot-preis{
	color: #E20A16;
	font-weight: bold;
	border-bottom: 3px solid #E20A16;
	padding-bottom: 3px;
}
#angebot_herst {
	clear: both;
	margin: 10px 0 0 5px;
	width: 952px;
	padding: 5px 0;
	border-width: 0 0 2px 0;
	border-color: #E20A16;
	border-style: solid;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	
}
/* --------------------------------------------------------*/
#footer
{
	clear: both;
	/*float: left;*/
	margin: 10px auto;
	padding: 10px 0;
	height: 25px;
	text-align: center;
	/*width: 960px;*/
	background-color: transparent;
	border: 0px solid #666;
	/*background-color: transparent;
	background-image: url(images/footer_bg.png);
	background-position: top;
	background-repeat : repeat-x;*/
}

.footer-left-text
{
	/*float: left;*/
	margin: 5px 0px 6px 0px; /* left war 320px */
	padding: 0px;
	font-family: arial,verdana,sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #7F7F7F;
	/*text-align: left;*/
}

.footer-right-text
{
	float: right;
	margin: 5px 30px 6px 0px;
	padding: 0px;
	text-align: right;
}

.footer-right-text a:link, .footer-right-text a:visited
{
	padding: 0px 10px 0px 0px;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	color: #7F7F7F;
	background-color: transparent;
	background-image: url(images/menu_hook.gif);
	background-position: bottom right;
	background-repeat : no-repeat;
	text-decoration: none;
}

.footer-right-text a:hover
{
	padding: 0px 10px 0px 0px;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	color: #E20A16;
	background-color: transparent;
	background-image: url(images/menu_hook.gif);
	background-position: bottom right;
	background-repeat : no-repeat;
	text-decoration: none;
}

/* --- Footer List-Menü Definition -- */


ul#footerlist
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	float: none;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	/*padding: 5px 0px 5px 0px;*/
}

ul#footerlist li
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	list-style-type: none;
	display: inline;
}

ul#footerlist li a 
{
	padding: 0px 3px 0px 2px;
}

ul#footerlist a:link, ul#footerlist a:visited
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
}

ul#footerlist a:hover
{
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #E20A16;
	text-decoration: none;
}