body, * {
   font-family: Verdana;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
}
.clear {
   clear: both;
}
a {
   text-decoration: none;
   color: #009ED6;
}
img {
   border: 0px;
}
h1 {
   color: #000000;
}
.welcome_content h1 {
  color:#FFF;
}
/*\
| Layout
\*/
.container {
   width: 1000px;
}
.head {
   height: 120px;
   width: 100%;
   background-color: #ffffff;
   margin-bottom: 15px;
}
.logo {
   background-image:url(../jpg/logo_klein_langenacht.jpg);
   background-repeat:no-repeat;
   background-position:4px 4px;
   height: 120px;
   width: 230px;
   display: block;
   float: left;
}
.pink {
   color:#009ED6;
}
/*\
| Navigation
\*/

.smallnavi {
   float:right;
   text-align: right;
   line-height:150%;
   margin-right:15px;
}
.smallnavi a {
   font-weight: bold;
   font-size: 11px;
   margin-left:10px;
}
.smallnavi a.url {
   color: #ef8e27;
}

.navi {
   padding: 90px 0px 0px 260px;
}
.navi a.active, .navi a:hover {
   color: #E60360;
}
.navi li {
   float: left;
   list-style-image: none;
   list-style-type: none;
   text-transform: uppercase;
   font-weight: bold;
   margin:0px 7px;
}

/*\
| Content
\*/
.content_right {
   background-color: #ffffff;
   width: 700px;
   margin-right: 15px;
   float: right;
   padding: 35px 20px 35px 35px;
}
.content_right .text {
   width: 410px;
   float: left;
   line-height:150%;
   color: #727272;
}
.content_right .images_line {
   width: 240px;
   margin-left: 455px;
}

/*\
| Programm
\*/

.content_left {
   float: left;
   width: 215px;
   *width: 200px;
   margin-left: 15px;
   color: #ffffff;
   margin-bottom: 20px;
}
.content_left li {
   list-style-type: none;
   padding-top: 5px;
}
.content_left b {
   font-size: 15px;
   text-transform: uppercase;
}
.content_left a {
   color: #ffffff;
   font-size: 14px;
}
.content_left a:hover {
   color: #cccccc;
}
.content_left a.active {
   font-weight: bold;
}
.content_right.program {
   width: auto !important;
}
.images_line {
   margin-left: 430px !important;
}
.event_entry {
   margin:5px 0px;
}
.event_entry a {
   font-weight: bold;
   color: #000000;
}
.event_entry a:hover {
   color: #009ED6;
}

/*\
| Programm Detail
\*/
.content_detail {
   background-color: #ffffff;
   padding: 0px 20px 0px 10px;
}
.content_detail .text {
   width: 325px;
   float: left;
   line-height:150%;
   color: #727272;
}
.content_detail .images_line {
   width: 240px;
   margin-left: 348px;
}


/*\
| Startseite
\*/

.welcome_top {
   width: 100%;
   height: 100%;
   background-color: #009ED6;
   color: #ffffff;
   padding-top: 30px;
}
.welcome_top .headline {
   text-align: right;
}
.welcome_top .headline div {
   font-weight: bold;
   font-size: 15px;
   line-height: 14px;
   letter-spacing: 1px;
   margin-bottom: 5px;
}
.welcome_top .headline h1 {
   text-transform: uppercase;
   font-size: 24px;
}
.welcome_top .container {
   width: 500px;
   margin: auto;
}
.welcome_top .container .img {
   height: 353px;
   width: 361px;
}
.welcome_content {
   width: 360px;
   float: left;
}
.welcome_navi {
   width: 130px;
   height: 424px;
   margin-left: 365px;
   padding-top: 129px;
   vertical-align:bottom;
}
.welcome_navi a {
   display: block;
   margin-top: 21px;
   color: #ffffff;
   text-transform:uppercase;
   text-decoration: none;
   font-weight: bold;
   font-size: 14px;
}
.welcome_sponsoring {
   margin: auto;
   height: 100px;
   width:900px;
   background-color:#FFF;
}
.welcome_sponsoring img {
   float:left;
   margin:5px;
}
.werbung {
   padding:10px 15px;
   margin-top:50px;
   border:1px dashed #FFF;
}
.frameStyle {
   width:100%;
   height:750px;
   border:none;
}