@charset "UTF-8";
/* CSS Document */

 /*--------------------------------------------------------------------------- 

* Filename: 			screen.css 
* Description: 		Global CSS
* Version: 				1.0.0 (2010-06-08) YYYY-MM-DD 
* Website:				http://www.genau-dein-obst.de/ 
* Author: 				Robert Morawe
* Agency:					© Butterf!sch - Werbeagentur 2010 - www.butterfisch-werbeagentur.de -

 == STRUCTURE: ============================== 

* Page width: 				950 px 
* Number of columns: 	3
  $__header						Header Definitions
  $__menu							Global Site Navigation 
  $__content					Everything within the content
  $__footer						Everything within the footer

--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
fieldset {
	border: 1px dotted #607995;
	padding: 8px;
	margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font: 100.01%/150% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
}
body#start {
	background: #e1dace url(/images/pflaumen/bg.jpg) no-repeat center top;
}
body#main {
	background: #f2ebdf url(/images/pflaumen/bg.jpg) no-repeat center top;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #607995;
	padding: 0px 0px 0.45em;
}
h1 {
	font-size: 1.38em;
	line-height: 1.3em;
	padding: 0px 0px 0.45em;
}
.inhalt h1 {padding: 0px 0px 0.75em;}
h2 {
	font-size: 1.13em;
	line-height: 1.45em;
}
h2 span {
	color: #000;
	display: block;
	font: 0.65em/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h3 {
	font-size: 1em;
	line-height: 1.42em;
}
h4 {
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0px 0px 0.4em;
	color: #333;
}
p, table, form {
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0px 0px 0.75em;
}


/*----- TABLE -----*/
table {
	width:100%;
	padding: 0px;
	clear: both;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	border-bottom: 1px dashed #607995;
	padding: 5px 0px 2px;
}

/*----- KLASSEN -----*/
.clear {clear: both;}
.hidden {visibility: hidden;}
.none {display: none;}
.copy {font-size: 0.63em;}
.bold {font-weight:bold;}
.alignright {text-align:right;}
.home {
	height: 98px;
	width: 148px;
	position: absolute;
	z-index: 10;
	right: 20px;
	top: -40px;
	background: url(/images/pflaumen/img-deco-home.png) no-repeat left top;
}
.main {
	height: 103px;
	width: 113px;
	position: absolute;
	z-index: 10;
	left: -10px;
	top: -10px;
	background: url(/images/pflaumen/img-deco-main.png) no-repeat left top;
}
.top {
	height: 44px;
	width: 33px;
	position: absolute;
	z-index: 50;
	right: -34px;
	bottom: 12px;
	background: url(/images/pflaumen/btn-top.png) no-repeat left top;
}
.top a:link, .top a:visited, .top a:hover, .top a:active {
	height: 44px;
	width: 33px;
	display: block;
	text-indent: -9999px;
}
.inhalt img.border {
	background: #FFF;
	padding: 5px;
	border: 1px solid #607995;
	float: right;
	margin: 0px 0px 0px 10px;
}
.rightColum img {
	background: #FFF;
	padding: 5px;
	border: 1px solid #607995;
}
a {
	color: #333;
	text-decoration: underline;
}
a.mail:link, a.mail:visited {
	background: url(/images/pflaumen/icon-email.gif) no-repeat left center;
	color: #333;
	text-decoration: underline;
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
a.mail:hover, a.mail:active {
	color: #607995;
	text-decoration: underline;
}
a.extern:link, a.extern:visited {
	background: url(/images/pflaumen/icon-new-window.gif) no-repeat right center;
	color: #333;
	text-decoration: underline;
	display: inline-block;
	padding: 0px 20px 0px 0px;
}
a.extern:hover, a.extern:active {
	color: #607995;
	text-decoration: underline;
}

/*----- Easy Slider -----*/
#sliderwrapper {
	width: 417px;
	height: 205px;
	background: url(/images/pflaumen/bg-slider.png) no-repeat left top;
	padding: 30px 0px 0px 25px;
	margin: 30px 0px 0px;
	float: right;
}
#slider {
	width: 395px;
	height: 177px;
	overflow: hidden;
}
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
/* // image replacement */

#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:395px;
	height:177px;
	overflow:hidden;
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:59px;
	height:59px;
	position:absolute;
	left:415px;
	top:115px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:860px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:59px;
	height:59px;
	background:url(/images/pflaumen/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(/images/pflaumen/btn_next.png) no-repeat 0 0;	
	}	



