@charset "UTF-8";
@import url("reset.css");
@import url("960.css");
@import url("modx.css");

/* BASICS #424B51 (dunkel), #8E9397 (hell)
------------------------------------------------------------------------------*/
html, body, #background, #background table, #background td, #content { width:100%; height:100%; overflow:hidden }
body { background: #424B51; font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color: #FFF; }
strong { font-weight: bold; color: #424B51; }
em { font-style: italic; }
abbr, acronym { cursor: help; border-bottom: 1px dotted #666; }
h1, h2, h3, h4 { margin-bottom: 1.2em; }
h1 { color: #424B51; font-weight: bold; font: 24px/1.3em Georgia, "Times New Roman", Times, serif; }
h2 { color: #FFF; font-weight: bold; font-size: 16px; }
h3 { color: #000; font-weight: bold; font-size: 14px; }
p { font-size: 12px; margin-bottom: 15px; line-height: 1.5em; color: #FFF; }
a { color: #000; }

/* NAVIGATION
------------------------------------------------------------------------------*/
#nav { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; line-height: 35px; text-transform: uppercase; }
#nav .navInnen { background: #424B51 url(../images/navBkrd.png) repeat-x; }
#nav .grid_5 { text-align: right; }
#nav .grid_5 ul li { display: inline; float: left; }
#nav .mainNav li { float: left; list-style: none; text-transform: uppercase; }
#nav .mainNav li.back { background-color: #8E9397; width: 9px; height: 35px; z-index: 30; position: absolute; }
#nav .mainNav li a { text-decoration: none; color: #FFF; outline: none; text-align: center; font-size: 12px; z-index: 40; display: block; float: left; position: relative; overflow: hidden; margin: auto 15px; }
#nav .mainNav .addOn { float: right; color: #8E9397; }
#subnav { position: absolute; top: 35px; left: 0; z-index: 20; width: 100%; line-height: 23px; font-size: 12px; }
#subnavInnen { background: #8E9397 url(../images/navSubBkrd.png) repeat-x; height: 23px; }
#subnavInnen li { display: inline; float: left; }
#subnavInnen li a { text-decoration: none; color: #FFF; display: block; position: relative; overflow: hidden; margin: auto 15px; text-align: center; }
#subnavInnen li a:hover, #subnavInnen li a:active, #subnavInnen li a:focus, #subnavInnen li.active a { color: #333; }
/* Evtl. spätere Reaktivierung der Bildgalerie
ul.picNav { font-size: 12px; }
ul.picNav li { float: left; list-style: none; display: inline; margin-right: 10px; }
ul.picNav li a { color: #FFF; padding: 2px 5px; }
ul.picNav li a:hover, ul.picNav li a:active, ul.picNav li a:focus, ul.picNav li.active a { color: #424B51; background: #FFF; padding: 2px 6px; }
*/

/* STRUCTURE
------------------------------------------------------------------------------*/
#ribbon { position: absolute; bottom: 45px; left: 0; z-index: 20; width: 100%; line-height: 12px; }
#ribbon .ribbonInnen { height: 120px; background: url(../images/ribbonBkrd.png); padding-top: 20px; }
#ribbon .ribbonInnen .grid_7 img { position: absolute; top: 0; right: 0; z-index: 100; }
.aufzaehlung { list-style-type: square; font-size: 12px; line-height: 1.5em; margin-left: 20px; }
.errors, .error { color: #C00; font-size: 12px; line-height: 1.5em; }
.invisible { display: inline; height: 0; left: -3000px; position: absolute; top: -2000px; width: 0; z-index: 200; }
.small { font-size: 10px; }
.aktImage { border: 1px solid #8E9397; padding: 2px; }
.artikelBild { border: 1px solid #CCC; padding: 2px; float: right; margin: 0 0 5px 5px; }

/* BACKGROUND
------------------------------------------------------------------------------*/
#background div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#background td { vertical-align: middle; text-align: center; }
#background img { min-height: 50%; min-width: 50%; margin: 0 auto; }
#wrapper { padding: 30px 0; }
*+html #background img { position: relative; top: -50%; }
*+html #background div { position: absolute; top: 50%; height: auto; }
* html #background img { height: 50%; position: relative; top: -50%; }
#bckgrdText { position: absolute; bottom: 235px; right: 45px; z-index: 90; font: 11px/14px Georgia, "Times New Roman", Times, serif; background: #FFF; color: #000; padding: 3px 5px;}
.load { background: url(../images/load.gif) no-repeat center; }

/* CONTENT
------------------------------------------------------------------------------*/
#content { position: absolute; top: 0; left: 0; z-index: 10; overflow: auto; }
#content h2 { color: #8E9397; }
#content p { color: #000; }
#content .ul { color: #000; font-size: 12px; list-style: square; margin: 0 0 15px 15px; }
.box { position: absolute; top: 110px; width: 590px; padding-bottom: 235px; }
.box div { line-height: 1.5em; background: #FFF; padding: 45px; }
.box div div { padding: 0; }
#footerText { margin-top: 25px; border-top: 1px dotted #424B51; }
#footerText p { color: #424B51; }
.link { background: url(../images/link.png) no-repeat left center; padding-left: 15px; }
.linkBack { background: url(../images/linkBack.png) no-repeat left center; padding-left: 15px; }

/* CONTACT FORM
------------------------------------------------------------------------------*/
input#Vorname, input#Nachname, input#email, input#Strasse, input#PLZ, input#Ort, input#Telefon, textarea#Nachricht { background: #8E9397; color: #FFF; }
textarea#Nachricht { border: 1px solid #424B51; }
input.button { border: 1px solid #424B51; background: #8E9397; color: #FFF; padding: 8px;}

/* VIDEOPLAYER
------------------------------------------------------------------------------*/
#mediaspace { margin: 0 0 20px 0; padding: 0; }

/* IMAGEHOOVER
------------------------------------------------------------------------------*/
img { border: none; }
ul.thumb { float: left; list-style: none; margin: 0; padding: 10px; }
ul.thumb li { margin: 0; padding: 5px; position: relative; width: 110px; height: 110px; }
ul.thumb li img { width: 100px; height: 100px; border: 1px solid #ddd; padding: 5px; background: #F0F0F0; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; }
ul.thumb li img.hover { background:url(/assets/images/kontakt/thumb_bg.png) no-repeat center center; border: none; }

/* Image Caption by lab.arc90.com
------------------------------------------------------------------------------*/
.arc90_imgcaptionTXT { font-size: .65em; color: #666; text-align: left; background: #DDD; }
p.arc90_imgcaptionALT { margin-top: 2px; margin-bottom: 15px; font-size: .65em; text-align: left; }
span.arc90_imgcaptionALT { color: #666; }
.arc90_imgcaption img { text-align: left; border: 1px solid #DDD; padding: 2px; margin: .4em 0; }
.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1.2em; }

/* GOOGLE MAPS
------------------------------------------------------------------------------*/
#map h4 { color: #424B51; }
#map p { color: #000; }
#map #smc img { background: transparent; }
#map div div div div img { background-color: transparent; }