div#wrapper {
position: absolute;
left: 50%;
width: 990px;
min-height: 100.05%;
margin-left: -500px;
top: 0px;
background: #eee;
}

#skyscraper {
position: relative;
top:193px;
width: 270px;
height:700px;
margin-left: 1125px;
padding:0;
}

* {
margin: 0;
padding: 0;
}


html {
background: #f6f6f6;

background-position: top center;
background-attachment: fixed;
font: 80%/1.2 arial, helvetica;
}



h1 {
font-size: 1.4em;
color: #115a84;
}


h2 {
font-size: 1.2em;
color: #115a84;     
line-height: 1.3em;
}

h3 {
font-size: 1.1em;
color: #333;
line-height: 1.3em;
margin: .3px 8px .5em 0px;
}

h4 {
font-size: 22px;
color: #333; 
line-height: 22px;
margin: 10px 8px 10px 0px;
}

p {
font-size: 1em;
text-align: left;
color: #333;  
line-height: 1.4em;
}

.line_height-13 {
line-height: 1.3em;
}

.fontsize-15em {
  font-size: 1.5em; 
  line-height: 1.5em;
}

.fontsize-13em {
  font-size: 1.3em;
  line-height: 1.5em;
}

.fontsize-9em {
  font-size: .85em;
  line-height: 1.3em;
}


.border_left-10 {
    border-left: 10px;
}



.flairblau {
color: #115a84;
}

.flairgrau {
color: #777;
}

.grau {
color: #6D6D6D;
}

.bus {
color: #6e27c3;
}

.s5 {
color: #bc6300;
}

.s7 {
color: #b15dfd;
}

.s9 {
color: #632f2e;
}

.u7 {
color: #0083ff;
}

.u6 {
color: #8800c6;
}

.s1 {
color: #f92fff;
}

.s2 {
color: #217601;
}

.m1 {
color: #f97922;
}

.violett {
color: #9e247b;
}

.zeit {
color: #fff;
background-color: #9F0B03;
}

.rueckschau {
color: #fff;
background-color: #6A6A6A;
}

.vorschau {
color: #fff;
background-color: #105a87;
margin: 40px 0 0 0px
}




.hellgrau {
color: #dedede;
}


.rechts {
text-align: right;
margin: 2px 15px 0 8px;
line-height: 15px;
margin-bottom: 10px;
}

.center {
text-align: center !important;
font-size: .85em;
margin: 2px 4px 0 4px;
line-height: 1.5em;
margin-bottom: 10px;
}

.justify {
text-align: justify;
line-height: 1.3em;
margin: 2px 0 5px 0;
}

.margin0 {
margin: 0 0 0 0;
}

.top-07em {
    margin-top: 0.7em;
}

.top-04em {
    margin-top: 0.4em;
}

.top-20px {
    margin-top: 20px !important;
}

.top-12px {
    margin-top: 12px;
}

.bottom-04em {
    margin-bottom: 0.4em;
}


.floatimg {
float: left;
display: inline; 
margin: 0 7px 0 0 !important;
padding: 0; 
}

.img-right {
float: right;
display: inline;
margin: 0 0 12px 8px !important;
padding: 0;
}

.img-top-right {
float: right;
display: inline;
margin: 12px 0 12px 8px !important;
padding: 0;
}

.img-top {
float: left;
display: inline;
margin: 12px 0 12px 0 !important;
padding: 0;
}


.clearboth {
    clear: both;
}


a {color: #666;}
a:link {text-decoration: none; color: #115a84;}
a:visited {text-decoration: none; color: #115a84; }
a:hover {text-decoration: underline; color: #666;}



ul {
font-size: 1em;
color: #000;
line-height: 1.2em;
margin-left: 3em;
margin-bottom: 1em;
}

ol {
font-size: 1em;
color: #000;
line-height: 1.2em;
margin-left: 3em;
margin-bottom: 1em;
}

li {
color: #333;  
line-height: 1.4em;
}

.li_margin_05 {
margin-bottom: .5em;    
}



#meta {
float: right;
display: inline;
width: 934px;
margin: 10px 28px 0 28px;
padding: 0;
}

.pmeta {
font-size: 1em;
    color: #888;
    margin:6px 10px 8px 0;
    padding: 0;
    text-align: right;
}

#meta .pipe {
font-size: 1em;
color: #888;
margin: 0 5px 0 8px;
}

#meta a{
color: #999;
text-decoration: none;
}

#meta a:hover{
color: #115a84;
text-decoration: none;
}





div#header {
float: left;
display: inline;
width: 934px;
height: 124px;
margin: 0 0 0 28px;
padding: 0;
background: url(../picture/header.jpg) no-repeat;
}


div#header img {
float: left;
margin: 18px 0 0 28px;
}


div#header-x {
float: left;
display: inline;
width: 934px;
height: 124px;
margin: 0 0 0 28px;
padding: 0;
}


div#header-x img {
float: left;
margin: 0 0 0 0px;
}


/* HAUPTNAVI */

#haupt_navi {
clear:both;
font: 80%/1.2 verdana, arial;
width: 964px;
height: 32px;
margin:0;
padding:0;
}

ul#hauptnavi {
position:absolute;
top:166px;
left:28px;
height:27px;
margin:0;
padding:0;

}

ul#hauptnavi li {
float:left;
list-style-type:none;
background-image:url(../picture/back_hauptnavi.jpg);
}

ul#hauptnavi li a {
display:block;
text-decoration:none;
}
ul#hauptnavi li a:link, li a:visited, li a:active {
text-decoration:none;
}
ul#hauptnavi li a:hover {
text-decoration:none;
padding:0;
}

ul#hauptnavi .menue {
position:absolute;
top:32px;
background:#444 url(../picture/back_punkte) repeat-x bottom left;
border-bottom: 12px solid #444;
border-top: 8px solid #cecece;
padding:0 0 0 0;
}

ul#hauptnavi .menue ul.unternavi{
float:left;
}
ul#hauptnavi .menue ul.unternavi {
min-width:98px;
margin:0 10px 0 0;
padding:0;
}

ul#hauptnavi .menue ul.unternavi li {
float:none;
background-image:none;
}

ul#hauptnavi .menue ul.unternavi li a, ul#hauptnavi .menue ul.unternavi li a:link, ul#hauptnavi .menue ul.unternavi li a:visited {
font-size:13px;
font-weight:normal;
line-height:1.3em;
color:#eee;
text-decoration:none;
padding: 6px 6px 0 15px;
height:100%;
background-color:transparent;
}

.na {
color: #5F5F5F;    
}

