@charset "UTF-8";
html, body { width: 100%; height: 100%;}
body { margin: 0px auto; text-align: center; padding: 0px; font-family: arial, verdana; font-size: 12px; background: url('../gfx/background.jpg') fixed center top #dadada;}
img {border: none;}
/* Facebook und RSS Logo */
#facebook-logo { height: 30px; width: 30px; background: url('../gfx/facebook-logo.png') top left; float: left; padding-top: 4px; padding-left: 4px; margin-right: 5px;}
#facebook-logo:hover { height: 30px; width: 30px; background: url('../gfx/facebook-logo-hover.png') top left; float: left; padding-top: 4px; padding-left: 4px; }
#facebook-logo a, #facebook-logo a:active, #facebook-logo a:visited { display: block; height: 28px; width: 29px; text-decoration: none; }
#rss-logo { height: 30px; width: 30px; background: url('../gfx/rss.png') top left; float: left; padding-top: 4px; padding-left: 4px; }
#rss-logo:hover { height: 30px; width: 30px; background: url('../gfx/rss-hover.png') top left; float: left; padding-top: 4px; padding-left: 4px; }
#rss-logo a, #rss-logo a:active, #rss-logo a:visited { display: block; height: 28px; width: 29px; text-decoration: none; }
#wrapper { width: 945px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */ text-align: left; }
#header { height: 80px; }
#logo { position: relative; left: 10px; top: 30px; width: 600px;}
#shortnav { margin-left: 855px; margin-top: -5px; color: #666; height: 40px; width: 80px;}
#shortnav ul { list-style-type: none; padding: 0px; margin: 0px;}
#shortnav ul li{ display: block; border-right: 1px solid #fff; line-height: 35px; height: 30px; text-align: center; float: left; margin-left: 10px; }
#shortnav ul li a{text-decoration: none; }
#navi { height: 75px; background: url('../gfx/navi-background.png') no-repeat; }
#navi ul { list-style-type: none; padding-top: 5px; margin-left: -20px;}
#navi ul li{ display: block; line-height: 55px; height: 55px; width: 120px; text-align: center; float: left; background: url('../gfx/navi-spacer.jpg') center right no-repeat; font-weight: bold; text-transform: uppercase; color: #888; font-family: "Droid Sans", bold;}
#navi ul li:hover { background: url('../gfx/navi-hover.jpg') repeat-x; color: #888;}
#navi ul a li, #navi ul a:visited, #navi ul a:active {text-decoration: none; color: #666; }
#navi ul a:link, #navi ul  a:visited, #navi ul  a:active {text-decoration: none; color: #666; display: block; }
#main { padding-bottom: 100px; padding-left: 10px; padding-right: 10px;}
#main a, #main a:visited, #main a:active { text-decoration: none; color: #666;}
#speciallink a, #speciallink a:visited, #speciallink a:active { text-decoration: none; color: #717171; background-color: #e6e6e5;}
#slides {height: 235px; width: 932px;}
#squarewrapper { margin-top: 10px; margin-left: 10px; background-color: #c6c6c6; margin-bottom: 90px;}
.square { position: relative; width: 280px; height: 155px; float: left; text-align: center; font-size: 12px; }
.square  a{ text-decoration: none; display: block; color: #000; font-weight: bold; }
.squareheader { width: 280px; height: 35px; line-height: 50px; font-family: "Droid Sans", bold; color: #666; margin-bottom: 20px; font-size: 20px; text-transform: uppercase;}
.squaretext { width: 194px; margin: 0px auto; text-align: center; }
.squarespace { width: 20px; float: left; }
#clear { clear: both; }
#footer { position: relative; bottom: 0px; z-index: 10; vertical-align: bottom; height: 70px; width: 100%; background: url('../gfx/footer.jpg') repeat-x; text-align: center; color: #ccc; clear: both;}
#footer_wrapper { padding-top: 15px;}
/* Galerie*/
#galerie { clear: both; margin: 0px auto; width: 950px; }
#galerie a { margin: 2px; }
#galerieliste { margin: 0px auto; text-align: center;}
.galerierahmen { background-image: url('../gfx/galerie_bild_rahmen.png'); width: 183px; height: 139px; text-align: center; float: left; padding: 0px; margin: 0px; }
.galeriebild { margin-top: 20px; margin-left: 10px; }
#galerie_pagination { text-align: right; padding-right: 30px; color: #666; text-transform: uppercase; font-weight: bold; }
#galerie_pagination a, #galerie_pagination a:visited { text-decoration:none; color: #b3b3b3; }
#galerie_pagination a:hover { text-decoration:underline; color: #b3b3b3; }
/* VTIP */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.9em; background-color: white; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
/* Headings */
h1 { font-size: 20px; color: #666; text-transform: uppercase;}
h2 { font-size: 16px; color: #666; text-transform: uppercase;}
h3 { font-size: 14px; color: #2b2b2b; text-transform: uppercase;}
#headingerror { line-height: 10px; height: 35px; background: url('../gfx/redback.jpg') repeat-x; font-weight: bold; text-transform: uppercase; padding-left: 10px; color: #fff; }
#headingsuccess { line-height: 10px; height: 35px; background: url('../gfx/greenback.jpg') repeat-x; font-weight: bold; text-transform: uppercase; padding-left: 10px; color: #fff; }
#impressum { font-size: 11px; }
.error { font-family: arial, verdana; font-size: 12px; font-style: italic; color: red;}
#quote { padding: 40px 40px 40px 60px; margin-bottom: 10px; font-family: "Oldenburg"; color: #666; background: url('../gfx/quote.png') top left no-repeat; background-position: 10px 10px; }
/* Kontakt Button */
.kontakt_button { background: url('../gfx/button-kontakt.png') no-repeat; width: 180px; height: 40px; margin-left: 65px; font-family: "Droid Sans", bold; line-height: 40px; text-transform: uppercase;}
.kontakt_button:hover { background: url('../gfx/button-kontakt.png') no-repeat; background-position: 0px -41px; width: 180px; height: 40px; margin-left: 65px; font-family: "Droid Sans", bold; line-height: 40px; text-transform: uppercase;}