html,body{
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color:#336;
 font-size:12pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-color:#002C5F;}

html{
 background-image:url(layout/hg.png);
 background-repeat:repeat-x;}

img{border:none;}

hr{border:none;background-color:#336;color:#336;}

body{
 background-image:url(layout/hg.png);
 background-repeat:repeat-x;}

#rotateDiv	{
 display:inline;float:left;
 position:absolute;left:50%;top:20px;margin-left:-60px;
 background:none;
 background-color:transparent;
 border-radius:10px;
 -webkit-transform:rotate(-20deg);
 -moz-transform:   rotate(-20deg);
 -o-transform:     rotate(-20deg);
 /* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-.3); */
 -ms-transform:    rotate(-20deg);
}

#rotateDiv img {
 border-radius:10px;
 box-shadow:         3px 3px 6px #666;
 -moz-box-shadow:    3px 3px 6px #666;
 -webkit-box-shadow: 3px 3px 6px #666;}

.L{
font-size:10px;line-height:10px;height:10px;overflow:hidden;}		

#seite {
 margin:auto;
 width:950px;
 min-height:430px;}

#kopfhg {
 height:170px; 
 width:100%;}

#kopf {
 box-shadow:         2px 2px 6px #666;
 -moz-box-shadow:    2px 2px 6px #666;
 -webkit-box-shadow: 2px 2px 6px #666;
 border-radius:10px;
 width:100%;
 height:168px;}

#innerkopf {

 width:980px;
 margin:auto;
 height:170px;}

#kopfbild {
 border-radius:10px;
 border:2px solid #142850;
 font-size:12pt;
 color:#fff;
 text-align:center;
 width:946px;
 height:170px;
 background-image:url(picture.php?data=media/kopf_default.jpg,950); background-position:left top;
 background-repeat:no-repeat;}

#topnav {
 margin-top:10px;
 margin-bottom:10px;
 box-shadow:         2px -2px 6px #666;
 -moz-box-shadow:    2px -2px 6px #666;
 -webkit-box-shadow: 2px -2px 6px #666;
 border-radius:10px;
 width:946px;
 height:29px;
 border:2px solid #142850;}

#topnavinner {
 background-color:#fffff8;
 text-align:right;
 vertical-align:middle;
 border-radius:10px;
 font-size:12pt;
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color:#333;
 line-height:26px;
 padding-right:15px;
 padding-top:1px;
 height:28px;}

#topnavinner a{
 padding-left:5px;
 padding-right:5px;
 line-height:26px;
 height:29px;
 font-weight:500;
 font-size:11pt;
 text-decoration:none;
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color:#333;}

#content{
 display:table-cell;
 overflow:auto;
 width:950px;
 min-height:430px;}

#navigation{
 box-shadow:         2px -2px 6px #666;
 -moz-box-shadow:    2px -2px 6px #666;
 -webkit-box-shadow: 2px -2px 6px #666;
 border-radius:10px;
 border:2px solid #142850;
 display:inline;
 float:left;
 margin-right:8px;
 min-height:430px;
 background-color:#CBCBCB;
 background-image:url(layout/navhg.png);
 background-repeat:repeat-y;
 width:189px;}

#innernavigation{
 padding-top:10px;
 border:none;
 border-radius:10px; }

#navliste1{
 border-top:1px solid #142850;} 

#innercontent{
 color:#333333;
 background-color:#fff;
 border:2px solid #142850;
 box-shadow:         2px -2px 6px #666;
 -moz-box-shadow:    2px -2px 6px #666;
 -webkit-box-shadow: 2px -2px 6px #666;
 border-radius:10px;
 display:inline;
 float:left;
 padding-left:30px;
 padding-right:30px;
 padding-top:15px;
 width:684px;} 

#ppic{
 display:inline;
 float:left;
 width:345px;}

#ptext{
 font-size:10pt;
 display:inline;
 float:left;
 padding-top:0px;
 width:350px;}

#areacontent0,#areacontent1,#areacontent2{
 display:none;}

#fuss {
 display:none;}

#innercontent a{
 color:#668;
 text-decoration:none;}

#innercontent a:hover{
 color:#224;
 text-decoration:underline;}

form{
 margin:0;
 padding:0;
 display:block;}

.square{
 margin:0;
 padding:0;
 background-color:#fffff8;
 overflow:hidden;
 background-position:left top;
 background-repeat:no-repeat;
 border-radius:10px;
 border:1px solid #142850;
 box-shadow:         2px -2px 6px #666;
 -moz-box-shadow:    2px -2px 6px #666;
 -webkit-box-shadow: 2px -2px 6px #666;
 width:170px;
 height:170px;}