/*================NAVIGATION=================*/
ul#navigation {
	background: url(/images/pflaumen/bg-navi.gif) no-repeat left top;
	display: block;
	height: 36px;
	width: 898px;
	list-style: none;
	margin: 0px 16px;
	padding: 0px 10px;
}
ul#navigation li {
	float: left;
}
ul#navigation li a {
	display: block;
	float:left;
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
}
ul#navigation li.n01 a:link, ul#navigation li.n01 a:visited {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat left top;
	height: 26px;
	width: 63px;
}
ul#navigation li.n01 a:hover, ul#navigation li.n01 a:active, ul#navigation li.n01active a {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat left -26px;
	height: 26px;
	width: 63px;
}
ul#navigation li.n02 a:link, ul#navigation li.n02 a:visited {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -63px top;
	height: 26px;
	width: 76px;
}
ul#navigation li.n02 a:hover, ul#navigation li.n02 a:active, ul#navigation li.n02active a {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -63px -26px;
	height: 26px;
	width: 76px;
}
ul#navigation li.n03 a:link, ul#navigation li.n03 a:visited {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -139px top;
	height: 26px;
	width: 95px;
}
ul#navigation li.n03 a:hover, ul#navigation li.n03 a:active, ul#navigation li.n03active a {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -139px -26px;
	height: 26px;
	width: 95px;
}
ul#navigation li.n04 a:link, ul#navigation li.n04 a:visited {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -234px top;
	height: 26px;
	width: 141px;
}
ul#navigation li.n04 a:hover, ul#navigation li.n04 a:active, ul#navigation li.n04active a {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -234px -26px;
	height: 26px;
	width: 141px;
}
ul#navigation li.n05 a:link, ul#navigation li.n05 a:visited {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -375px top;
	height: 26px;
	width: 63px;
}
ul#navigation li.n05 a:hover, ul#navigation li.n05 a:active, ul#navigation li.n05active a {
	background: url(/images/pflaumen/bg-img-navi.gif) no-repeat -375px -26px;
	height: 26px;
	width: 63px;
}
ul.subnavi {
	padding: 0px 12px;
	float: left;
	width: 162px;
	display: block;
	list-style: none;
	margin: 48px 0px 0px;
}
ul.subnavi li {
	display: block;
	padding: 2px 0px;
}
ul.subnavi li a {
	font-size: 0.75em;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.2em;
	display: block;
	padding: 0px 5px;
}
ul.subnavi li a:link, ul.subnavi li a:visited {
	color: #607995;
}
ul.subnavi li a:hover, ul.subnavi li a:active, ul.subnavi li.active a {
	color: #000;
}

/*================LAYOUT=================*/
#container {
	margin: auto;
	width: 950px;
}
#service {
	height: 20px;
	width: 200px;
	padding: 0px 0px 0px 750px;
}
#service ul {
	background: url(/images/pflaumen/bg-service.gif) no-repeat left top;
	display: block;
	height: 20px;
	width: 173px;
	list-style: none;
	text-align: center;
	padding: 0px 10px 0px 0px;
}
#service ul li {
	display: block;
	float: right;
	padding: 0px;
	height: 20px;
}
#service ul li a:link,
#service ul li a:visited,
#service ul li a:hover,
#service ul li a:active {
	color: #FFF;
	text-decoration: none;
	font-size: 0.69em;
	line-height: 2em;
	padding: 0px 16px;
	display: block;
	float: left;
}
#header {
	clear: both;
	display: block;
	height: 200px;
	width: 950px;
	position: relative;
}
#header a {
	display: block;
	height: 200px;
	width: 400px;
	font-size: 2em;
	color: #000;
	text-decoration: none;
	text-align: center;
	text-indent: -9999px;
}
#header a span {
	display: block;
}
#header #overlay {
	height: 191px;
	width: 292px;
	border-style: none;
	position: absolute;
	z-index: 100;
	right: 154px;
	top: 83px;
	background: url(/images/pflaumen/img-pflaumen.png) no-repeat left top;
}
#content {
	padding: 6px 20px 20px;
}
#intro {
	width: 910px;
	padding: 0px 0px 15px;
}
.left-w445 {
	width: 445px;
	float:left;
	position: relative;
}
#teaser {
	float: right;
	width: 442px;
	text-align: right;
	padding: 10px 0px 0px;
}

.addthis_default_style {
	padding: 20px 0px 20px 130px;
	font-size: 0.75em;
	line-height: 1.5em;
}
#maincontent {
	padding: 6px 20px 20px;
	background: url(/images/pflaumen/bg-content.gif) no-repeat center top;
	position: relative;
}
.inhalt {
	padding: 18px 15px 0px;
	float: left;
	width: 443px;
	position: relative;
}
.rightColum {
	float: right;
	width: 248px;
	padding: 18px 0px 0px;
	text-align: center;
}
#footer {}

/*================FORMULAR=================*/
label {
	display: block;
	padding: 5px 0px 0.75em;
}
label.textarea {
	height: 120px;
}
label.submit {
	height: 35px;
}
input.text,
select {
	float: right;
	width: 300px;
}
input.text {
	background: #FFF;
	border: 1px solid #607995;
	padding: 3px 0px;
}
textarea {
	float: right;
	width: 300px;
	height: 120px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #FFF;
	border: 1px solid #607995;
}
input.submit {
	float: right;
	color: #FFF;
	background: url(/images/pflaumen/btn-senden.gif) no-repeat left top;
	display: block;
	height: 35px;
	width: 210px;
	font: italic bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	cursor: pointer;
	border-style: none;
}