ul#hauptnavi .menue ul.unternavi li a:hover {
color:#437C9D;
text-decoration: none;
background: url(../picture/p2.jpg) no-repeat top left;
}

ul#hauptnavi .menue ul.unternavi li a:active {
color:#fff;
text-decoration: none;
background-color:transparent;
}

ul#hauptnavi li .menue {
display:none;
}

ul#hauptnavi li:hover .menue {
display:block;
}

ul#hauptnavi li.over .menue {
display:block;
width:200px;
height:1%;
}

ul#hauptnavi a.navipunkt span {
position:absolute;
left:-10000px;
width:1px;
height:1px;
overflow:hidden;
}

li.top1 {background-position:0 0;}
li.top1:hover, li.top1_over {background-position:0px -32px;}
li.top1 a.navipunkt, li.top1_over a.navipunkt {width:85px; height:32px;}
li.top1 .menue {left:0px; min-width:70px}

li.top2 {background-position:-85px 0;}
li.top2:hover, li.top2_over {background-position:-85px -32px;}
li.top2 a.navipunkt, li.top2_over a.navipunkt {width:103px; height:32px;}
li.top2 div.menue {left:85px; min-width:150px}

li.top3 {background-position:-188px 0;}
li.top3:hover, li.top3_over {background-position:-188px -32px;}
li.top3 a.navipunkt, li.top3_over a.navipunkt {width:95px; height:32px;}
li.top3 div.menue {left:188px; min-width:150px}

li.top4 {background-position:-283px 0;}
li.top4:hover, li.top4_over {background-position:-283px -32px;}
li.top4 a.navipunkt, li.top4_over a.navipunkt {width:135px; height:32px;}
li.top4 div.menue {left:283px; min-width:150px}

li.top5 {background-position:-418px 0;}
li.top5:hover, li.top5_over {background-position:-418px -32px;}
li.top5 a.navipunkt, li.top5_over a.navipunkt {width:140px; height:32px;}
li.top5 div.menue {left:418px; min-width:150px}

li.top6 {background-position:-558px 0;}
li.top6:hover, li.top6_over {background-position:-558px -32px;}
li.top6 a.navipunkt, li.top6_over a.navipunkt {width:148px; height:32px;}
li.top6 div.menue {left:558px; min-width:156px}

li.top7 {background-position:-706px 0;}
li.top7:hover, li.top7_over {background-position:-706px -32px;}
li.top7 a.navipunkt, li.top7_over a.navipunkt {width:87px; height:32px;}
li.top7 div.menue {left:706px; min-width:156px}

li.top8 {background-position:-793px 0;}
li.top8:hover, li.top8_over {background-position:-793px -32px;}
li.top8 a.navipunkt, li.top8_over a.navipunkt {width:111px; height:32px;}
li.top8 div.menue {left:817px; min-width:140px}

li.top9 {background-position:-903px 0;}
li.top9:hover, li.top9_over {background-position:-903px -32px;}
li.top9 a.navipunkt, li.top9_over a.navipunkt {width:30px; height:32px;}
li.top9 div.menue {left:904px; width:30px}





/* ###################################### R u b r i k #################################### */


div#rubrik-start {
clear: both;
float: left;
display: inline;
width: 934px;
height: 20px;
margin: 10px 0 0 28px;
padding: 0;
background: url(../picture/back-rubrik.jpg) no-repeat;
}



div#rubrik {
clear: both;
float: left;
display: inline;
width: 934px;
height: 20px;
margin: 10px 0 0 28px;
padding: 0;
background: url(../picture/back-rubrik.jpg) no-repeat;
}

div#anzeige {
float: left;
display: inline;
width: 934px;
height: 16px;
margin: 10px 0 0 28px;
padding: 0;
}





/* LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLl  LITFAZ ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ */

div#rubrik-litfaz {
float: left;
display: inline;
width: 932px;
/* margin: 0px 0 20px 76px; */
margin: 10px 0 0px 28px;
padding: 0 0 25px 0;
border: 1px #aaa solid;
}


div#bild-242 {
float: left;
display: inline;
width:262px;
border: 1px #aaa solid;
/* margin: 30px 23px 0 0px; */

margin: 25px 0px 0px 46px;
background: #fff;
}



div#bild-242 img {
float: left;
display: inline;
padding: 0;
}

div#bild-242 .logo {
margin: 10px 0 0 0px;
}

div#bild-242 .bild {
margin: 10px 10px 10px 10px;
}

div#bild-242 .linie {
margin: 0 0 6px 0;
padding: 0;
}

div#bild-242 .link {
float: right;
margin: 0 10px 7px 0;
}

div#bild-242 p {
float: left;
display: inline;
}

div#bild-242 .bez {
font-size: .85em;
color: #777;
width: 180px;
height: 18px;
margin: 2px 0 0 10px;
line-height: 1.4em;
}

div#bild-242 .copy {
font-size: .8em;
color: #555;
margin: -27px 0 0 15px;
}

div#bild-242 a:hover {
text-decoration: none;
}




div#bild-242-2 {
float: left;
display: inline;
width:262px;
border: 1px #aaa solid;
/* margin: 30px 23px 0 0px; */

margin: 25px 0px 0px 25px;
background: #fff;
}


div#bild-242-2 img {
float: left;
display: inline;
padding: 0;
}

div#bild-242-2 .logo {
margin: 10px 0 0 0px;
}

div#bild-242-2 .bild {
margin: 10px 10px 10px 10px;
}

div#bild-242-2 .linie {
margin: 0 0 6px 0;
padding: 0;
}

div#bild-242-2 .link {
float: right;
margin: 0 10px 7px 0;
}

div#bild-242-2 p {
float: left;
display: inline;
}

div#bild-242-2 .bez {
font-size: .85em;
color: #777;
width: 180px;
height: 18px;
margin: 2px 0 0 10px;
line-height: 1.4em;
}

div#bild-242-2 .copy {
font-size: .8em;
color: #555;
margin: -27px 0 0 15px;
}

div#bild-242-2 a:hover {
text-decoration: none;
}









div#pro {
clear: both;
float: left;
display: inline;
width: 934px;
height: 26px;
margin: 20px 0 0 28px;
padding: 0;
}

div#rubrik-links {
float: left;
display: inline;
width: 455px;
background: #fff;
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
margin: 25px 37px 0 28px;
padding: 0;
}








div#rubrik-rechts {
float: left;
display: inline;
width: 447px;
margin: 25px 0 0 0px;
padding: 0;
}


div#anfang-2 {
clear: both;
float: left;
display: inline;
width: 934px;
height: 2px;
margin: 20px 0 0 28px;
padding: 0;
background: url(../picture/back-anfang-2.jpg) no-repeat;
}

