/* agrarfoto.com 2010 - style.css */
/* gruen: #528840; */
/* :after {content:" "; display:block; height:0; clear:both; visibility:hidden;}		*/
/* allgemeines */
* {margin:0; padding:0;}
html {
 height:100%;
 overflow:hidden;
}
body {
 font:100.01%/130% Arial,Helvetica,sans-serif;
 color:#333;
 height:100%;
 overflow:hidden;
}
p#print {display:none;}
div#bild-wrapper {
 width:100%;
 height:100%;
 background:#fff;
 position:relative;
 overflow:hidden;
 z-index:-1;
}
div#bild-wrapper img {
 width:100%;
}
div#content-wrapper {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:auto;
}

/* logo */
div#head {
 background:url(images/logo.png) no-repeat;
 float:left;
 margin:50px 0 4px 60px;
 padding:77px 50px 18px 110px;
 color:#fff;
}
div#head h1 {
 display:none;
}
div#head h2 {
 font-size:1em;
 letter-spacing:1px;
 font-weight:normal;
}

/* menue oben */
ul#menue {
 clear:left;
 margin:0 0 0 60px;
 height:60px;
}
ul#menue li {
 float:left;
 background-image:url(images/trans-weiss.png);
 list-style-type:none;
}
ul#menue li#bdb {
 padding-right:13px;
 padding-left:26px;
}
ul#menue li#galerie {
 padding-left:13px;
}
ul#menue li a {
 float:left;
 padding:9px 9px 8px 9px;
 font-weight:bold;
 color:#528840;
 font-size:1em;
 text-decoration:none;
 margin-right:1px;
}
ul#menue li a:hover {
 background-image:url(images/trans-weiss.png);
}
/* aktive */
body#bodyauftragsarbeiten li#auftragsarbeiten a {background-image:url(images/trans-weiss-2.png);}
body#bodygalerie li#galerie a {background-image:url(images/trans-weiss-2.png);}
body#bodyteam li#team a {background-image:url(images/trans-weiss-2.png);}
body#bodykontakt li#kontakt a {background-image:url(images/trans-weiss-2.png);}

/* content */
div#content {
 clear:both;
 padding:0 60px 25px 60px;
 line-height:120%;
 max-width:1100px;
}
div#content:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
div#content a {
 color:#333;
}
div#content a:hover {
 text-decoration:none;
}
div#content h3 {
 background-image:url(images/trans-gruen.png);
 color:#fff;
 padding:10px 55px 10px 22px;
 font-size:1.2em;
 margin-bottom:4px;
 margin-top:25px;
}
div#content h3.opener {
 background:url(images/opener-bgrnd.png) no-repeat left top;
 padding-left:45px;
}
div#content h3.closer {
 background:url(images/opener-bgrnd.png) no-repeat left bottom;
 padding-left:45px;
}


div#content div.content-inner {
 clear:both;
 padding:32px;
 background-image:url(images/trans-weiss.png);
}
div#content div.content-inner:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
*+html div#content div.content-inner { 
 height:1%;
}
div#content div.content-inner h4 {
 font-size:1em;
 margin-bottom:10px;
 padding:5px;
 color:#528840;
 background-image:url(images/trans-weiss-2.png);
}
div#content div.content-inner p {
 padding:0 0 10px 0;
}

/* seiten */

/* home */
div#content div.content-inner p.home-slogan {
 padding:33px;
 line-height:140%;
 font-size:1.1em;
 background-image:url(images/trans-weiss.png); 
 border:8px solid #fff;
}
div#content div.content-inner p.home-slogan strong {
 color:#64A543;
}
body#bodyhome div.content-inner-top {
 position:relative;
 margin-bottom:5px;
}

div#home-left, div#home-left-2 {
 padding-right:360px;
}

div#home-right, div#home-right-2 {
 position:absolute;
 top:32px;
 right:32px;
 padding:33px;
 background-image:url(images/trans-weiss-2.png);  
 border:8px solid #fff;
 
}
body#bodyhome div#home-right h4 {
 background:#fff;
 padding-left:7px;
}
div#home-right form input#begriff {/* suchbegriff */
 height:28px;
 line-height:28px;
 width:225px;
 padding-left:6px;
 border:1px solid #64A543;
 float:left;
 margin-right:3px;
 outline:none;
}
div#home-right form input#begriff:focus {
 border:1px solid #360;
}
div#home-right form input.go {/* submit button */
 width:30px;
 height:30px;
 background:url(images/go.png) no-repeat;
 float:left;
 border:1px solid #64A543;
}
div#home-right form input.go:hover {
 cursor:pointer;
 text-decoration:none; 
 border:1px solid #360;
}

