* {

margin: 0;

padding: 0;}



.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.floatfix{overflow:hidden;}



html {

        background: #C1D2EC;

        color: #000;

        font: 400 12px arial, verdana, helvetica, sans-serif;}



#banner {

        width: 846px;

         height: 184px;

         margin: auto;

         text-align: left;

         background-image: url(foto/banner-kick.jpg);

         background-repeat: no-repeat;}



#banner h0 {

        display: none;}





#banner .utilities {

        padding-top: 150px;

         padding-left: 140px;

        font-size: 11px;

        color: darkblue;}



#banner .utilities a{

         text-decoration:none;

         color: darkblue;}



#banner .utilities a:hover{

         text-decoration:underline;}



#banner .utilities a:visited{

         color: darkblue;}



#banner .utilities a:active{

         color: darkblue;}



#container {

        margin: auto;

         margin-bottom: 20px;

        width: 800px;}





/*-----------Navianfang------------------*/

#navi {

        width: 160px;

         float: left;}



/* ================================================================

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/slide_fly.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any

way to fit your requirements.

=================================================================== */



#menu {

        list-style-type:none;

         padding:0;

         margin:0;

         width:160px;

         z-index:100;

         float:left;

         background: #C1D2EC;}



#menu ul {

        list-style-type:none;

         padding:0;

         margin:0;}



/* fehlt 1*/

#menu li {

        float:left;

         text-indent:10px;

         background-repeat: no-repeat;

         background-image: url(foto/bg-normal-1.gif);}



#menu li.start {

        background-image: url(foto/bg-top-1.gif);

        line-height: 27px;

         font-weight: bold;

        text-transform: uppercase;}



#menu li.end {

        background-image: url(foto/bg-bottom-1.gif);

        line-height: 27px;}



#menu li.sub {

         background-repeat: no-repeat;

         background-image: url(foto/bg-normal-1.gif);}



#menu li, #menu li a {

        display:block;

         color:#fff;



         font-family:arial, sans-serif;

         font-size:12px;

         line-height:24px;

         width:160px;

         text-decoration:none;}



#menu table {

        border-collapse:collapse;

         padding:0;

         margin:0 -1px -1px;}





#menu a:hover {

text-decoration:underline}



#menu ul a:hover {

color: white;

text-decoration:underline}



#menu ul,

#menu :hover ul ul,

#menu :hover ul :hover ul ul {

        position:absolute; left:-9999px;

         width:160px;}



#menu :hover {

         z-index:500;

         white-space:nowrap;}



#menu :hover > a {

         z-index:500;

         white-space:nowrap;}



#menu :hover ul {

        position:static;

         margin-top:-1px;}



#menu :hover ul :hover ul,

#menu :hover ul :hover ul :hover ul {

        display:block;

         position:absolute;

         left:110px;

         width: 120px;

         top:0;

         height:auto;

         z-index:500;

         border:1px solid #fff;}



#menu :hover ul :hover ul :hover ul {

        left: 80px;

         top: 8px;}



#menu :hover ul li, #menu :hover ul li a {

         background-image: url(foto/bg-sub-1.gif);

         background-repeat: no-repeat;

         color: #053054 ;

         text-align:left;

         text-indent:10px;

         line-height: 22px; }



#menu ul li a:hover {

        color: white;}



#menu :hover ul li.fly a {

         background-image: url(foto/bg-sub-1.gif);

         background-repeat: no-repeat;}



#menu :hover ul :hover {

         position:relative;

         z-index:90;}





#menu :hover ul li.fly:hover > a {

         background-image: url(foto/bg-sub-1.gif);

         background-repeat: no-repeat;}



#menu :hover ul :hover ul li,

#menu :hover ul :hover ul li a

{background:#3E8CCC; width: 120px;}



#menu :hover ul :hover ul :hover ul li {background:#3E8CCC; z-index:500;}



#menu :hover ul :hover ul li.fly a {background: #3E8CCC; border-bottom: 1px solid #fff;}

#menu :hover ul :hover ul :hover {z-index:500; background:#3E8CCC; }

#menu a:hover ul a:hover ul li.fly a:hover {background:#3E8CCC}



#menu :hover ul :hover ul li.fly:hover > a {background:#3E8CCC}



#menu :hover ul :hover ul :hover ul li,

#menu :hover ul :hover ul :hover ul li a {background:#4F94CD; width: 120px;}



#menu :hover ul :hover ul :hover ul :hover {background:#c9ba65;}

#menu :hover ul :hover ul :hover ul :hover a {background: #c9ba65;}





/*

#navi ul {

        list-style: none;

        width: 160px;}



#navi li {

        background-repeat: no-repeat;

        width: 160px;}



#navi .li-normal {

        color: white;

         height: 14px;

        padding: 5px 0 3px 7px;}



#navi .li-normal {

        background-image: url(bg-top-1.gif);}



#navi a {

        display: block;

        text-decoration: none;}



#navi a:hover {

        text-decoration: underline;}



#navi .l1 li a {

        color: #FFF;

        font-weight: bold;

        padding: 5px 0 3px 7px;

        text-transform: uppercase;}



#navi .l1 div.end {

        background-position: bottom left;

        height: 27px;}





#navi .l2 li a {

        font-weight: normal;

        height: 14px;

        padding: 5px 0 3px 7px;

        text-transform: none;}



#navi .l3 li a {

        color: #1B4473 ;

        height: 14px;

        padding: 4px 0 2px 14px;}





#navi .l1 .topic {

        background-image: url(bg-top-1.gif);}



#navi  .l2 li {

        background-image: url(bg-normal-1.gif);}



#navi .l3 li {

        background-image: url(bg-sub-1.gif);}



#navi .end {

        background-image: url(bg-bottom-1.gif);}

*/

/*-----------------------Naviende*----------------------/







/*-------------------------Infobox------------------*/

#info {        width: 160px;

         float: right}