div#anfang-546 {
clear: both;
float: left;
display: inline;
width: 546px;
height: 2px;
margin: 20px 0 0 28px;
padding: 0;
background: url(../picture/back-anfang-2.jpg) no-repeat;
}




/* ###################################### T I T E L #################################### */


div#titel {
clear: both;
float: left;
display: inline;
width: 934px;
height: 26px;
margin: 15px 0 0 28px;
padding: 0;
background: url(../picture/back-titel.jpg) no-repeat;
}

div#titel h1 {
font-size: 1.1em;
color: #115a84;
margin-top: 5px;
}

.margin20-5 {
margin: 5px 25px 0px 28px;
}

.margin10-5 {
margin: 5px 20px 0px 11px;
}

div#titel-links {
float: left;
display: inline;
width: 466px;
height: 26px;
margin: 20px 0 0 28px;
padding: 0;
background: url(../picture/back-titel.jpg) no-repeat;
}

div#titel-rechts {
float: left;
display: inline;
width: 467px;
height: 26px;
margin: 20px 0 0 0px;
border-right: solid 1px #c5c5c5;
padding: 0;
background: url(../picture/back-titel.jpg) no-repeat;
}



/* ###################################### BANNER 936  #################################### */


div#banner {
clear: both;
float: left;
display: inline;
width: 934px;
margin: 20px 0 10px 28px;
padding: 0;
}


div#banner-934 {
clear: both;
float: left;
display: inline;
width: 934px;
margin: 10px 0 10px 28px;
padding: 0;
}

div#pro-311 {
clear: both;
float: left;
display: inline;
width: 940px;
height:311px;
margin: 10px 0 10px 28px;
padding: 0;
background: url(../d/promotion/bilder/stadtmuseum.jpg) no-repeat;
}

div#pro-311-a {
clear: both;
float: left;
display: inline;
width: 934px;
height:311px;
margin: 10px 0 10px 28px;
padding: 0;
background: url(../d/promotion/bilder/marriott.jpg) no-repeat;
}

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


.margin-290 {
width: 260px;
height: 155px;
margin: 135px 0 0 657px;
}

.margin-260 {
width: 310px;
height: 155px;
margin: 120px 0 0 600px;
}




.margin-290-1 {
width: 400px;
    margin: 0 0 0 290px;
}          

div#fotoserie {
float: left;
display: inline;
width: 934px;
margin: 20px 0 10px 28px;
padding: 0;
}

.fotoserie1 {
    border: 1px #c5c5c5 solid;
    margin: 0 0 14px 0;
}

.fotoserie3 {
float: left !important;
display: inline !important;
    border: 1px #c5c5c5 solid;
    margin: 0 14px 14px 0;
}

.fotoserie3-last {
    border: 1px #c5c5c5 solid;
    margin: 0 0 14px 0;
}



/* ###################################### I N D E X #################################### */



div#index{
clear: both;
float: left;
display: inline;
width: 932px;
background: #fff;
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
margin: 0 0 0 28px;
padding: 0;
}

div#index-head{
clear: both;
float: left;
display: inline;
width: 934px;
background: #f6f6f6;
margin: 0 0 0 28px;
padding: 0;
}


#index-grau{
clear: both;
float: left;
display: inline;
width: 932px;
background: url(../picture/back-content.jpg);
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
margin: 0 0 0 28px;
padding: 0;
}


#strasse-grau {
clear: both;
float: left;
display: inline;
width: 932px;
background: url(../picture/back-boulevard.jpg);
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
border-bottom: 1px #c5c5c5 solid;
margin: 0 0 0 28px;
padding: 0;
}



/* ############################### neue Homepage ################################### */

div#homepage {
clear: both;
float: left;
display: inline;
width: 932px;
background: #fff;
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
background: url(../picture/back-homepage.jpg) repeat-y;
margin: 0 0 0 28px;
padding: 0;
}

div#homepage h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 0px;
margin-bottom: 3px;
}

/* ############################################################# */


div#wrapper-teaser-886 {           /* Index */
clear: both;
float: left;
display: inline;
width: 932px;
background: url(../picture/back_key-visual-932.jpg) no-repeat;
border: 1px #aaa solid;
margin: 12px 0 0 28px;
padding: 0;
}


div#teaser-886-index {
float: left;
display: inline;
width: 886px;
margin: 0 23px 0 23px;
}

div#teaser-886-index img {
margin: 0 0 0 0;
}

div#teaser-886-index img.b10 {
margin: 0 0 0 16px;
}

div#infoicon {
float: left;
display: inline;
width: 20px;
margin: 8px 2px 0 0px;
}

div#infoicon img {
margin: 0 0 0 0;
}


div#teaser-886 {
float: left;
display: inline;
width: 886px;
margin: 10px 23px 0 23px;
}

div#teaser-886 img {
margin: 0 0 0 0;
}


/* ##################################################################### */



div#wrapper-886 {
clear: both;
margin: 0;
padding: 0;
}

div#wrapper-teaser-425-links {
float: left;
display: inline;
width: 456px;
background: url(../picture/back_teaser.jpg) no-repeat;
border: 1px #c5c5c5 solid;
margin: 18px 0 0 28px;
padding: 0;
}

div#wrapper-teaser-425 {
float: left;
display: inline;
width: 456px;
background: url(../picture/back_teaser.jpg) no-repeat;
border: 1px #c5c5c5 solid;
margin: 18px 0 0 18px;
padding: 0;
}


div#teaser-425 {
float: left;
display: inline;
margin: 0 0 0 23px;
padding: 0;
}

div#teaser-425 img {
margin: 0 0 0 0;
}



/* ##################################################################### */


div#wrapper-teaser-650 {
clear: both;
float: left;
display: inline;
width: 650px;
background: url(../picture/back_teaser.jpg) no-repeat;
border: 1px #c5c5c5 solid;
margin: 18px 0 0 28px;
padding: 0;
}


div#teaser-650 {
width: 607px;
margin: 0 20px 0 23px;
padding: 0;
}



/* ##################################################################### */



div#teaser-272-links {
float: left;
display: inline;
width: 272px;
margin: 0 0 0 23px;
padding: 0;
}

div#teaser-260-links img {
margin: 0 0 0 0 !important;
}

div#teaser-318-rechts {
float: left;
display: inline;
width: 318px;
margin: 0 0 0 10px;
padding: 0;
}


div#teaser-330-rechts img {
margin: 0 0 0 0;
}



div#teaser-186-links {
float: left;
display: inline;
width: 186px;
margin: 0 0 0 0px;
padding: 0;
}


div#teaser-186-links img {
margin: 0 0 0 0;
}



