/*
Theme Name: Franz Fink 
Theme URI: http://franz-fink.de
Description: Theme zu franz-fink.de
Version: 1.0
Author: Steffen Gramberg (SDV Werbestudio)
Author URI: http://sdv-werbestudio.de
Tags: three columns
*/

/**** RESET CSS ****/
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}:focus{ outline:0}body{ line-height:1;overflow:scroll;}ol,ul{ list-style:none}table{ border-collapse:separate; border-spacing:0;}caption,th,td{ text-align:left; font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""}

body {
background-color: #fff;
font: 12px Tahoma, Verdana, Arial, sans-serif;
color: #585858;
height: 100%;
width: 100%;
}

#main {
margin: 0px auto 0px auto;
width: 1000px;
}

#wrap {
width: 1000px;
}

/**** HEAD ****/

#head {
height: 103px;
width: 1000px;
margin-bottom: 30px;
}

#head p {
float: right;
margin-top: 37px;
}

#head p a {
display: block;
width: 241px;
height: 66px;
outline: none;
text-indent: -9999em;
background: #fff url(images/sprite.jpg) no-repeat 0px -238px;
}

/**** NAVIGATION ****/

ul#nav {
list-style: none;
margin: 0;
padding: 0;
}

ul#nav li {
float: left;
}

ul#nav li a {
height: 98px;
display: block;
text-indent: -9999em;
outline: none;
}

ul#nav li.aktuelles a {
background: #fff url(images/sprite.jpg) no-repeat 0px 0px;
width: 120px;
}

ul#nav li.aktuelles a.active {
background: #fff url(images/sprite.jpg) no-repeat 0px -98px;
width: 120px;
}

ul#nav li.wirueberuns a {
background: #fff url(images/sprite.jpg) no-repeat -122px 0px;
width: 135px;
}

ul#nav li.wirueberuns a.active {
background: #fff url(images/sprite.jpg) no-repeat -122px -98px;
width: 135px;
}

ul#nav li.gartengestaltung a {
background: #fff url(images/sprite.jpg) no-repeat -257px 0px;
width: 157px;
}

ul#nav li.gartengestaltung a.active {
background: #fff url(images/sprite.jpg) no-repeat -257px -98px;
width: 157px;
}

ul#nav li.floristik a {
background: #fff url(images/sprite.jpg) no-repeat -414px 0px;
width: 112px;
}

ul#nav li.floristik a.active {
background: #fff url(images/sprite.jpg) no-repeat -414px -98px;
width: 112px;
}

ul#nav li.galerie a {
background: #fff url(images/sprite.jpg) no-repeat -526px 0px;
width: 115px;
}

ul#nav li.galerie a.active {
background: #fff url(images/sprite.jpg) no-repeat -526px -98px;
width: 115px;
}

ul#nav li.kontakt a {
background: #fff url(images/sprite.jpg) no-repeat -641px 0px;
width: 104px;
}

ul#nav li.kontakt a.active {
background: #fff url(images/sprite.jpg) no-repeat -641px -98px;
width: 104px;
}


ul#nav li.aktuelles a.active {
background: #fff url(images/sprite.jpg) no-repeat 0px -98px;
width: 120px;
}

ul#nav li.wirueberuns a {
background: #fff url(images/sprite.jpg) no-repeat -122px 0px;
width: 135px;
}

/*ul#nav li.aktuelles a:hover {
background: #fff url(images/sprite.jpg) no-repeat 0px -98px;
width: 120px;
}

ul#nav li.wirueberuns a:hover {
background: #fff url(images/sprite.jpg) no-repeat -122px -98px;
width: 135px;
}

ul#nav li.gartengestaltung a:hover {
background: #fff url(images/sprite.jpg) no-repeat -257px -98px;
width: 157px;
}

ul#nav li.floristik a:hover {
background: #fff url(images/sprite.jpg) no-repeat -414px -98px;
width: 112px;
}

ul#nav li.galerie a:hover {
background: #fff url(images/sprite.jpg) no-repeat -526px -98px;
width: 115px;
}

ul#nav li.kontakt a:hover {
background: #fff url(images/sprite.jpg) no-repeat -641px -98px;
width: 104px;
}*/


/**** SUBNAVIGATION ****/

#subnav {
width: 256px;
height: 600px;
float: left;
}

