@charset "utf-8";

	body, html{
		margin: 0;
		padding: 0;
		background: #4A4A4A url('images/background-gradient.png') repeat-x;
		height: 100%;
		
		color: #ffffff;
		font-family: Verdana;
		font-size: 11px;
	}

	p{
		margin: 15px 0 0 0;
		line-height: 17px;
		
	}

	img{
		border: 1px solid #202020;
		margin: 15px 15px 0 0;
		float: left;
	}
	
	a{
		color: #888888;
	}
	
	a:hover{
		color: #cccccc;
	}
	
	#pattern{
		background: url('images/background-pattern.png');
		min-width: 900px;
		min-height: 100%;
		width: 100%;
	}

	#container{ 
		margin: 0 0 50px 0;
		width: 900px;
		position: relative;
		z-index: 1;
	}

	#innerwrapper{
		margin: 30px 50px 0px 50px;
	}

/* HEADER [[ */
	#header a.heading{
		display: inline-block;
		vertical-align: top;
		margin: 0;
		padding: 40px 0 30px 50px;
		background: url('images/heading.png') no-repeat 50px 40px;
		height: 93px;
		outline: none;
		text-indent: -30000px;
		width: 650px;
	}
	
	#header hr{
		margin: 0 50px 0 50px;
		background: #818181;
		height: 1px;
		border: 0;
	}
	
	#header p{
		display: inline-block;
		vertical-align: top;
		width: 150px;
		text-align: right;
		margin: 40px 50px 0 0;
		text-transform: uppercase;
	}
/* ]] END-HEADER */

/* NAVIGATION [[ */
	#navigation{
		display: inline-block;
		vertical-align: top;
		width: 200px;
		margin-right: 150px;
		
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		position: relative;
	}

	#navigation ul{
		margin: 10px 0 10px 0;
		list-style: none;
		padding: 0;
		width: 200px;
	}

	#navigation ul li{
		padding: 0px;
		
		background: url('images/nav-bullet.png') no-repeat 7px 11px;
	}
	
	#navigation ul li:hover{
		background: #ffffff url('images/nav-bullet-selected.png') no-repeat 7px 11px;
	}
	
	#navigation ul li.selected{
		background: #ffffff url('images/nav-bullet-selected.png') no-repeat 7px 11px !important;
	}

	#navigation ul li a{
		display: block;
		padding: 7px 0 7px 22px;
		width: 178px;
		outline: none;
		
		text-decoration: none;
		color: #ffffff;
	}

	#navigation ul li a:hover{
		color: #3b3b3b;
	}

	#navigation ul li.selected a{
		color: #3b3b3b !important;
	}
/* ]] END-NAVIGATION */

/* CONTENT [[ */
	#content{
		display: inline-block;
		vertical-align: top;
		width: 450px;
	}
	
	#content h2{
		margin: 7px 0 0 0;
		padding-bottom: 15px;
		text-indent: -30000px;
		width: 450px;
	}
/* ]] END-CONTENT */



/* INDEX [[ */
	#innerwrapper-index{
		position: relative;
		margin: 30px 50px 0px 50px;
		height: 650px;
	}
	
	#header a.heading-center{
		display: block;
		margin:  0 auto;
		padding-top: 80px;
		background: url('images/index/heading.png') no-repeat 0px 80px;
		height: 93px;
		outline: none;
		text-indent: -30000px;
		width: 250px;
	}

	div#enter-group {
		position:absolute;
		left: 500px;
		text-align:right;
		top:200px;
		width:180px;
	}
	
	div#enter-group h2 {
		background:transparent url(images/index/heading-explore.png) no-repeat scroll 0 0;
		display:block;
		height:60px;
		margin:0;
		text-align:left;
		text-indent:-30000px;
	}

	div#enter-group a {
		display:block;
		margin:15px 0 30px 73px;
		padding:7px 5px 7px 30px;
		width:70px;
		
		background:#FFFFFF url(images/nav-bullet-selected.png) no-repeat scroll 20px 11px !important;
		color:#3B3B3B;
		font-family:Verdana;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	div#enter-group p{
			text-transform: uppercase;
			font-size: 12px;
	}