div#teaser-186 {
float: left;
display: inline;
width: 186px;
margin: 0 0 0 23px;
padding: 0;
}


div#teaser-186 img {
margin: 0 0 0 0;
}



/* ##################################################################### */





/* ##################################################################### */


div#wrapper-teaser-266 {
float: left;
display: inline;
width: 262px;
background: url(../picture/back_teaser.jpg) no-repeat;
border: 1px #c5c5c5 solid;
margin: 18px 0 0 18px;
padding: 0;
}



div#teaser-266-216 {
float: left;
display: inline;
width: 216px;
margin: 0 23px 0 23px;
}

div#teaser-266-216 img {
margin: 0 0 0 0;
}


div#teaser-266-250 {
float: left;
display: inline;
width: 216px;
margin: 0 23px 0 23px;
}

div#teaser-266-250 img {
margin: 0 0 0 0;
}





/* ##################################################################### */


/* #################################   wrapper-teaser-886-200   #################################### */


div#wrapper-teaser-886-200 {
clear: both;
float: left;
display: inline;
width: 932px;
background: url(../picture/back_teaser.jpg) repeat-x;
border: 1px #c5c5c5 solid;
margin: 18px 0 0 28px;
padding: 0;
}


div#teaser-886-200 {
float: left;
display: inline;
width: 886px;
margin: 0 23px 0 23px;
padding: 0;
}

div#teaser-886-200 img {
margin: 0 0 0 0;
}



div#teaser-275-links {
float: left;
display: inline;
width: 346px;
margin: 0 0 0 0px;
padding: 0;
}     

div#teaser-275-links img {
margin: 5px 0 3px 0;
}       


div#teaser-130-links {
float: left;
display: inline;
width: 162px;
margin: 0 0 0 0;
padding: 0;
}


div#teaser-130-links img {
margin: 0 0 0 0;
}



div#teaser-130 {
float: left;
display: inline;
width: 162px;
height: 245px;
margin: 0 0 0 18px;
padding: 0;
}


div#teaser-130 img {
margin: 0 0 0 0;
}

.margin-bottom-5 {
   margin-bottom: 5px; 
}


/* ##################################################################### */






/*  ########################### content 250 ########################### */

div#content-250  {
float: left;
display: inline;
width: 250px;
margin: 0 15px 0 45px;
background: #839;
}

div#teaser-250  {
clear: both;
width: 314px;
margin: 10px 0 0 0;
border-bottom: 1px solid #bbb;
}

div#content-250  h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 15px;
margin-bottom: 15px;
}

div#content-250  h3 {
font-size: 1.1em;
color: #333;
line-height: 1.6em;
margin: .3px 8px .5em 0px;
}

div#content-250  p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}

div#content-250  img {
margin: 0 0 0 0;
}

div#content-250  .foto {
margin: 0 0 15px 0;
}

div#content-250  .fotoindex {
margin: 15px 0 3px 0;
}




/* ###################################### EventPages #################################################### */



div#anfang-eventpage {
clear: both;
float: left;
display: inline;
width: 934px;
height: 2px;
margin: 20px 0 0 28px;
padding: 0;
background: url(../picture/back-anfang-2.jpg) no-repeat;
}


div#eventpage{
clear: both;
float: left;
display: inline;
width: 932px;
background: #fff;
border-right: 1px #c5c5c5 solid;
border-left: 1px #c5c5c5 solid;
margin: 0 0 0 28px;
padding: 0;
}





div#linie-586 {
float: left;
display: inline;
width: 579px;
margin: 0 15px 0 0;
border-right: 1px #ddd solid;
}




/*  ########################### content 586 ########################### */

div#content-586 {
float: left;
display: inline;
width: 540px;
margin: 0 15px 0 23px; 
}

div#content-586 h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 15px;
margin-bottom: 3px;
}

div#content-586 h3 {
font-size: 1.1em;
color: #333;
line-height: 1.5em;
margin: .3px 8px .5em 0px;
}

div#content-586 p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}

div#content-586 img {
margin: 0 0 0 0;
}

div#content-586 .foto {
margin: 0 0 15px 0;
}

div#content-586 .fotoindex {
margin: 15px 0 3px 0;
}

div#content-586 .fotoleft {
float: left;
display: inline;
margin: 0 12px 12px 0;
}

div#content-586 .fotoright {
clear: both;
float: left;
display: inline;
margin: 0 0 12px 12px;
}   

div#teaser-586 {
clear: both;
width: 540px;
margin: 20px 0 0 0;
}





/*  ########################### content 300 ########################### */

div#content-300 {
float: left;
display: inline;
width: 314px;
margin: 0 15px 0 0;
}

div#teaser-300 {
clear: both;
float: left;
display: inline;
width: 314px;
margin: 0 0 10px 0;
border-bottom: 1px solid #bbb;
}

div#teaser-300 h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 15px;
margin-bottom: 15px;
}

div#teaser-300 h2 {
font-size: 1.1em;
color: #333;
line-height: 1.3em;
margin: 0 0 5px 0;
}

div#teaser-300 h3 {
font-size: 1.1em;
color: #333;
line-height: 1.6em;
margin: 0 0 5px 0;
}

div#teaser-300 p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 0 0 3px 0;
padding: 0;
}

div#teaser-300 img {
margin: 8px 0 0 0px;
}

div#teaser-300 .foto {
margin: 0 0 15px 0;
}

div#teaser-300 .fotoindex {
margin: 15px 0 3px 0;
}



div#pfeil-111 {
float: left;
display: inline;
width: 111px;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

.border-185-42 {
margin: 185px 0 0 42px;
}

.border-20-26 {
margin: 20px 0 0 26px;
}

.border-280-42 {
margin: 280px 0 0 42px;
}

.copyright-hell {
font-size: 12px !important;
margin: -22px 0 8px 5px !important;
color: #ccc !important;
}

.copyright-mittel {
font-size: 12px !important;
margin: -22px 0 8px 5px !important;
color: #777 !important;
}

.copyright-mittel-468 {
font-size: 12px !important;
margin: -24px 0 8px 126px !important;
color: #777 !important;
}

.copyright-mittel-427 {
font-size: 12px !important;
margin: -24px 0 8px 146px !important;
color: #777 !important;
}

.copyright-dunkel {
font-size: 12px !important;
margin: -22px 0 8px 5px !important;
color: #444 !important;
}

.p-teaser {
margin: 5px 0 5px 0;
}

.h2-teaser {
margin: 6px 0 4px 0;
}



div#bild-707 {
float: left;
display: inline;
width: 709px;
margin: 20px 0 0 0px;
} 

