/*

	CSS Styles


   	http://www.drumsbyrequest.de
   
   	Copyright 2008, Markus Spiske
   	http://www.waaf.net

*/

/*------------------------------------general styles------------------------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin:0;
	padding:0;
	color:#eaddcf;
}

body {
	font:10px/160% Verdana, Tahoma, Arial, Helvetica, Sans-Serif, Lucida Grande, Lucida Sans, Geneva;
	text-align:left;
	background-color:#dbd5cd;
	background: url(../img/body_bg.gif) repeat-y;

}

a:link, a:visited {
	color:#dbc1a4;
	text-decoration:none;
}

a:hover,a:active {
  color:#dbc1a4;
}

a img, a:hover img {
	border:none;
}

h1 {
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#dbc1a4;
	text-align:left;
}

h2 {
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#eaddcf;
	text-align:left;
}

h3 {
	font-size:10px;
	font-weight:normal;
	margin-left:15px;
	color:#eaddcf;
	text-align:left;
}

.beige  {	
	color:#dbc1a4;
	font-weight:bold;		
}

.formular  {
	margin-left:30px;		
}

.grey {color:#666;}

/*+++++++++++++++++++++++++++formular+++++++++++++++++++++++++++*/
	input { border: 1px solid #dbc1a4; background-color: #1c1c1c; font-family:Verdana, Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #dbc1a4;}
	select { border: 1px solid #dbc1a4; background-color: #1c1c1c; font-family:Verdana, Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #dbc1a4;}
	textarea { border: 1px solid #dbc1a4; background-color: #1c1c1c; font-family:Verdana, Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #dbc1a4;} 

/*------------------------------------container------------------------------------*/
#container {
	width:925px;
	margin:0 auto;
}
/*------------------------------------head------------------------------------*/
#head {
	width:925px;
	height:30px;
	margin-top:0px;
}

/*------------------------------------pic------------------------------------*/
#pic {
	width:925px;
	height:140px;
  	float:left;
	margin-top:0px;
	background: url(../img/header.png) no-repeat;
}

/*------------------------------------mainnavi------------------------------------*/
#mainnav {
	width:925px;
	height:30px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	background: url(../img/navi_bg.gif) no-repeat;
}

#mainnav ul{
	list-style:none;
}

#mainnav li{
	float:left;
	margin-left:0px;
}

#mainnav li a.home, #mainnav li a.home_aktiv, #mainnav li a.getstarted, #mainnav li a.getstarted_aktiv, #mainnav li a.leistungen, #mainnav li a.leistungen_aktiv, #mainnav li a.preise, #mainnav li a.preise_aktiv, #mainnav li a.bio, #mainnav li a.bio_aktiv, #mainnav li a.faq, #mainnav li a.faq_aktiv, #mainnav li a.kontakt, #mainnav li a.kontakt_aktiv, #mainnav li a.login, #mainnav li a.login_aktiv, #mainnav li a.performance, #mainnav li a.performance_aktiv, #mainnav li a.prices, #mainnav li a.prices_aktiv, #mainnav li a.contact, #mainnav li a.contact_aktiv {
	display:block;
}

#mainnav li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;	
}

#mainnav li a:hover.home {
	background:url(../img/navi_home_over.gif) no-repeat;
}

#mainnav li a.home_aktiv {
	background:url(../img/navi_home_over.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.getstarted {
	background:url(../img/navi_getstarted.gif) no-repeat;
	width:125px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.getstarted {
	background:url(../img/navi_getstarted_over.gif) no-repeat;
}

#mainnav li a.getstarted_aktiv {
	background:url(../img/navi_getstarted_over.gif) no-repeat;
	width:125px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.leistungen {
	background:url(../img/navi_leistungen.gif) no-repeat;
	width:120px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.leistungen {
	background:url(../img/navi_leistungen_over.gif) no-repeat;
}

#mainnav li a.leistungen_aktiv {
	background:url(../img/navi_leistungen_over.gif) no-repeat;
	width:120px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.preise {
	background:url(../img/navi_preise.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.preise {
	background:url(../img/navi_preise_over.gif) no-repeat;
}

#mainnav li a.preise_aktiv {
	background:url(../img/navi_preise_over.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.bio {
	background:url(../img/navi_bio.gif) no-repeat;
	width:63px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.bio {
	background:url(../img/navi_bio_over.gif) no-repeat;
}

#mainnav li a.bio_aktiv {
	background:url(../img/navi_bio_over.gif) no-repeat;
	width:63px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.faq {
	background:url(../img/navi_faq.gif) no-repeat;
	width:63px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.faq {
	background:url(../img/navi_faq_over.gif) no-repeat;
}

#mainnav li a.faq_aktiv {
	background:url(../img/navi_faq_over.gif) no-repeat;
	width:63px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.kontakt {
	background:url(../img/navi_kontakt.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.kontakt {
	background:url(../img/navi_kontakt_over.gif) no-repeat;
}

#mainnav li a.kontakt_aktiv {
	background:url(../img/navi_kontakt_over.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.login {
	background:url(../img/navi_login.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.login {
	background:url(../img/navi_login_over.gif) no-repeat;
}

#mainnav li a.login_aktiv {
	background:url(../img/navi_login_over.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}


#mainnav li a.performance {
	background:url(../img/navi_performance.gif) no-repeat;
	width:120px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.performance {
	background:url(../img/navi_performance_over.gif) no-repeat;
}

#mainnav li a.performance_aktiv {
	background:url(../img/navi_performance_over.gif) no-repeat;
	width:120px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.prices {
	background:url(../img/navi_prices.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.prices {
	background:url(../img/navi_prices_over.gif) no-repeat;
}

#mainnav li a.prices_aktiv {
	background:url(../img/navi_prices_over.gif) no-repeat;
	width:90px;
	height:30px;
	margin-left:0px;
}

#mainnav li a.contact {
	background:url(../img/navi_contact.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}

#mainnav li a:hover.contact {
	background:url(../img/navi_contact_over.gif) no-repeat;
}

#mainnav li a.contact_aktiv {
	background:url(../img/navi_contact_over.gif) no-repeat;
	width:86px;
	height:30px;
	margin-left:0px;
}

#mainnav span {
	display:none;
}

/*------------------------------------content------------------------------------*/
#content { 
  	width:900px;
  	float:left;	
	background:url(../img/content_bg.gif) repeat-y;
	padding:0px 0px;
}

/*------------------------------------text------------------------------------*/
#box_01 {
	width:580px;
	float:left;
	margin-top:0px;
	margin-left:10px;
	padding:10px 10px;
}

#box_01_content {
	float:left;
	padding:10px 10px;
}

#box_02 {
	width:270px;
	float:left;
	margin-top:0px;
	margin-left:10px;
	padding:0px 0px;
}

#box_02_content {
	float:left;
	padding:10px 10px;
}

#step {
	width:530px;
	float:left;
	padding:0px 0px;
}


/*------------------------------------footer------------------------------------*/
#footer {     
	width:925px;
	height:130px;
	float:left;
	margin-top:0px;
	margin-right:0px;
	background:url(../img/bg_footer.png) no-repeat;
}

#footer_content {     
	width:900px;
	height:105px;
	float:left;
	padding-top:24px;
	text-align:right;
	color:#666;
}