@font-face { font-family: 'Gudea-Regular'; src: url('Gudea-Regular.otf') format('truetype'); }
@font-face { font-family: 'Gudea-Italic'; src: url('Gudea-Italic.otf') format('truetype'); }
@font-face { font-family: 'Gudea-Bold'; src: url('Gudea-Bold.otf') format('truetype'); }

* {font-family:arial, sans-serif; color:#293135; margin:0; padding:0;}


#frameContainer {width:1024px; margin:-8px auto 0 auto;}
#allImages {width:950px; height:171px;margin:0 auto;padding-top:5px;}
#allImages img {position:absolute;}
#bgContainer {width:1024px; background: transparent url('../images/01.png') repeat-y top!important;}
#contentFrame {margin:18px 10px 0 70px; padding-bottom:50px; width:94%; background:transparent url('../images/mainBg.jpg') no-repeat top!important;}
#contentFrame a {text-decoration:none;font-weight:bold;}
#contentFrame a:hover {font-weight:bold;color:grey!important;}
#contentFrame a:hover b {font-weight:bold;color:grey!important;}
#mainTopic {font-size:25px;}
#infoTitle {font-weight:bold; font-size:20px; margin-left: -325px; font-family: Gudea-Regular; font-size: 18px;}
.infoTitle2 {font-weight:bold; font-size:20px;  font-family: Gudea-Regular; font-size: 18px;}


ul {list-style:none;}
ul li {float:left;margin: 0 5px 0 5px;}
ul li span {display:block; float:left;}


  
#bgpic1 { width:341px; height:215px;background: url('../images/bg.png') no-repeat right; }
#bgpic2 { width:341px; height:215px;background: url('../images/bg.png') no-repeat right; }


#content {width: 980px; border: 0px solid #000; font-family: Gudea-Regular; font-size: 13px; }
.balken {width: 100%; height:49px; background-color: #02022f;}
#headbg {width: 100%; height: 190px; }
#head { width: 980px; border: 0px solid #000;}
#logotext {margin-left: 12px; margin-top: 5px; font-family: Gudea-Italic; font-size: 15.7px; color: #AAA}
#info {text-align: right; right:0; margin-top: 35px; font-family: Gudea-Regular; font-size: 24px;padding-top:20px;}
#infoklein {text-align: right; font-family: Gudea-Italic; font-size: 20px; color: #000; letter-spacing: 0pt; margin-top: -10px; padding-bottom: 15px;}

#header {width: 100%; background-color: #8BACCB; height: 250px; margin-top: -60px;}
#headerbild {padding-top: 17px;}

#navicontainer {width:980px;}
#navi {font-family: Gudea-Bold; font-size: 13px; color: #000; float: right; margin-top: 5px;}

a {font-family: Gudea-Bold; font-size: 13px; color: #000; text-decoration: none;}



#footer {color: #fff; padding-top: 15px; font-family: Gudea-Regular; font-size: 14px;}


.bo {width: 300px; height:198px; border-radius: 20px; overflow: hidden; }
.boimg-1 {background: transparent; border:1px solid #000; }
.boimg-2 {background: transparent; border:1px solid #000; }

#contentbg {
    background-color: #e9f2f5;
    height: 1100px;
    margin-top: 28px;
    width: 100%;
}


.text {font-family: Gudea-Regular; font-size: 13px; text-align: left; margin-top:25px;}