div#bild-707 h2 {
font-size: 1.2em;
color: #115a84;
line-height: 1.3em;
margin: 4px 0 6px 0;
}  

.border-1-999 {
border: solid 1px #999;   
}

.border-0 {
border: solid 0px #fff;
}

.bild-breite-468 {
    margin-left: 121px;
}

.bild-breite-427 {
    margin-left: 141px;
}

div#content-707 {
float: left;
display: inline;
width: 600px;
margin: 10px 0 0 0px;
} 

div#count-707 {
float: left;
display: inline;
width: 107px;
margin: 10px 0 0 0px;
} 

.floatright {
float: right;    
}









/* #################################### Content ################################# */


div#ende {
float: left;
display: inline;
width: 934px;
height: 8px;
background: url("../picture/back-ende-8.jpg");
margin: 0 0 0 28px;
padding: 0;
}

div#ende-2 {
float: left;
display: inline;
width: 934px;
height: 2px;
background: url("../picture/back-ende-2.jpg");
margin: 0 0 0 28px;
padding: 0;
}

div#cont-ende-mehr {
float: left;
display: inline;
width: 934px;
height: 23px;
background: url("../picture/back-ende-23.jpg");
margin: 0 0 0 28px;
padding: 0;
}

div#cont-ende-mehr .links {
float: left;
margin: 0;
padding: 0;
}

div#cont-ende-mehr .rechts {
float: right;
margin: 0;
padding: 0;
}

div#cont-ende-20 {
clear: both;
float: left;
display: inline;
width: 934px;
height: 20px;
margin: 0 0 0 28px;
padding: 0;
}

div#content{
float: left;
display: inline;
width: 990px;
background: url("../picture/back-mitte.jpg");
margin: 0 0 0 0;
padding: 0;
}


div#content-links {
float: left;
display: inline;
width: 465px;
margin: 10px 54px 10px 62px;
}

div#content-rechts {
float: left;
display: inline;
width: 347px;
margin: 10px 10px 10px 0;
}


/* ############################### Content Index Links ##################################### */

div#content-links-x {
float: left;
display: inline;
width: 507px;
margin: 10px 35px 10px 62px;
}

div#content-links-x ul {
font-size: 1em;
color: #333;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-links-x ol {
font-size: 1em;
color: #333;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}


div#content-links-x a {    
  color: #6A7F94;
    text-decoration: none;
}

div#content-links-x a:link {         
  text-decoration: none;
  color: #6A7F94;
}

div#content-links-x a:visited {
  color: #6A7F94;
  text-decoration: none;
}

div#content-links-x a:hover {
  text-decoration: underline;
  color: #2A9677;
}







div#content-270 {
float: left;
display: inline;
width: 280px;
margin: 10px 0px 10px 23px;
}





/* ###################################  L i n k s  2 0 0  ########################################### */


div#content-200-links {
float: left;
display: inline;
width: 200px;
margin: 20px 24px 10px 0px;
}


div#content-200-links ul {
list-style: none;
margin-left: 0;
background: url(../picture/li.jpg) repeat-y;
}

div#content-200-links a:link {
display: block;
text-decoration: none;
}

div#content-200-links .l1 li a {
display: block;
font-size: .9em;
text-decoration: none;
line-height: 24px;
height: 24px;
padding: 0 0 0 25px;
color: #000;
}


div#content-200-links .l1 li#current { 
background: url(../picture/lil1.jpg) no-repeat;
color: #115a84;
}

div#content-200-links .l1 a:hover {
background: url(../picture/lil1.jpg) no-repeat;
} 

div#content-200-links .l2 li a {
display: block;
font-size: .9em;
text-decoration: none;
line-height: 24px;
height: 24px;
padding: 0 0 0 40px;
color: #444;
}

div#content-200-links .l2 li#current {  
background: url(../picture/lil2.jpg) no-repeat;
color: #115a84;
}

div#content-200-links .l2 a:hover {
background: url(../picture/lil2.jpg) no-repeat;
}    


div#content-200-links a#show {
background-color: gray;
color: white;
}




/* ###################################  R e c h t s  2 0 0  ########################################### */



div#content-200-rechts {
float: left;
display: inline;
width: 200px;
margin: 20px 0px 10px 0px;
}

div#content-200-rechts ul {
font-size: 1em;
color: #333;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-200-rechts ol {
font-size: 1em;
color: #333;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-200-rechts a {
  color: #115a84;
    text-decoration: none;
}

div#content-200-rechts a:link {
  text-decoration: none;
  color: #115a84;
}

div#content-200-rechts a:visited {
  color: #115a84;
  text-decoration: none;
}

div#content-200-rechts a:hover {
  text-decoration: underline;
  color: #0C2D44;
}



/* ###################################  Content Links  4 0 0  ########################################### */



div#content-400 {
float: left;
display: inline;
width: 415px;
margin: 20px 35px 10px 25px;
padding: 0;
}

/* ###################################  Content 400 rechts  ########################################### */



div#content-400-rechts {
float: left;
display: inline;
width: 447px;
margin: 0px 0 0 0px;
}


.businesscard {
float: right;
margin: 0;
padding: 0;
}



.minus25 {
margin: 6px 0 0 -25px;
}

.anzeigen {
margin: 0 0 30px 100px;
}

.icon {
float: left;
display: inline;
margin: -3px 0 0 0;
}

.icon-1 {
float: left;
display: inline;
margin: 3px 0 0 32px;
}

.icon-2 {
float: left;
display: inline;
margin: 5px 0 0 32px;
}


div#content-400 h1 {
font-size: 1.2em;
color: #333;
margin-top: 0;
margin-bottom: 0.6em;
}


div#content-400 h3 {
font-size: 13px;
color: #115a84;
line-height: 15px;
margin: 0 8px 1em 0;
}

div#content-400 h4 {
font-size: 13px;
color: #115a84;
margin: 0 8px 0 0;
padding: 0;
}


div#content-400 p {
font-size: 1em;
text-align: left;
color: #000;
margin: 2px 8px 10px 0;
line-height: 1.3em;
}

div#content-400 .abstand-50 {
margin: 2px 8px 0 50px;
}

div#content-400 a {
  color: #115a84;
    text-decoration: none;
}

div#content-400 a:link {
  text-decoration: none;
  color: #115a84;
}

div#content-400 a:visited {
  color: #115a84;
  text-decoration: none;
}

div#content-400 a:hover {
  text-decoration: underline;
  color: #0C2D44;
}




/* ###################################  M i t t e  4 0 0  ########################################### */





div#content-430 {
float: left;
display: inline;
width: 484px;
margin: 20px 20px 10px 0px;
}

