/* 
Theme Name: Wordpress Theme Olaf Meier
Description: Wordpress Theme Olaf Meier
Author: Jannis Gerlinger
Author URI: http://www.jannis-gerlinger.de
Start: 08.03.2009
Letzte Aenderung: 06.05.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Textfarbe): #5e5e5e 
Farbton (Farbton): #xxxxxx
Farbton (Farbton): #xxxxxx
Farbton (Farbton): #xxxxxx
Farbton (Farbton): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals
--------------------------------------------------------------------------------------- */
body {
	background: #421d10 url(_images/bg.jpg) fixed left top;
	color: #000;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 80%;
	line-height: 150%;
	}
	
/* Globale - Links
--------------------------------------------------------------------------------------- */
a:link {
	color: #f69a1f;
	text-decoration: none;
	}


a:visited {
	color: #f69a1f;
	text-decoration: none;
	}


a:hover {
	text-decoration: underline;
	}

/* Layout
--------------------------------------------------------------------------------------- */
#wrapper {
	height: 800px;
	margin: 0 auto;
	width: 960px;	
	}
	
	
#logo {
	float: left;
	margin: 10px 0 0 20px;
	}
	
	
#navigation {
	float: left;
	list-style-type: none;
	margin: 45px 0 0 45px;
	}
	
	
#navigation li {
	float: left;
	}
	
	
#teaser_top {
	background: url(_images/teaser_top.png);
	float: left;
	height: 8px;
	width: 960px;	
	}
	
	
#teaser_top_rund {
	background: url(_images/teaser_top_rund.png) no-repeat;
	float: left;
	height: 5px;
	margin: 0 0 5px 25px;
	width: 960px;	
	}


#teaser {
	background: url(_images/teaser.jpg);
	float: left;
	height: 368px;
	margin-left: 25px;
	width: 910px;
	}
	
	
#flash_header {
	height: 195px;
	left: 510px;
	position: relative;
	top: 95px;	
	width: 425px;
	}


#content_bg {
	background: url(_images/content_bg.png);
	float: left;
	overflow: hidden;
	width: 960px;
	}
	
	
	
#verlauf_main_top {
	background: url(_images/verlauf_main_top.png);
	float: left;
	height: 46px;
	margin: 1px 0 0 25px;
	width: 910px;
	}


#hauptspalte {
	float: left;
	margin-left: 45px;
	width: 500px;
	}
	

#seitenspalte {
	float: left;
	margin-left: 70px;
	padding-top: 30px;
	width: 300px;
	}	
	

#kontaktfeld {
	background: #f0efef;
	border: 1px solid #dedddd;
	border-top: none;
	float: left;
	font-size: 90%;
	list-style-type: none;
	padding: 6px 0 5px 5px;
	width: 287px;
	}
	
	
li.leerzeile {
	margin-top: 10px;			  
			  }
	
#kontaktfeld a {
	color: #633800;
	}
	
	
#angebotsfeld {
	background: #f0efef;
	border: 1px solid #dedddd;
	border-top: none;
	float: left;
	font-size: 90%;
	list-style-type: disc;
	list-style-position: inside;
	padding: 6px 0 5px 5px;
	width: 287px;
	}
	
	
#kontaktfeld a:hover {
	color: #e18308;
	text-decoration: none;
	}	
	
	
#galerie {
	float: left;
	list-style-type: none;
	margin-top: 40px;
	width: 350px;
	}


.galerie_small {
	float: left;
	margin: 0 8px 3px 0;	
	}


.bilderrahmen, a.bilderrahmen {
	border: 4px solid #ccc;
	}


a:hover .bilderrahmen {
	border-color: #f69a1f;
	}


#footer {
	background: url(_images/footer.png);
	float: left;
	height: 50px;
	width: 960px;
	}


#footer_text {
	color: #ffa200;
	float: left;
	font-size: 85%;
	height: 30px;
	margin-left: 30px;
	width: 960px;
	}
	
	
#footer_text a:hover {	
	color: #fff;
	}


/* Slideshow
--------------------------------------------------------------------------------------- */
#slideshow_bg {
	background: url(_images/slideshow_bg.png);
	float: left;
	height: 211px;
	margin-left: 25px;
	width: 910px;
	}


div.slideshow {
	margin-left: 80px;
	padding: 10px 1px 0 7px;
	}


div.slideshow img {
	margin-right: 25px;
	}


.prev {
	background: url(_images/next.png);
	cursor: pointer;
	float: left;
	height: 75px;
	margin: -144px 0 0 870px;
	width: 40px;
	}
	

.next {
	background: url(_images/prev.png);
	cursor: pointer;
	float: left;
	height: 75px;
	margin-right: -40px;
	margin-top: 65px;
	width: 40px;
	}
		
/* Suchfeld
--------------------------------------------------------------------------------------- */	
#suchfeld {
	color: #777;
	padding: 8px 0 0 10px;
	}


#suchen input {
	background: url(_images/suchfeld.png);
	float: left;
	height: 23px;
	width: 210px;
	} 


#suchen input.button {
	background: url(_images/suchfeld_btn.png);
	float: left;
	height: 31px;
	width: 45px;
	}
	
	
/* Überschriften
--------------------------------------------------------------------------------------- */
h1 {	
	border-bottom: 1px dotted #3a3a3a;
	color: #5e5e5e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: lighter;
	margin-top: 30px;
	padding-bottom: 8px;
	}
	

h2 {
	background: url(_images/h2_bg.png);
	border-bottom: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	font-size: 120%;
	height: 24px;
	margin-top: 40px;
	padding: 6px 0 0 5px;
	width: 289px;
	}
	
	
h3 {
	font-size: 120%;
	margin-top: 20px;
	}	

/* Absätze
--------------------------------------------------------------------------------------- */
p.big {
	color: #5e5e5e;
	font-size: 200%;	
	line-height: 130%;
	margin-top: 30px;
	}


span.fett_orange {
	color: #F90;
	font-size: 140%;	
	}
	

p.text {
	color: #5e5e5e;
	margin: 25px 0;
	}
	

p.absatz_small {
	color: #5e5e5e;
	margin: 10px 0;
	}
	

p.copyright {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	}
	
	
p.powered {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 200px;
	}	

/* Navigation
--------------------------------------------------------------------------------------- */
#navbar {
	background: url(_images/nav-bar.png) no-repeat;
	cursor: pointer;
	height: 50px;
	left: 338px;
	position: relative;
	top: 45px;
	width: 604px;
	z-index: 30;
	}

#menu {
	cursor: pointer;
	list-style: none;
	left: 13px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	}
	
#menu li {
	cursor: pointer;
	float: left;
	line-height: 100%;
	margin: 0;
	padding: 0;
	}
	
#menu a {
	cursor: pointer;
	color: #fff;
	display: block;
	float: left;	
	height: 22px;
	padding: 0 11px;
	}

#menu a:hover, #menu .current_page_item {
	cursor: pointer;
	background: url(_images/nav-hover.png) no-repeat center bottom;
	color: #ffba00;
	text-decoration: none;
	}
	
#menu .current_page_item {
	cursor: pointer;
	color: #ffba00;
	}