#subnav h2 {background: #ffe389; padding-left: 30px; line-height: 34px; font-size: 16px;}

#subnav p {
width: 256px;
height: 305px;
background: #fff url(images/sprite.jpg?2010-05-10-13-39) no-repeat -310px -245px;
}

#subnav ul {
background-color: #ffc712;
padding: 10px 0px 10px 0px;
}

#subnav ul li {
padding-left: 30px;
}

#subnav ul li a {
font: 12px/32px Tahoma, Verdana, Arial, sans-serif;
color: #585858;
text-decoration: none;
border-bottom: 2px dotted #bc9a2e;
display: block;
width: 200px;
}

#subnav ul li a:hover, #subnav ul li.current_page_item a {
font: bold 12px/32px Tahoma, Verdana, Arial, sans-serif;
color: #585858;
text-decoration: none;
}

#subnav ul#sub li ul {
margin: 0;
padding: 0;
width: 226px;
}

#subnav ul li ul li {
padding-left: 0px;
}

#subnav ul li ul li.page_item a {
font: normal 12px/20px Tahoma, Verdana, Arial, sans-serif;
color: #585858;
display: block;
width: 211px;
padding-left: 15px;
border-bottom: 0;
}

#subnav ul li ul li a:hover, #subnav ul li ul li.current_page_item a {
background-color: #ffe389;
font: normal 12px/20px Tahoma, Verdana, Arial, sans-serif;
color: #585858;
display: block;
width: 211px;
padding-left: 15px;
}

/**** CONTENT ****/
#content {
width: 344px;
background-color: #009f5c;
min-height: 600px;
height: auto !important;
height: 600px;
color: #fff;
padding: 10px 20px 20px 20px;
float: left;
}

#big_content {
width: 704px;
background-color: #009f5c;
min-height: 306px;
height: auto !important;
/*height: 700px;*/
color: #fff;
padding: 10px 20px 20px 20px;
float: left;
margin-bottom: -561px;
}

#content h1 {
font: 20px/30px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
margin-bottom: 10px;
}

#content h3 {
font: bold 14px/20px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
}

#content p {margin-bottom: 20px;}

#content .minigal {border: 3px solid #fff; margin-bottom: 30px; position: absolute; z-index: 3;}

#content .minigal_wrap {position: relative; margin-bottom: 270px;}

#content a#prev {display: block; height: 55px; width: 25px; background: url(images/pfeil_links.png); text-indent: -9999em; cursor: pointer; position: absolute; top: 85px; left: 10px; z-index: 1337;}

#content a#next {display: block; height: 55px; width: 25px; background: url(images/pfeil_rechts.png); text-indent: -9999em; cursor: pointer; position: absolute; top: 85px; right: 14px; z-index: 1337;}

/**** RIGHT ****/
#right {
width: 360px;
height: 557px;
float: left;
}

#clearfix {
clear: both;
width: 1000px;
height: 4px;
background: #fff url(images/sprite.jpg) no-repeat 1px -550px;
}

#footer {
width: 1000px;
height: 60px;
background: #f7f7f7;
}

p#footer_1 {
position: relative;
top: -60px;
left: 0px;
}

p#footer_1 a.empfehlen {
display: block;
background: #fff url(images/sprite.jpg) 0px -199px;
font: 11px/14px Tahoma, Arial, Verdana, sans-serif;
color: #585858;
text-decoration: none;
padding-left: 20px;
margin-left: 30px;
width: 100px;
}

p#footer_1 a.drucken {
display: block;
background: #fff url(images/sprite.jpg) 0px -211px;
font: 11px/14px Tahoma, Arial, Verdana, sans-serif;
color: #585858;
text-decoration: none;
padding-left: 20px;
margin-left: 30px;
width: 100px;
}

p#footer_1 a.top {
display: block;
background: #f7f7f7 url(images/sprite.jpg) 0px -328px;
font: 11px/14px Tahoma, Arial, Verdana, sans-serif;
color: #585858;
text-decoration: none;
padding-left: 20px;
margin-left: 30px;
width: 100px;
margin-top: 25px;
}

p#footer_2 {
position: relative;
top: -80px;
left: 660px;
width: 340px;
}


p#footer_2 a {
display: inline;
color: #585858;
font-weight: bold;
text-decoration: none;
width: 50px;
margin-left: 50px;
}

strong {
font-weight: bold;
}