div#content-430 h1 {
font-size: 1.5em;
color: #333;
margin-top: 0;
margin-bottom: 0.6em;
}


div#content-430 p {
font-size: 1em;
text-align: left;
color: #000;
margin: 2px 8px 0 0;
line-height: 1.4em;
margin-bottom: 10px;
}

div#content-430 ul {
font-size: 1em;
color: #000;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-430 ol {
font-size: 1em;
color: #000;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-430 li {
margin-bottom: .5em;
}




div#content-430 a {
  color: #115a84;
    text-decoration: underline;
}

div#content-430 a:link {
  text-decoration: underline;
  color: #115a84;
}

div#content-430 a:visited {
  color: #115a84;
  text-decoration: underline;
}

div#content-430 a:hover {
  text-decoration: underline;
  color: #0C2D44;
}




/* ###################################  Content 400 Berlin  ########################################### */



div#content-400-berlin {
float: left;
display: inline;
width: 447px;
height: 370px;
margin: 0 0 10px 0;
background: url("../picture/berlin-index.jpg") no-repeat;
}

div#content-400-berlin img {
margin: 0;
padding: 0;
}

div#content-400-berlin .berlin {
float: right;
}

div#content-400-berlin .schoen {
position: absolute;
margin: 110px 0px 0px 250px;
}

div#content-400-berlin .hack {
position: absolute;
margin: 144px 0px 0px 223px;
}

div#content-400-berlin .fried {
position: absolute;
margin: 158px 0px 0px 236px;
}

div#content-400-berlin .berg {
position: absolute;
margin: 179px 0px 0px 235px;
}

div#content-400-berlin .kudamm {
position: absolute;
margin: 180px 0px 0px 139px;
}




div#content-400-berlin h1 {
font-size: 1.5em;
color: #333;
margin-top: 0;
margin-bottom: 0.6em;
}


div#content-400-berlin p {
font-size: 1em;
text-align: left;
color: #000;
margin: 2px 8px 0 0;
line-height: 1.4em;
margin-bottom: 10px;
}

div#content-400-berlin ul {
font-size: 1em;
color: #000;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-400-berlin ol {
font-size: 1em;
color: #000;
line-height: 1.4em;
margin-left: 3em;
margin-bottom: 1em;
}

div#content-400-berlin li {
margin-bottom: .5em;
}




div#content-400-berlin a {
  color: #115a84;
    text-decoration: underline;
}

div#content-400-berlin a:link {
  text-decoration: underline;
  color: #115a84;
}

div#content-400-berlin a:visited {
  color: #115a84;
  text-decoration: underline;
}

div#content-400-berlin a:hover {
  text-decoration: underline;
  color: #0C2D44;
}








/* ############################### Content Index Rechts ##################################### */




div#content-rechts-x {
float: left;
display: inline;
width: 327px;
margin: 10px 10px 10px 0;
}



/* ################################################################# */


#info{
float: left;
display: inline;
width: 990px;
height: 230px;
margin: 0;
padding: 0;
}

div#foto {
float: left;
display: inline;
width: 415px;
margin: 16px 0 0 12px;
}

div#foto h1 { 
font-size: 1.3em;
color: #115a84;
margin-top: 15px;
margin-bottom: 0.5em;
}

div#foto p {
font-size: .9em;
text-align: left;
color: #5d5d5d;
line-height: 1.4em;
margin: 0 10px 0 0;
padding: 0;
}    

div#foto img {
float: left;
display: inline;
margin: 0 12px 0 0;
} 

div#bvg {
float: left;
display: inline;
width: 220px;
height: 183px;
margin: 16px 0 0 30px;
}

div#bvg1 {
float: left;
display: inline;
width: 220px;
height: 105px;
margin: 0;
}

div#bvg2 {
float: left;
display: inline;
width: 228px;
height: 56px;
margin: 0;
}

div#bvg2 img {
float: left;
display: inline;
margin: 0 16px 10px 0;
}

div#mehr {
float: left;
display: inline;
width: 228px;
height: 23px;
margin: 0;
}

div#mehr img {
float: right;
display: inline;
margin: 0;
}


div#stadtteil {
float: left;
display: inline;
width: 220px;
height: 170px;
margin: 16px 0 0 25px;
}

div#stadtteil h1 {
font-size: 1.3em;
color: #115a84;
margin-top: 15px;
margin-bottom: 0.5em;
}

div#stadtteil p {
font-size: .9em;
text-align: left;
color: #5d5d5d;
line-height: 1.4em;
margin: 0 10px 0 0;
padding: 0;
}




div#abstand {
float:left;
display: inline;
width: 932px;
height: 20px;
margin: 0;
padding: 0;
}




div#info-boulevard {
float: left;
display: inline;
width: 430px;
margin: 16px 0 0 12px;
}

div#info-boulevard h1 {
font-size: 1.3em;
color: #115a84;
margin-top: 15px;
margin-bottom: 0.5em;
}

div#info-boulevard p {
font-size: .9em;
text-align: left;
color: #5d5d5d;
line-height: 1.4em;
margin: 0;
padding: 0;
}

div#info-boulevard img {
float: left;
display: inline;
margin: 0 12px 0 0;
}







div#map {
float: left;
display: inline;
width: 430px;
height: 200px;
margin: 0 0 0 50px;
}



/*  ########################### Index ########################### */




div#teaser-420-links {
float: left;
display: inline;
width: 420px;
margin: 0 46px 0 23px;
padding: 0;
}

div#teaser-420-rechts {
float: left;
display: inline;
width: 420px;
margin: 0 0 0 0;
padding: 0;
}









/*  ########################### Index ########################### */

div#teaser-xl-foto {
float: left;
display: inline;
width: 602px;
margin: 0 15px 0 23px;
}

div#teaser-xl-foto h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 15px;
margin-bottom: 15px;
}

div#teaser-xl-foto h3 {
font-size: 1.1em;
color: #333;
line-height: 1.6em;
margin: .3px 8px .5em 0px;
}

div#teaser-xl-foto p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}

div#teaser-xl-foto img {
margin: 0 0 0 0;
}

div#teaser-xl-foto .foto {
margin: 0 0 15px 0;
}

div#teaser-xl-foto .fotoindex {
margin: 15px 0 3px 0;
}


/* IIIIIIIIIIIIIIIIIIIIIIIIIIIII Index IIIIIIIIIIIIIIIIIIIIIIIIIII */


div#teaser-xl-logo {
float: left;
display: inline;
width: 270px;
margin: 0 0 0 0;
padding: 0;
}

div#teaser-xl-logo p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 10px 0 0 0;
padding: 0;
}