body#bodyhome div.home-half {
 width:49%;
 float:left;
}
body#bodyhome div#content div.home-half h3 {
 margin-top:5px;
 font-size:1.1em;
}
body#bodyhome div.home-half-right {
 float:right;
}

body#bodyhome div#content p.slider-clear {
 clear:both;
 height:1px;
 overflow:hidden;
}

/* galerie */
body#bodygalerie div.content-inner {
 position:relative;
}
body#bodygalerie div#home-right {
 top:67px;
}

/* auftragsarbeiten */
body#bodyauftragsarbeiten div.content-inner {
 position:relative;
}
body#bodyauftragsarbeiten div#home-left {
 padding-right:382px;
}
body#bodyauftragsarbeiten div#home-right {
 top:32px;
}


/* team */
div.teamdetail {
 width:45%;
 min-width:380px;
 float:left;
 padding:0 3% 15px 0;
}
div.teamdetail img {
 float:left;
 margin:0 10px 0 0;
 border:1px solid #fff;
 padding:2px;
}
div#content div.content-inner div.teamdetail h4 {
 margin:0 0 3px 185px;
}
div.teamdetail ul {
 margin:8px 0 0 215px;
 list-style-type:none;
 list-style-image:url(images/bullet.png);
}
div.teamdetail ul li {
 padding-bottom:4px;
}

/* kontakt */
body#bodykontakt div.content-inner {
 margin-bottom:20px;
}
address {
 font-style:normal;
 line-height:140%;
 padding:5px 20px;
}
address b {
 display:inline-block;
 width:3.5em;
}
div#content div.content-inner p#gal {
 padding:15px 0 0 0;
 font-size:0.8em;
 line-height:115%;
}

/* galerie */
ul#zufallslinks {
 width:100%;
 border-left:1px solid #528840;
}
ul#zufallslinks:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul#zufallslinks li {
 list-style-type:none;
 float:left;
 margin-right:2px;
}
ul#zufallslinks li a {
 display:block;
 background-image:url(images/trans-weiss.png);
 padding:8px 10px;
 color:#528840;
 text-decoration:none;
 font-weight:bold;
}
ul#zufallslinks li a:hover {
 color:#fff;
 background-image:url(images/trans-gruen.png);
}
div#bildcontainer {
 float:left;
 padding:30px;
 background-image:url(images/trans-weiss.png);
 line-height:1px;
 font-size:1px;
 border-width:0 1px 1px 1px;
 border-style:solid;
 border-color:#528840;
}

/* auftragsarbeiten */
div#videoplayer-infos {
 padding:25px 0 0 0;
 overflow:auto;
}

div#videoplayer-infos div#bildcontainer {
 border-width:1px;
 padding:15px;
}
div#videoplayer-infos div#video-infos {
 display:inline;
}
div#videoplayer-infos div#video-infos h5.video-title {
 font-size:1.1em;
 color:#528840;
 background-image:url(images/trans-weiss-2.png);
 margin-bottom:10px;
 padding:5px 5px 5px 18px;
}

ul#video-list {
 list-style-type:none;
 margin-top:25px;
}
ul#video-list li {
 float:left;
 width:50%;
 margin-bottom:20px;
}
ul#video-list li a.img-link {
 float:left;
 padding:5px;
 border:1px solid #528840;
 background-image:url(images/trans-weiss-2.png);
}
ul#video-list li a.img-link:hover {
 background-image:url(images/trans-gruen.png);
 }
ul#video-list li a.img-link img {
 border:none;
}
ul#video-list li h5.video-title {
 padding:0 15px 0 160px;
 font-size:1em;
}
ul#video-list li h5.video-title a {
 color:#528840;
}
ul#video-list li p.video-description {
 padding:0 15px 0 160px;
}

/* links */
body#bodylinks div#content ul {
 margin: 0 0 0 15px;
}
body#bodylinks div#content ul li {
 padding-bottom:5px;
}
body#bodylinks div#content ul li a {
 font-weight:bold;
}

