/*
 * URL: http://www.green-door.de
 *
 * LAST EDIT: 16.06.2010
 */
 
 
/* General Styles */

body { background: #b5c858 url('../img/bg_2.jpg') top no-repeat; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #012f05; }

img { border: none; }

h2 { margin-top: -5px; border-bottom: 2px solid; color: #618b0b; font-family: sans-serif; font-size: 20px; text-transform: uppercase; }

ul { list-style: none; }

input { -moz-border-radius: 2px; border: 1px solid #012f05; font-family: Verdana; padding: 3px; font-size: 11px; width: 236px; }

textarea { -moz-border-radius: 2px; border: 1px solid #012f05; font-family: Verdana; padding: 3px; font-size: 11px; }

a { color: #6d9c0d; text-decoration: none; outline: none; }

a:hover { text-decoration: none; color: #8bc317; }

.float-left { float: left; }

.heading { color: #faffc3; text-transform: uppercase; font-family: sans-serif; font-size: 14px; font-weight: bold; }

.button { -moz-border-radius: 2px; color: #fff; background: #6d9c0d; border: 1px solid #012f05; font-weight: bold; padding: 3px; }


/* Template Styles */

#nav { overflow: hidden; height: 38px; }

#navigation { background: url('../img/menu_bg.jpg') top no-repeat; overflow: hidden; padding: 10px 10px 10px 20px; height: 16px; margin-bottom: 25px; }

#navigation li, #navigation li a { list-style: none; float: left; font-family: sans-serif; text-transform: uppercase; font-weight: bold; font-size: 15px; color: #fff; text-shadow: 1px 1px 2px #000; }

#navigation li a:hover { color: #c3c941; }

#wrapper { width: 1000px; margin: -30px auto 0; overflow: hidden; }

#cloud-left { float: left; background: url('../img/cloud_left.png') no-repeat; height: 185px; width: 345px; margin-top: 40px; }

#header { height: 258px; background: url('../img/logo.png') center no-repeat; overflow: hidden; }

#logo { float: left; width: 340px; height: 100px; margin-top: 95px; }

#cloud-right { background: url('../img/cloud_right.png') no-repeat; width: 315px; height: 211px; float: right; margin-top: 30px; }

#main { overflow: hidden; width: 1000px; }

#facebook { float: left; width: 160px; margin-right: 10px; }

#content-wrapper { width: 660px; overflow: hidden; float: left; }

#contentTop { width: 660px; background: url('../img/contentTop.png') bottom  center no-repeat; height: 17px; }

#content { width: 630px; background: url('../img/contentBg.png'); padding: 15px; text-align: justify; overflow: hidden; }

#skyscraper { float: right; width: 160px; margin-left: 10px; height: 600px; }

.infowrapInner { margin: 0 auto; overflow: hidden; padding-top: 15px; height: 390px; width: 660px; }

.infowrap { position: relative; z-index: 0; width: 100%; overflow: hidden; }

.infowrap .infowrapBg { position: absolute; z-index: -1; background: url('../img/bg_3.jpg'); width: 100%; bottom: 0px; left: 0px; height: 100%; }

#kontakt { float: left; width: 300px; padding: 15px; color: #faffc3; }

#anfahrt { float: left; width: 299px; padding: 15px; border-left: 1px dotted #fff; }

#footer { clear: both; color: #034108; font-size: 11px; width: 660px; margin-top: 10px; font-family: Arial; margin: 0 auto; }

#footer a { color: #034108; text-decoration: none; }

#footer a:hover { color: #034108; text-decoration: underline; }

#copyright { padding-top: 15px; }


/* Navigation styles */



#nav-example { background: url('../img/menu.png') no-repeat; width: 660px; height: 38px; margin: 0; padding: 0px 16px 0px 16px; }

#nav-example span { display: none; }

#nav-example li, #nav-example a { height: 38px; display: block; }

#nav-example li { float: left; list-style: none; display: inline; }

#nav-example-01 { width: 80px; }
#nav-example-02 { width: 116px; }
#nav-example-03 { width: 125px; }
#nav-example-04 { width: 106px; }
#nav-example-05 { width: 111px; }
#nav-example-06 { width: 90px; }

#nav-example-01 a:hover { background: url('../img/menu.png') -16px -38px no-repeat; }
#nav-example-02 a:hover { background: url('../img/menu.png') -96px -38px no-repeat; }
#nav-example-03 a:hover { background: url('../img/menu.png') -212px -38px no-repeat; }
#nav-example-04 a:hover { background: url('../img/menu.png') -337px -38px no-repeat; }
#nav-example-05 a:hover { background: url('../img/menu.png') -443px -38px no-repeat; }
#nav-example-06 a:hover { background: url('../img/menu.png') -554px -38px no-repeat; }