div#teaser-xl-logo img {
margin: 55px 0 10px 0;
}

.imgmar28 {
margin: 28px 0 10px 0 !important;
}

.imgmar10 {
    margin: 10px 0 10px 0 !important;
}

.height_50 {
    margin: 52px 0 0 0 !important;
}

div#teaser-xl-logo .imgrechts {
float: right;
display: inline;
margin: 0 0 0 0;
}

div#teaser-xl-logo ul {
font-size: 1em;
color: #444444;
line-height: 1.2em;
margin-top: .6em;
margin-left: 3em;
margin-bottom: .6em;
}

div#teaser-xl-logo ol {
font-size: 1em;
color: #5d5d5d;
line-height: 1.4em;
margin-top: .6em;
margin-left: 3em;
margin-bottom: .6em;
}

div#teaser-xl-logo li {
margin-bottom: .5em;
}







/*  ########################### Infoseite ########################### */

div#info-foto {
float: left;
display: inline;
width: 502px;
margin: 0 15px 0 23px; 
}

div#info-foto h1 {
font-size: 1.4em;
color: #115a84;
margin-top: 15px;
margin-bottom: 15px;
}

div#info-foto h3 {
font-size: 1.1em;
color: #333;
line-height: 1.6em;
margin: .3px 8px .5em 0px;
}

div#info-foto p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}

div#info-foto img {
margin: 0 0 0 0;
}

div#info-foto .foto {
margin: 0 0 15px 0;
}

div#info-foto .fotoindex {
margin: 15px 0 3px 0;
}




/* für Kontakt und Logo Rechts */

div#kontakt-wrapper {
float: left;
display: inline;
width: 502px;
margin: 10px 0 0 0;
}

div#kontakt-text {
float: left;
display: inline;
width: 230px;
margin: 0 0 0 0;
}

div#kontakt-logo {
float: left;
display: inline;
width: 250px;
margin: 0 0 0 0;
}







div#info-logo {
float: left;
display: inline;
width: 370px;
margin: 0 0 0 0;
padding: 0;
}

div#info-logo p {
font-size: 1em;
text-align: left;
color: #444444;
line-height: 1.4em;
margin: 6px 0 0 0;
padding: 0;
}

div#info-logo img {
margin: 55px 0 10px 0;
}

.imgmar28 {
margin: 28px 0 10px 0 !important;
}

.imgmar10 {
    margin: 10px 0 10px 0 !important;    
}

.height_50 {
    margin: 52px 0 0 0 !important;
}

div#info-logo .imgrechts {
float: right;
display: inline;
margin: 0 0 0 0;
}

div#info-logo ul {
font-size: 1em;
color: #444444;
line-height: 1.2em;
margin-top: .6em;
margin-left: 3em;
margin-bottom: .6em;
}

div#info-logo ol {
font-size: 1em;
color: #5d5d5d;
line-height: 1.4em;
margin-top: .6em;
margin-left: 3em;
margin-bottom: .6em;
}

div#info-logo li {
margin-bottom: .5em;
}


div#banner {
float: left;
display: inline;
width: 886px;
margin: 0 23px 0 23px;
}

div#banner .abstand {
margin: 10px 0 0 0;
}




/*  ####################################### INDEX ################################## */



div#inhalt-index {
float:left;
display: inline;
width: 990px;
background: #d8d9db ;
margin: 0;
padding: 0;
}

div#text-inhalt-index {
float: left;
display: inline;
width: 700px;
background: url(../picture/text-inhalt.gif);
margin: 12px 12px 12px 170px;
}



div#inhalt {
float:left;
display: inline;
width: 990px;
background: #d8d9db ;
margin: 0;
padding: 0;
}

div#text-inhalt {
float: left;
display: inline;
width: 700px;
background: url(../picture/text-inhalt.gif);
margin: 12px 12px 12px 190px;
}


/* ######################################## Business CARD  ##################################### */ 
/* ######################################## Business CARD  ##################################### */ 
/* ######################################## Business CARD  ##################################### */ 
/* ######################################## Business CARD  ##################################### */ 
 

div#business-links {
float:left;
display: inline;
width: 447px;
height: 216px;
margin: 14px 45px 12px 28px;
background: url(../picture/back_business_1.jpg) no-repeat;
padding: 0;
}

div#litfaz-links {
float:left;
display: inline;
width: 249px;
height: 378px;
margin: 25px 0 10px 44px;
background: url(../picture/back_litfaz.jpg) no-repeat;
padding: 0;
}

div#litfaz-mitte-rechts {
float:left;
display: inline;
width: 249px;
height: 378px;
margin: 25px 0 10px 50px;
background: url(../picture/back_litfaz.jpg) no-repeat;
padding: 0;
}

div#litfaz-bild {
float: left;
display: inline;
width: 242px;
height: 343px;
margin: 1px 0 0 1px;
}

div#litfaz-bild img {
height: 343px;
margin: 0;
}


div#litfaz-bild .copy {
font-size: .8em;
color: #555;
margin: -17px 0 0 5px;
}

div#litfaz-icon {
float: left;
display: inline;
width: 235px;
height: 26px;
margin: 1px 0 0 1px;
}


div#business-rechts {
float:left;
display: inline;
width: 447px;
height: 216px;
margin: 14px 0px 12px 0px;
background: url(../picture/back_business_1.jpg) no-repeat;
padding: 0;
} 

div#business-links-x {
float:left;
display: inline;
width: 447px;
height: 183px;
margin: 15px 45px 15px 28px;
background: url(../picture/back_business_x.jpg) no-repeat;
padding: 0;
} 

div#business-rechts-x {
float:left;
display: inline;
width: 447px;
height: 183px;
margin: 15px 0px 15px 0px;
background: url(../picture/back_business_x.jpg) no-repeat;
padding: 0;
}

div#bild {
float: left;
display: inline;
width: 272px;
height: 183px;
margin: 1px 0 0 1px;
}

div#bild img {
height: 181px;
margin: 0;
}

div#text {
float: left;
display: inline;
width: 156px;
height: 176px;
margin: 6px 6px 0 6px;
}

div#text .logo {
margin: 1px 0 10px 0px;
}

div#text .logo-hoch {
margin: 1px 0 0 0px;
}

div#text .pdf {
float: left;
display: inline;
margin: -4px 3px 0 0px;
}  

div#icon {
float: left;
display: inline;
width: 440px;
height: 26px;
margin: 0 0 0 1px;
}

div#icon img {
float: left;
display: inline;
margin: 0 0 0 0;
}

.picon {
padding-top: 4px;
text-align: center;
color: #666;
}

