/* styles created by snapone.de  */
/* global reset paddings and margins */
* {
margin: 0px; 
padding: 0px;
}
/* Einbinden und positionieren des Hintergrundbildes */
body {
	background-image:url(../images/backgrounds/marali_bg1.jpg); 
	background-position: top center; 
	background-attachment: fixed; 
	background-color: #FFF;
	background-repeat: no-repeat; 
	margin: 0; 
	padding: 0; 		/* q: 10px */
	z-index: 0;
	/* text-align: center;	 q: neu */
	font-family: Arial, Helvetica, sans-serif;	
	color:#000066;								
}

.email {
font-color:#000066;
text-decoration:underline;
font-size:14px;
}


/* wrappers */
#container { 
	width: 900px; 
	margin: 0px;		/* q: neu */
	margin-left: auto; 
	margin-right: auto; 
	/* top: 0;  		q: raus */
	height: 98%;


}




#menu
{
    width:900px;
	height:21px;
    font-family:Verdana, Arial;
	/*background-color:#3399FF;*/
	background-image:url(../images/backgrounds/navi1_bg.gif);
	text-align:center;

}

.button
{
    color:#FFFFFF;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
    background-color:#3399ff;
	padding-top:4px;
    padding-bottom:4px;
    padding-right:20px;
    padding-left:20px;
    line-height:2;
    border-right:1px solid #2e87e1;
	border-left:1px solid #2e87e1;
}

.button:hover
{
    background-color: #FFFFFF;
	color:#000066;
}
#active 
{
	background-color:#ffffff;
	color:#000066;
	text-decoration:underline;
}

#menu2
{
    width:900px;
	height:20px;
    font-family:Verdana, Arial;
	background-color:#ffffff;
	text-align:center;
}

.button2
{
    color:#000066;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
    background-color:#ffffff;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:20px;
    padding-left:20px;
    line-height:2;
    border-right:1px solid #2e87e1;
	border-left:1px solid #2e87e1;
}

.button2:hover
{
    background-color: #dee1ec;
	color:#000066;
}
#active2 
{
	background-color:#FFFFFF;
	color:#000066;
	text-decoration:underline;
}








div#content { 				
	position: relative;			
	overflow-y: auto;
	overflow-x:hidden;
	padding: 0px;
	margin: 0px;
	width: 900px;	
	margin-left:auto;
	margin-right: auto;
	z-index: 2;
	height: 575px;
	color:#000066;
}

.spacing {
	width:896px;
	height:30px;
}

.angebot1 {
	width: 876px;
	height:420px;
	margin-left:auto;
	margin-right: auto;
	color:#3300ff;
	border:1px dotted #CCC;
	text-align:center;
}
.angebot {
	float:right;
	border:1px solid #CCC;
	margin-right:10px;
	margin-top:8px;
}
.angebot_ueber {
	font-size:1.25em;
	font-weight:bold;
	color:#3300ff;
	margin-top:13px;
}
.angebot_sub {
	font-size:1.1em;
	font-weight:bold;
	color:#3300ff;
	margin-top:12px;
}
.angebot_name {
	font-size:1.25em;
	font-weight:bold;
	color:#3300ff;
	margin-top:13px;
}
.angebot_name_sub {
	font-size:1em;
	font-weight:bold;
	color:#3300ff;
	margin-top:7px;
}
.angebot_preis {
	font-size:1em;
	color:#cc6600;
	font-weight:bold;
}

.angebot_preis2 {
	font-size:1em;
	color:#3300ff;
	font-weight:bold;
}
.angebot_text {
	font-size:0.9em;
	color:#3300ff;
	font-weight:bold;
}
.button {
	width:300px;
	height:80px;
	vertical-align:bottom;
}

.button_link {
	position:relative;
	border:0;
vertical-align:text-bottom;
}
div#content h1 {
	line-height : 1.3;
	font-size : 24px;
	text-align : center;
	color : #cc6600;
	padding-top : 25px;
}
div#content h2 {
	line-height : 1.0;
	font-size : 16px;
	text-align : center;
	color : #cc6600;
}	
div#content h3 {
	line-height : 1.0;
	font-size : 16px;
	text-align : left;
	color : #12450a;
}		





div#footer {				/* ab hier alles ganz neu - weil fuss jetzt stehen bleibt */
	margin: 0px;
	padding: 0px 0px 0px 16px;
	background-image:url(images/backgrounds/end_line.gif);
	height: auto;	/* zu bebachten */
}
div#footer a {
	font-weight: bold;
	color: #E85C00;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 4px 0px 4px;
}
div#footer a:hover {
	font-weight: bold;
	color: #E85C00;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 4px 0px 4px;
}
div#copy {	
	font-size: 0.8em;
	padding-right:20px;
}