#dummy {left : 0; } 
BODY {background-image:url(../layout/back.gif);padding : 0; margin : 0; font : 90% Verdana, Geneva, Arial, Helvetica, sans-serif; color : #000; padding-top : 0; text-align : center;margin-bottom:10px; } 
#berlin {background : #ffffff;width : 999px; margin-left : auto; margin-right : auto; text-align : left; border-top: 8px #FF9900 solid; border-bottom: 3px #FF9900 solid;margin-top:10px;} 
span.barrierefrei {position : absolute; left : -1000px; top : -1000px; width : 0; height : 0; overflow : hidden; display : inline; } 

#header {position :relative; top : 0px;width : 999px; height : 250px;text-align : center; } 
#header h1 {position :absolute; top : 0px;left: 20px;margin:0; padding:0px;font-size : 30px; color : #ffffff;text-align : right;z-index : 2 } 
#header .logo1 {position :absolute; top : 0px;left:0;margin: 0px;width:999px;height:210px;z-index : 1} 

#berlin-tourist-attractions {width : 728px; padding : 0px; padding-bottom : 120px; color : #000000; position : relative; top : 5px; left: 255px;margin-right : 0px; min-height : 550px; } 
#berlin-tourist-attractions H1, H2 {margin:5px;margin-left:0px;margin-bottom:12px;font-weight : bold; font-size : 1.6em; color : #696969; } 
#berlin-tourist-attractions H3 {margin: 5px;margin-left:0px;font-weight : bold; font-size : 1.3em; color : #696969;} 
#berlin-tourist-attractions p {margin-top : 5px; margin-bottom: 15px;text-align : justify;} 
p.tipp {clear : both;font-size: 0.8em;border:1px solid #000000;padding:5px;position :relative; top : 10px;display : none;}
ul {padding-right : 0; padding-left : 0px;margin: 0;} 
ul li {padding-right : 0; padding-left : 0px;margin-left : 20px;list-style-type : square;} 

img {margin: 2px;padding-top : 0px;border: none;}
#berlin-tourist-attractions p.pic-r {float : right;margin-left:8px; margin-right : 0px;font-size: 9px;text-align : right}
#berlin-tourist-attractions .pic-l {float : left;margin-right:8px; margin-right : 10px;font-size: 9px;text-align : left}
.box-r {float : right;margin-left:10px; margin-right : 0px;text-align : right}
.pic-m {text-align : center; margin : 0px;font-size: 9px;padding-bottom:20px;}
.pic-b {float : left; margin-top:0px; margin-right : 2px;height : 140px; }

.breaker {clear : both;} 
.mittig {text-align : center;} 
.mini {font-size: 0.8em;}


A:link {color : #000000; text-decoration : none;} 
A:visited {color : #000000; text-decoration : none;width : 185px; } 
A:hover {color : #000000;} 
A:active {color : #000000; text-decoration : underline; }
.lw a:link {color : #000000; text-decoration : none;}
.lw a:visited {color : #000000; text-decoration : none;} 
.blue a:link {color : #0000FF; text-decoration : none;}
.blue a:visited {color : #0000FF; text-decoration : none;} 

.menue2 {font-size : 11px; clear:both;width : 999px; position :absolute; top : 228px;height:26px;line-height:26px;background:#ff9900;} 
.menue2 a:link {color : #ffffff; margin : 0px;padding: 0px;width : 185px;  } 
.menue2 a:hover {text-decoration : none;color : white;background:gray;}
.menue2 a:visited {text-decoration : none;color : white;width : 185px;}
.menue2 ul {padding: 0px; margin: 0px;} 
.menue2 ul li {float:left;list-style:none;padding: 0px; margin: 0px;} 
.menue2 ul li a {font-weight : bold;color:#ffffff;text-decoration:none;display:block;text-align:center;}
.menue2 img {margin-top:5px;float:right;}
.menue2 a:hover.nav-img {background:#ff9900;}

.menue {font-size : 11px;width : 235px; position :absolute; top : 260px;border-right: 1px solid orange;  padding: 3px;padding-left : 6px;} 
.menue a, .menue a:hover {color : #000000; margin : 1px;width : 235px;  } 
.menue ul li {font-size:11px;margin-left : 20px;padding-left : 0px;}
.menue p {font-size : 10px; padding-top : 5px;padding-bottom : 5px;margin : 3px;} 
.menue h3 {font-size : 12px; padding: 1px;margin : 0px; margin-top : 10px;color : #000000;} 

.adv-berlin-o,.adv-bottom {margin-top: 10px;margin-bottom: 10px;text-align:center;}
.adv-berlin {text-align:center;width: 350px;height:300px;padding-left:180px}
.adv-left-u,.wf-r {display : none;}

@media screen { 
.info, .count,.handy,.nv {display : none; } 
} 


@media print { 
body {margin: 0cm 0cm 3cm 0cm;color : #000000; background : #ffffff; font-family : Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; } 
#berlin {position:relative;top:0;left:0;background-color:#ffffff;width:auto;text-align:justify;border:none;margin-top:1cm;} 
#berlin-tourist-attractions {position:absolute; top:0cm;left:0; text-align:justify;border:none;width:auto;height:auto;background-color:#ffffff;font-size:10pt;} 
#berlin-tourist-attractions H1, H2, H3 {margin-bottom : 2px; margin-top : 5px; font-weight : bold; font-size : 2em; color : black;padding : 5px;  } 
P {page-break-after:avoid;margin-bottom : 3px;margin-top : 3px; margin-left : 0px; margin-right : 5px; color : black; text-align : justify;line-height:15px;padding : 5px; } 
#berlin-tourist-attractions ul {padding-right : 0; padding-left : 20px; padding-bottom : 0; margin : 0; padding-top : 0; }
#berlin-tourist-attractions li {margin-left : 5px;margin-bottom : 0px; margin-top : 0px; margin-right : 5px;}
.noprint, .handy, .nv, .menue , .count, #header,.pic-r,.adv-berlin,.adv-bottom,.adv-left-o,.adv-left-u {display : none; } 
} 

@media handheld {
#berlin,.menue,#berlin-tourist-attractions {width:100%;border:0;margin:0;padding:0;position:relative;top:0;background:transparent;} 
.noprint,#header,.count {display:none} 
.handy {display:inline} 
.menue ul li {float:none;list-style:square}
.menue ul li a {border-right:0;display:block;text-align:left}
h1,h2,h3,h4 {font-weight:bold;font-size:0.5em;margin-left:1px}
p {font-weight:normal;font-size:0.5em;margin-left:1px}
}

/* smartphones landscape mode ok hochformat ausgeblendet, querformat ausgeblendet */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1020px) 

{
body {background:white;;text-align:center;padding : 0; margin : 0;font : 200% Verdana, Geneva, Arial, Helvetica, sans-serif; color : #000; }
#berlin {background:white;width:100%;margin-left : auto; margin-right : auto; text-align : left; margin-bottom : 0px;} 
span.barrierefrei {position : absolute; left : 0px; top : 0px; width : 50px; height : 10px; } 
#header {width:100%;height:80px;position:absolute;top:0px;text-align : center;}
#header .logo1 {position : absolute; top : 0px; left : 0px; z-index: 2; margin:0; width : 100%px; }
#header h1 {position :absolute; top : 10px;left: 20px;margin:0; padding:0px;font-size : 35px; color : white;text-align : right;z-index : 8 }
#header p {position :absolute; top : 0px;left: 20px;margin:0; padding:0px;font-size : 120%; color : #ffffff;text-align : right;z-index : 3 } 
#header .ligth {padding: 0px;position :absolute; top : 20px;left:670px;font-size : 80%;} 


.menue2 {font-size : 100%; clear:both;width : 100%; position :absolute; top : 200px;height:60px;line-height:60px;background:#FF8C00;} 
.menue2 a:link {font-size :  80%; color : #ffffff; margin : 0px;padding: 0px;width : 15%;} 
.menue2 a:hover {font-size :  80%; text-decoration : none;color : white;background:gray;width : 15%;}
.menue2 ul {padding: 0px; padding-left:20px; margin: 0px;} 
.menue2 ul li {float:left;list-style:none;padding: 0px; margin: 0px;width : 15%;} 
.menue2 ul li a {letter-spacing: 0px;font-weight : normal;color:#0000FF;display:block;text-align:center;width : 15%;}
.menue2 li img {padding-top: 10px;width : 50px;text-align:right;padding-left:20px}

.menue {background : white;font-size:100%;left : 5px; width : 40%; position : absolute; top : 400px; left: 0px;margin : 0;padding-bottom : 40px; } 
.menue A {width : 100%; display : block; text-decoration : none; padding-left : 0; margin-top : 4px;color : #316ac5;font-size:100%; } 
.menue A:hover {text-decoration : none; display : block; color : black;width : 100%; } 
.menue UL {padding-right : 0; padding-left : 10px; padding-bottom : 0; margin : 0; padding-top : 10px; } 
.menue ul li {font-size:100%;margin-left : 20px;padding-left : 0px;margin-top:30px}
.menue p {clear: both; color : #a9a9a9; font-size : 20px;  padding-bottom : 50px;padding-top : 20px;margin-top : 20px; margin-left : 0; margin-right : 0; text-align : left; } 
.menue h3 {font-size : 100%; padding: 1px;margin : 0px; color : #000000;margin-top:30px} 


#berlin-tourist-attractions {background : white;padding: 0px;position : absolute; top : 400px; left : 42%; width : 58%; }
#berlin-tourist-attractions p {font-size : 120%; }
#berlin-tourist-attractions UL {padding-right : 0; padding-left : 20px; padding-bottom : 0; margin : 0; }
.adv-berlin-o, .adv-berlin, .adv-bottom {width:100%;margin: 0px;margin-top: 10px;margin-bottom: 10px;}

.wf-r,.adv-left-u, form {display : none; } 

img {margin: 0px;padding: 0px;border: none;relative; top : 0px;}
p.pic-r, p.pic-l {font-size:0.5em;} 

A:link {color : #0000ff; text-decoration : none; } 
A:visited {color : #0000ff; text-decoration : none;} 
A:hover {color : #000000; } 
A:active {color : #000000; text-decoration : underline;} 
}