.ptext {
float: left;
display: inline;
font-size: .85em;
padding-top: 6px;
text-align: left;
color: #666;
width: 150px;
height: 26px;
margin: 0 0 0 7px;
}

.litfaz_ptext {
float: left;
display: inline;
font-size: .85em;
padding-top: 6px;
text-align: left;
color: #666;
width: 140px;
height: 26px;
margin: 0 0 0 7px;
}




.icon_back-home {
float: right;
display: inline;
width: 50px;
height: 26px;
margin: 0 0 0 0;
}

.icon_back-text {
float: right;
display: inline;
width: 47px;
height: 26px;
margin: 0 0 0 0;
}

.litfaz_icon_back-home {
float: right;
display: inline;
width: 40px;
height: 26px;
margin: 0 0 0 0;
}

.litfaz_icon_back-text {
float: right;
display: inline;
width: 40px;
height: 26px;
margin: 0 0 0 0;
}



.icon_back-text-lang {
float: right;
display: inline;
width: 100px;
height: 26px;
margin: 0 0 0 0;
}



div#icon a {
color: #666;
text-decoration: none;
}

div#icon a:link {
text-decoration: none;
color: #666;
}

div#icon a:visited {
color: #666;
text-decoration: none;
}

div#icon a:hover {
text-decoration: underline;
color: #115a84;
}

div#litfaz-icon a {
color: #666;
text-decoration: none;
}

div#litfaz-icon a:link {
text-decoration: none;
color: #666;
}

div#litfaz-icon a:visited {
color: #666;
text-decoration: none;
}

div#litfaz-icon a:hover {
text-decoration: underline;
color: #115a84;
}





/* ###################################  VIP  ##################################################### */

div#vip-links {
float:left;
display: inline;
width: 249px;
height: 345px;
margin: 25px 0 10px 44px;
background: url(../picture/back_vip.jpg) no-repeat;
padding: 0;
}

div#vip-mitte-rechts {
float:left;
display: inline;
width: 249px;
height: 345px;
margin: 25px 0 10px 50px;
background: url(../picture/back_vip.jpg) no-repeat;
padding: 0;
}

div#vip-bild {
float: left;
display: inline;
width: 242px;
height: 310px;
margin: 1px 0 0 1px;
}

div#vip-bild img {
height: 310px;
margin: 0;
}


div#vip-bild .copy {
font-size: .8em;
color: #555;
margin: -17px 0 0 5px;
}







/* ######################################## Business CARD  INDEX  ##################################### */
/* ######################################## Business CARD  INDEX  ##################################### */
/* ######################################## Business CARD  INDEX  ##################################### */


div#business-x {
float:left;
display: inline;
width: 273px;
height: 115px;
margin: 15px 0 5px 27px;
border: solid 1px #888;
padding: 0;
}

div#bild-x {
float: left;
display: inline;
width: 173px;
height: 115px;
margin: 0 0 0 0;
}


div#text-x {
float: left;
display: inline;
width: 90px;
height: 105px;
margin: 5px 5px 0 5px; 
}

div#text-x .logo {
margin: 0 0 8px 0px;
}

.ptext-x {
float: left;
display: inline;
font-size: .85em;
padding-top: 5px;
text-align: left;
color: #666;
width: 80px;
height: 26px;
margin: 0 0 0 7px;
}



div#serie-x {
float:left;
display: inline;
width: 198px;
height: 100px;
margin: 15px 0 5px 27px;
border: solid 1px #888;
padding: 0;
}

div#bild-serie-x {
float: left;
display: inline;
width: 100px;
height: 100px;
margin: 0 0 0 0;
}

div#text-serie-x {
float: left;
display: inline;
width: 88px;
height: 95px;
margin: 5px 5px 0 5px;
}

div#text-serie-x .logo {
margin: 0 0 3px 0px;
}






div#teaser-420 {
float:left;
display: inline;
width: 420px;
margin: 10px 23px 0 23px;
padding: 0;
}

div#teaser-500 {
float:left;
display: inline;
width: 500px;
margin: 10px 0 0 23px;
padding: 0;
}

div#teaser-340 {
float:left;
display: inline;
width: 340px;
margin: 10px 0 0 16px;
padding: 0;
}


/* ####################################### LOGO  ########################################## */





div#berlin {
position: absolute;
top: 20px;
left: 670px;
width: 270px;
height: 100px;
}

div#berlin img {
float: left;
margin: 0 0 0 0;
}

div#suche {
position: absolute;
top: 120px;
left: 750px;
width: 200px;
height: 113px;
}


/* ###################################### B R A N C H E N  #################################### */
/* ###################################### B R A N C H E N  #################################### */

div#branch {
float:left;
display: inline;
width: 146px;
background: url(../picture/back_branch.jpg) ;
height: 280px;
margin: 15px 11px 10px 28px;
padding: 0;
}

div#branch p {
font-size: 12px;
margin: 5px 0 0 0;
}

div#branch-2 {
float:left;
display: inline;
width: 146px;
background: url(../picture/back_branch.jpg) ;
height: 280px;
margin: 15px 11px 10px 0px;
padding: 0;
}

div#branch-2 p {
font-size: 12px;
margin: 5px 0 0 0;
}

.height {
height: 30px !important;
}

.bild {
margin: 39px 0 0 9px;
border: solid 1px #999;
}

.button {
margin: 10px 0 0 15px !important;
}

div#branch-end {
float:left;
display: inline;
width: 146px;
background: url(../picture/back_branch.jpg) ;
height: 280px;
margin: 15px 0px 10px 0px;
padding: 0;
}

div#branch-end p {
font-size: 12px;
margin: 5px 0 0 0;
}





/* ########################## nav index Footer ######################################### */



div#footer {
float: left;
display: inline;
width: 934px;
height: 160px;
background: url(../picture/back-footer.jpg);
margin: 0 0 0 28px;
padding: 0;
}

div#footer p {
    margin: 35px 0 0 750px;
}

div#footer a {
font-size: 11px;
text-decoration: none;
color: #fff;
margin: 0;
}

div#footer  a:hover {
color: #fff;
text-decoration: underline;
}

div#footer .current {
color: #fff;
}

div#footer .pipe {
font-size: 11px;
color: #fff;
margin: 0px 2px 0 7px;
}


div#footer-content {
float: left;
display: inline;
width: 300px;
margin: 20px 0px 20px 600px;
}

div#footer-content a {color: #999;}
div#footer-content a:link {text-decoration: none; color: #444;}
div#footer-content a:visited {text-decoration: none; color: #444; }
div#footer-content a:hover {text-decoration: underline; color: #0000FF;}



.vor {
  width:0px;
  height:0px;
  visibility:hidden;
}