/* ]] END-INDEX */



/* PROFIL [[ */
	#content h2.uebermich{
		background: url('images/uebermich/uebermich.png') no-repeat -3px 0;
		height: 29px;
	}
	
		#content h2.wegzumir{
		background: url('images/uebermich/wegzumir.png') no-repeat 0px 0;
		height: 29px;
		margin-top: 70px;
	}
/* ]] END-PROFIL */

/* PREISE [[ */
		#content h2.angebote{
		background: url('images/angebote/meine_angebote.png') no-repeat -2px 0;
		height: 29px;
	}

	dl.price-list{
		margin-bottom: 20px;
	}
	
	dl.price-list dt{
		display: inline-block;
		vertical-align: top;
		width: 250px;
	}
	
	dl.price-list dd{
		display: inline-block;
		vertical-align: top;
		margin-right: 50px;
	}
/* ]] END-PREISE */

/* MEINUNGEN [[ */
		#content h2.meinungen{
		background: url('images/meinungen/ihre_meinungen.png') no-repeat 0 0;
		height: 29px;
	}
	
	div#guestbook div.entry{
		background: #2F2F2F;
		padding: 20px;
		margin: 20px 0 20px 0;
	}
	
	div#guestbook div.entry h2{
		text-indent: 0;
		width: 300px;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}
	
	div#guestbook div.entry h4{
		margin: 0;
		width: 100px;
		margin-top: 3px;
	}
	
	div#guestbook div.entry img.rating{
		display: inline-block;
		vertical-align: top;
		border: 0;
		margin: 3px 0 0 25px;
		float: none;
	}
	
	div#guestbook form h2{
		text-indent: 0;
		width: 100%;
		margin: 20px 0 20px 0;
		padding: 0;
	}
	
	div#guestbook form dt{
		margin: 0;
		display: inline-block;
		vertical-align: top;
		width: 190px;
	}
	
	div#guestbook form dd{
		display: inline-block;
		vertical-align: top;
		margin: 0 0 15px 0;
		width: 256px;
	}
	
	div#guestbook form input, div#guestbook form textarea, div#guestbook form select{
		width: 250px;
		background: #2f2f2f;
		color: #ffffff;
		border: #aaaaaa 1px solid;
		padding: 2px;
		font-family: Courier;
		font-size: 14px;
	}

	div#guestbook form img.spamimage{
		margin: 0;
	}

	div#guestbook form input.spaminput{
		width: 105px;
	}
	
	div#guestbook form input#submit{
		width: 256px;
		border-right: #666666 1px solid;
		border-bottom: #666666 1px solid;
		background: #888888;
		color: #2f2f2f;
		font-weight: bold;
		cursor: pointer;
	}
	
	div#guestbook form select{
		width: 256px;
	}
	
	div#guestbook hr{
		background:#818181;
		border:0 none;
		height:1px;
		margin: 20px 0 5px 0;
	}
	
	div#guestbook form input.error, div#guestbook form textarea.error{
		border: #CD3232 1px solid !important;
	}
	
	p#error{
		padding: 10px;
		margin-bottom: 20px;
		background: #B22424;
	}
	
		p#good{
		padding: 10px;
		margin-bottom: 20px;
		background: #187637;
	}
	
/* ]] END-MEINUNGEN */

/* GALERIE [[ */
		#content h2.galerie{
		background: url('images/galerie/galerie.png') no-repeat 0px 0;
		height: 29px;
	}
/* ]] END-GALERIE */

/* IMPRESSUM [[ */
		#content h2.impressum{
		background: url('images/impressum/impressum.png') no-repeat 0px 0;
		height: 29px;
	}
/* ]] END-IMPRESSUM */

/* FOOTER [[ */
	#footer{
		position: relative;
		clear: both;
		width: 100%;
		
		height: 80px;
		background: #2f2f2f;
	}

	#footer div{
		position: relative;
		margin: 0 0 50px 0;
		width: 900px;
	}

	#footer p{
		position: absolute;
		right: 50px;
	}

	#footer a{
		color: #ffffff;
	}
/* ]] END-FOOTER */