/* landingpage */
body.bodyclasslandingpage div#head {
 margin-top:25px;
 margin-bottom:10px;
}
body.bodyclasslandingpage div#content {

}
body.bodyclasslandingpage div#content p#lp-details {
 padding-top:15px;
}
body.bodyclasslandingpage div#home-right, body.bodyclasslandingpage div#home-right-2 {
 padding:15px;
}
body.bodyclasslandingpage div#home-right a, body.bodyclasslandingpage div#home-right-2 a {
 display:block;
 width:220px;
 padding:30px;
 background-image:url(images/trans-gruen.png);
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 font-size:1.2em;
 text-align:center;
 border:1px solid #528840;
}
body.bodyclasslandingpage div#home-right a strong, body.bodyclasslandingpage div#home-right-2 a strong {
 display:block;
 font-size:1.2em;
 padding-top:8px;
}
body.bodyclasslandingpage div#home-right a:hover, body.bodyclasslandingpage div#home-right-2 a:hover {
 background:#fff;
 color:#528840;
}
body.bodyclasslandingpage div.lp-zwei div#home-left-2 {
 min-height:160px;
}
body.bodyclasslandingpage div.lp-zwei div#home-left-2 p.lp-det {
 line-height:140%;
}
body.bodyclasslandingpage div.lp-zwei div#home-right-2 a strong {
 padding-bottom:8px;
}



/* menue unten */
ul#menue-bottom {
 margin:20px 60px 30px 60px;
 background-image:url(images/trans-gruen.png);
 overflow:auto;
 padding:0 12px;
 max-width:1076px;
}
ul#menue-bottom:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul#menue-bottom li {
 float:left;
 list-style-type:none;
}
ul#menue-bottom li a {
 color:#fff;
 text-decoration:none;
 float:left;
 padding:5px 10px;
}
ul#menue-bottom li#tw, ul#menue-bottom li#fb {
 float:right;
 padding-top:6px;
}

/* homelink */
a#homelink {
 display:block;
 width:514px;
 height:116px;
 position:absolute;
 top:50px;
 left:60px;
 text-align:center;
 line-height:116px;
 font-size:5em;
 font-style:italic;
 text-decoration:none;
 color:#fff;
 font-weight:bold;
 text-indent:-1800px;
}
a#homelink:hover {
 background-image:url(images/trans-gruen.png); 
 text-indent:0;
}

/* links unten */
ul#links-bottom {
 margin:0 60px 0 60px;
 height:100px;
 list-style-type:none;
}
ul#links-bottom li {
 float:left;
}
ul#links-bottom li a {
 display:block;
 height:50px;
 text-decoration:none;
}

ul#links-bottom li#kick a {
 width:40px;
 background:url(images/links-icons.png) no-repeat 0 -170px;
}
ul#links-bottom li#kick a:hover {
 background:url(images/links-icons.png) no-repeat 0 -250px;
}
ul#links-bottom li#globl a {
 width:95px;
 background:url(images/links-icons.png) no-repeat 0 0;
}
ul#links-bottom li#globl a:hover {
 background:url(images/links-icons.png) no-repeat 0 -80px;
}
ul#links-bottom li#nelson a {
 width:40px;
 background:url(images/links-icons.png) no-repeat 0 -345px;
}
ul#links-bottom li#nelson a:hover {
 background:url(images/links-icons.png) no-repeat 0 -425px;
}


/* alles ausblenden */
p.show-pic, p.hide-pic {
 position:absolute;
 top:5px;
 left:5px;
 width:30px;
 height:32px;
}
p.show-pic {
 background:url(images/content-in-out.png) no-repeat 0 0;
}
p.show-pic:hover {
 background:url(images/content-in-out.png) no-repeat 0 -40px;
 width:330px;
}
p.hide-pic {
 background:url(images/content-in-out.png) no-repeat 0 -80px;
}
p.hide-pic:hover {
 background:url(images/content-in-out.png) no-repeat 0 -120px;
 width:330px;
}



/* english */
body.english div#head h2 {
 width:354px;
}
body.english p.show-pic {
 background:url(images/e-content-in-out.png) no-repeat 0 0;
}
body.english p.show-pic:hover {
 background:url(images/e-content-in-out.png) no-repeat 0 -40px;
 width:330px;
}
body.english p.hide-pic {
 background:url(images/e-content-in-out.png) no-repeat 0 -80px;
}
body.english p.hide-pic:hover {
 background:url(images/e-content-in-out.png) no-repeat 0 -120px;
 width:330px;
}