#info .text{

        color: #053054;

         padding-left: 7px;

         padding-right: 7px;

        background-image: url(foto/bg-info-normal-1.gif);}



#info .text h1{

        font-size: 13px;

         font-weight: bold;

         border-bottom: 1px solid;}



#Info-Bild {

          width: 160px;

         margin-top: 10px;

         margin-bottom: 20px;

         background-color: white;

         text-align: center;

         border: solid 1px silver;}



#Info-Bild a{

          text-decoration: none;

         color: white;}

/*-------------------------------Infoboxende-----------------------------*/





/*---------------------Inhalt--------------------------------------------------------*/

#inhalt {

        min-height: 480px;

         margin-left: 170px;

         margin-right: 169px;

         padding: 7px;

         font-size: 12px;

         background-color: white;

         border: solid 1px silver;}



#inhalt p {line-height: 16px;}



#inhalt h1 {font-size: 16px;}

#inhalt h2 {font-size: 15px;}

#inhalt h3 {font-size: 12px;}





#inhalt h5 {

        font-size: 16px;

         color: #1B4473;}



#inhalt .update {

        color: darkblue;}



#inhalt .header {

        font-size: 12px;

         color: darkblue;

         font-weight: bold;}



#inhalt h4 /*news header*/{

          font-size: 12px;

         color: white;

         background-color: #104E8B;

         height: 16px;

         padding-left: 2px;

         padding-right: 5px;

         margin-bottom: 20px;}



.photo {margin:auto;}





.photo img {

         padding: 7px 7px 30px 7px;

         border: 1px solid #bbb;

        }



.phototitel {

        font-size: 12px;

         margin-top: -26px;

        width: 350px;

        padding-left: 11%;

        text-align: left;

        color: #808080;}



#inhalt ul

        {

         list-style-type:disc !important;

         background-color: transparent;

         color: black;

         width: 400px;;

         }



#inhalt li

        {

         list-style-type: disc;}



#inhalt a:visited

        {

         color: purple;

         text-decoration: underline;

         width: auto;

         display: inline;}





#inhalt td.td-normal {

           border-color: black;

         padding: 3px;}/*normal mit schwarzem rand und innenabstand*/



#inhalt td.td-n {

           border-color: black;

         padding: 3px;}/*normal mit schwarzem rand und innenabstand*/



#inhalt td.td-ohne {

           padding: 3px;}



#inhalt table.links {

          width: 430px;

         text-align: left;

         margin-top: 10px;

         }



#inhalt td a {

        display: block;

        text-decoration: underline;

         color: #1B4473;}



#inhalt td.td-h {

          background-color: white;

         height: 20px;

         font-family: Arial;

         font-size: 12px;

         padding-left: 3px;}



#inhalt td.td-b {

        color: #4B7DD6;

         height: 20px;

         font-family: Arial;

         font-size: 11px;

         padding-left: 3px;}



#inhalt td.td-internat {

        color: #1B4473;

         height: 20px;

         font-family: Arial;

         font-weight: bold;

         font-size: 11px;

         padding-left: 3px;}



#inhalt td.td-wichtig {

         height: 20px;

         font-family: Arial;

         font-weight: bold;

         font-size: 11px;

         padding-left: 3px;}



#inhalt td.td-w {

          background-color: white;

         height: 20px;

         font-family: Arial;

         font-size: 11px;

         padding-left: 3px;}



#inhalt td.td-d {

        color: silver;

         background-color: white;

         height: 20px;

         font-family: Arial;

         font-size: 11px;

         padding-left: 3px;}









/*----------------------------GALERIE-------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------*/



#inhalt-galerie {

        min-height: 457px;

         margin-left: 170px;

         padding: 7px;

         font-size: 12px;

         background-color: white;

         border: solid 1px silver;}



#inhalt h1 {

        font-size: 16px;}



#inhalt h2 {

          font-size: 15px;}



#inhalt-galerie h1 {

          font-size: 14px;

         margin-top: 10px;}



#inhalt-galerie a:visited

        {

         color: purple;

         text-decoration: underline;}







#scroller {width:600px; height:370px; position:relative; ; background:#fff;}

/*#scroller em {display:block; width:229px; height:175px;  top:0; right:0; border:1px solid #ddd;}*/

#scroller span {display:block; width:360px; position: absolute; height:370px; top:0; left:0; border:1px solid #ddd;}

#scroller span b#copyright {font-size:10px; position: absolute; color:#888;  bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}



#scroller b#thumbs {display:block;  width:220px; height:360px; overflow:auto; float: right; margin-left: 60px;; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}

#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}

#scroller b#thumbs a img {width:50px; height:50px; border:0;}





#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}

#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}



#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}







/*#scroller {width:600px; height:360px; position:relative;padding:5px 0; background:#fff;}





#scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}

#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}



#scroller b#thumbs {display:block; width:220px; height:365px; margin-left: 360px; position: absolute; overflow:auto; top:0; right:0; overflow:auto; float:right; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}

#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}

#scroller b#thumbs a img {width:50px; height:50px; border:0;}



#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}

#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}

#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}

#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}



#scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #333;}



#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}/*