/* STANDARDS */
html[xmlns^="http"] { overflow-y:scroll; }
* {padding: 0; margin: 0; border:0;}
html, body {min-height: 100%; height: auto; height: 100%; line-height: 1.6em;}
html {background:url(../images/layout/html_hg.jpg) top center repeat-y;}
body {font-size: 70%; font-family: Verdana; color: #fff; background:url(../images/layout/body_hg.jpg) no-repeat top center;}
ul {list-style-type:none}
a {color:#fff; }
a:hover {text-decoration:none;}
.nopadding {padding: 0;}
.nomargin {margin: 0;}
.noborder {border: 0; text-decoration: none;}
.noptop {padding-top: 0;}
.floatright {float: right;}
.floatleft {float: left;}
.nofloat {clear: both;}
.cleft {clear:left;}
br {margin: 0; padding: 0; line-height: 0.0001em;}
table {border-collapse:collapse;}
td, th {vertical-align: top;}
p {padding: 0 0 0.8em 0;}
body#impressum br, .outline br {clear: both;}
body#impressum h6, .outline h6 {font-size: 1em; width: 12em; float: left;}
#anfahrt iframe {height:242px; margin-left:65px}
/* Ur STuff | Siehe auch dcss.php */
#wrapper_big {padding:30px 0 74px 0; margin:0 auto; background:url(../images/layout/wrapper_big_hg.jpg) bottom center no-repeat;}
#wrapper {margin:0 auto; width:900px; padding:0 0 0 4px;}
#header {height:108px; background:url(../images/layout/header_hg.jpg); position:relative;}
#logo {width:219px; height:213px; background:url(../images/layout/logo.png); position:absolute; z-index: 99; top: 30px;}
#navi_top {padding:28px 0 0 620px;}
#navi {height:40px; background:url(../images/layout/navi_hg.png);}
#mainpic_cont {}
#cont {padding:20px 40px 30px 70px; min-height:300px; _height:300px; width:790px; background:#1a3553; float:left; font-size:1.0em; color:#fff; line-height:1.8em;}
.box {width:370px; min-height:150px; _height:150px; }
.boxx {min-height:150px; _height:150px}
#footer {height:123px; padding:20px 0 0 80px; background:url(../images/layout/footer_hg.gif) repeat-x; color:#767e88;}
#footer a {color:#767e88; line-height:35px;}
#footer a:hover {color:#fff;}
#footer span a {padding:0 25px 0 0}
#navi {padding:0 0 0 240px;}
#navi li {float:left; height:40px;}
#navi ul li a.haupt {display:block; height:40px; background:url(../images/layout/navi.gif) no-repeat; text-indent:-30000px; text-decoration:none;}
#navi a#n01 {background-position:0 0; width:162px;}
#navi a#n02 {background-position:-162px 0; width:108px;}
#navi a#n03 {background-position:-270px 0; width:154px;}
#navi a#n04 {background-position:-424px 0; width:80px;}
#navi a#n05 {background-position:-504px 0; width:108px;}
#navi a#n01:hover {background-position:0 -60px;}
#navi a#n02:hover {background-position:-162px -60px;}
#navi a#n03:hover {background-position:-270px -60px;}
#navi a#n04:hover {background-position:-424px -60px;}
#navi a#n05:hover {background-position:-504px -60px;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
.outline {padding: 10px 15px 10px 15px; border:1px solid #fff; background: #112236;}
#kontakt .outline, #danke .outline {width:300px; margin:0 auto;}
.trenn {height:45px; background:url(../images/layout/trenn.gif) no-repeat center;}
.teambox {padding:0 10px 0 0; width:225px; border:1px solid #fff; background: #112236; margin:0 8px 25px 8px; float:left;}
.teambox img {float:left; padding:0 5px 0 0;}
.teambox h4 {padding:5px 0 0 0;}
.aktion_box {padding:10px; width:228px; float: left; border:1px solid #fff; background: #112236; margin:0 5px 25px 5px;}
.aktion_text {width:160px; padding:0 20px 0 0; float:left;}
.aktion_link {display:block; text-align:center; height:88px; width:130px; padding:7px 10px 0 10px; float:right; background:url(../images/layout/down.jpg) no-repeat left top;}
.aktion_link:hover {background-position:0 -105px; text-decoration:none;}
.aktion_zeile {background:url(../images/layout/aktion_zeile.gif) bottom left no-repeat; margin:0 0 40px 0; width:380px; }
#sn02_con {float:none;}
#subnav li {float:none;}
#subnav li a {text-indent:0;}
#sn02_con {position:absolute; background:none; width:108px; }
#navi li ul.subnav {background:#fff; }
#navi li ul.subnav li {height:27px; line-height:27px; padding:0; float:none; }
#navi li ul.subnav li a {height:27px; line-height:27px; text-decoration:none; text-indent:0; border-bottom:1px solid #ededed; color:#525252; background:none; }
#navi li ul.subnav li a:hover {text-decoration:underline;}
.liste li {padding:5px 0 5px 27px; background:url(../images/layout/liste.gif) no-repeat left 10px;}
a.galerie {display: block; float: left; width: 105px; height: 80px; border: 2px solid #0D1A29; margin: 0 10px 10px 0; padding: 0; line-height: 0em; }
a.galerie:hover {border:2px solid #F7290C;}
a.galerie img {width: 105px; height: 80px; border: none; padding: 0; margin: 0;}
.noborder {border: none;}
.temp_nav {position:absolute; overflow:hidden; width:20px; height:20px; background:#000; z-index:20; }
.temp_nav:hover {width:300px; height:800px; background:none; border:1px solid #000;}
.temp_nav a {color:#000;}
.menu {width:660px; height:40px; position:relative; z-index:10; padding-left: 240px; background: url(../images/layout/bg_nav.gif) repeat-x; float: left;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:661px; w\idth:660px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:109px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; height:20px; border:1px solid #fff; border-width:0 1px 0 0; padding:10px; float: left;}
/* a hack so that IE5.5 faulty box model is corrected */
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:39px;t\op:40px;}
/* position the third level flyout menu */
.menu ul ul ul{left:189px; top:-1px; width:169px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-189px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#96b8ff; color:#000; height:auto; line-height:1em; padding: 7px 10px; width:168px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:169px;w\idth:168px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#2050a3;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#2050a3;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
a.haupt {font-size: 1.2em; font-weight: bold; white-space:nowrap;}
a.haupt a {font-size: 11px; font-weight: normal;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #96b8ff url(../images/layout/drop.gif) bottom right no-repeat;}
.menu a.drop:hover {background: url(../images/layout/drop.gif) bottom right no-repeat #2050a3;}
.link {display:block; width:180px; padding:5px; float:left; margin-right:4px; background:#F6290C; border:2px solid #000}
.boxx a {color:#fff; text-decoration:none}
.boxx a:hover {color:#000}
.letzte {margin:0}
/* FOOTER */
span.leistungen { padding-right:4em; }