.square:hover{
 margin-left:2px;
 margin-top:2px;
 width:168px;
 height:168px;
 border-radius:10px;
 border:1px solid #333333;
 box-shadow:         0px 0px 3px #333;
 -moz-box-shadow:    0px 0px 3px #333;
 -webkit-box-shadow: 0px 0px 3px #333;}

.sqlink,.sqlink:hover{
 overflow:hidden;
 display:table-cell;
 font-weight:700;
 color:#224;
 font-size:13pt;
 text-decoration:none !important;
 width:170px;
 height:160px;
 text-align:center;
 vertical-align:bottom;
 padding-bottom:10px;
 border-radius:10px; }

.outline1{
 text-shadow:0 1px 0 #002C5F, 0 -1px 0 #002C5F, 1px 0 0 #002C5F, -1px 0 0 #002C5F;}

.outline2{
 text-shadow:0 1px 0 #fffff8, 0 -1px 0 #fffff8, 1px 0 0 #fffff8, -1px 0 0 #fffff8;}

.di{
 display:inline;
 float:left;}

.big{
 font-size:16pt;} 

.c{
 text-align:center;} 

.kopftext{
 width:40%;
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color:#fff;
 font-size:16pt;
 margin-top:20px;}

.kopfbox{
 text-decoration:none;
 width:210px;
 height:80px;
 border-radius:10px;
 padding:15px;
 display:inline-block;
 color:#002C5F;
 background-color:#fffff8;
 border:5px solid #002C5F;
 box-shadow:         3px 3px 6px #666;
 -moz-box-shadow:    3px 3px 6px #666;
 -webkit-box-shadow: 3px 3px 6px #666;}

.kopfbox:hover{
 cursor:pointer;
 background-color:#fff;
 border:4px solid #002C5F;
 margin-left:5px;
 margin-top:5px;
 box-shadow:         2px 2px 4px #666;
 -moz-box-shadow:    2px 2px 4px #666;
 -webkit-box-shadow: 2px 2px 4px #666;}

.flagshadow{
 border:none;
 border-bottom:1px solid #fff;}

.boxshadow{
 box-shadow:         2px 3px 6px #666;
 -moz-box-shadow:    2px 3px 6px #666;
 -webkit-box-shadow: 2px 3px 6px #666;}

.bshade{
 box-shadow:         2px 3px 10px #808080;
 -moz-box-shadow:    2px 3px 10px #808080;
 -webkit-box-shadow: 2px 3px 10px #808080;}

.dethg{
 padding-left:5px;
 padding-top:.5em;
 padding-bottom:.5em;
 background-color:#F3F3F4;}

h1{
 font-size:22pt;
 color:#002C5F;
 font-weight:normal;
 margin:0;
 padding:0;
 margin-top:.5em;
 margin-bottom:1em;
 text-shadow:0 5px 10px #c0c0c0, 5px 5px 10px #c0c0c0;}

.rotate{
 margin-bottom:1.5em;
 margin-top:.5em;
 -webkit-transform:rotate(-2deg);
 -moz-transform:   rotate(-2deg);
 -o-transform:     rotate(-2deg);
 /* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-.1); */
 -ms-transform:    rotate(-2deg);}

h2{
 font-size:16pt;
 color:#002C5F;
 font-weight:normal;
 margin:0;
 padding:0;
 margin-bottom:.3em; }

h3{
 font-size:13pt;
 color:#002C5F;
 font-weight:normal;
 margin:0;
 padding:0;
 margin-bottom:.3em; }

p{
 padding:0;
 margin:0;
 margin-bottom:.5em;}

.navigation,.navigation_hidden{
 list-style-type:none;
 margin:0;
 padding:0;}

.navigation li .navigation,
.navigation li .navigation_hidden{
} /* Subebene einrücken */

.navigation li .navigation_hidden{
 display:none;}

.nav,.nava,.snav,.snava{
 display:inline-block;
 padding-left:12px;
 width:177px;
 text-decoration:none;
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-weight:500;
 font-size:11pt;
 color:#224;
 background-position:left bottom;
 background-image:url(layout/nav.png);
 background-repeat:no-repeat;}

.nav,.nava{
 min-height:21px;
 padding-top:6px;
 padding-bottom:4px;}

.snav,.snava,.nava{
 background-position:left bottom;
 background-image:url(layout/nava.png);
 background-repeat:no-repeat;}

.snav,.snava{
 line-height:20px;
 height:22px;
 width:159px;
 padding-left:30px;
 font-size:10pt;}

.nava,.snava{
 font-weight:bold;
}

.cb{clear:both;}