@charset "utf-8";

* {margin: 0px auto 0px auto; border: 0px;}

article, section, aside, hgroup, nav, header, footer, figure, figcaption {display: block;}

body {background: url(../images/berlin-ganz-nah-bg.jpg) rgb(255, 255, 255) no-repeat;
    background-size: 100%;
    background-repeat: repeat-y;
    background-attachment: fixed;
  color:rgb(0, 0, 0);
  font: "OpenSans", Arial, Verdana, Helvetica, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
  font-weight: 400;
    font-family:'open_sansregular';
  height: 100%;
    font-size: 12px;
 }

/* menu */
header {min-width:660px; font-family:'open_sansregular';}
header nav {background: url(../images) no-repeat rgba(255, 255, 255, 0.79); position:fixed; top: 0px; width:100%; height: 35px; text-align:center; z-index:2;}
header nav ul li { position:relative; top:3px; display:inline; z-index:1; display: none;}
header nav ul li a { padding:0px 1%; font-size:1.1em; font-family:'open_sansregular'; text-decoration:none; color: rgb(0, 0, 0); text-shadow:none;}
header nav ul li a:hover {position: relative; text-decoration:none;}
.mobile {display: none;}

.headline {position: relative; max-width: 960px; top:80px; margin-bottom: 120px; z-index: 1;}
.headline h1 { font-size: 6.00em; text-align: left; margin-right: 4%; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.headline h1 a { color:rgb(255, 255, 255); font-family:'open_sanssemibold_italic'; font-weight: 400;
    opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
.headline h1 a:hover { text-decoration:none; color:rgba(80,80,80,1.0); text-shadow:1px 1px 0px rgb(150, 200, 250);
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;}
.subtitle { font-size: 1.6em; font-family:'open_sanssemibold_italic'; font-weight: 400; text-shadow: 1px -1px 2px rgb(255, 255, 255); margin: 0px 0px 0px 3%;}

main {max-width:960px; text-align: left; padding: 10px 10px 30px 10px;
    background-color: rgba(255, 255, 255, 0.85); -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;}


/* ** ** Header Styles ** ** */

h1 { font-size:2.0em; color:#000000; margin:20px 10px 10px 10%; font-family:'open_sanssemibold_italic'; font-weight: 400;}
h2 { font-size:1.6em; color:#000000; margin:15px 10px 15px 15px; font-family:'open_sanssemibold_italic'; font-weight: 400;} 
h3 { font-size:1.3em; color:#000000; margin:10px 10px 5px 10px; font-family:'open_sanssemibold_italic'; font-weight: 400;} 
h4 { font-size:1.2pem; color:#000000; margin:10px 10px 5px 10px; font-family:'open_sansregular'; font-weight: 400;} 
h5 { font-size:1.1em; color:#000000; margin:5px 10px 10px 10px; font-family: 'open_sansregular'; font-weight: 400;} 
h6 { font-size:1.0em; margin:5px 10px 10px 10px; font-family: 'open_sansregular'; font-weight: 400;} 

/* Hervorhebung der aktuellen Seite */
#s1 #nav1 a, #s2 #nav2 a, #s3 #nav3 a, #s4 #nav4 a, #s5 #nav5 a, #s6 #nav6 a, #s7 #nav7 a
{color:rgb(218, 110, 110); font-family:'open_sanssemibold';}

article { min-width:480px; max-width:960px;}
.back {background: rgba(255, 255, 255, 0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #e2f5d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #e2f5d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#e2f5d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f5d9',GradientType=0 ); /* IE6-9 */}

.box-b {background-color: rgba(200, 220, 300, 0.3); width: auto;  min-height: 200px; margin:10px 0px; padding: 10px 0px;}
.box {width: auto; min-height: 200px; margin:10px 0px; padding: 10px 0px;}

/* Bild & Video */
figure {position: relative; text-align: center; width: 100%;}
figcaption {text-align: center; font-size: 1.3em; background-color: rgba(200, 220, 300, 0.3); margin: 30px 0px;}
img {height: auto; max-width: 100%;}
.p {padding-top: 10px;}
.wrap { margin: 0 auto 0 auto; padding: 0;}
.max2200 { max-width: 2200px; }
 
footer {position:relative; height:60px; top: 40px; z-index:1; font-family:'open_sansregular'; font-weight: 400; text-align:center; line-height:25px; }
footer nav ul li {display:none;}
footer nav ul li a {color: rgba(255, 255, 255, 0.8) !important; padding:0px 10px 2px 10px; font-size:0.9em; text-decoration:none; text-shadow: 1px 0px 1px rgb(0, 0, 0);}
footer nav ul li a:hover {text-decoration:none;}
footer nav ul li a:active, a:visited {color:rgb(75, 75, 75);}

/* Common Addative Classes */
.left, .float_left  { float:left; }
.right, .float_right { float:right; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }
.align_vertical { vertical-align: middle }

.bold {font-weight:600;}
.italic {font-family: 'open_sanssemibold_italic';}

.fl:first-letter {font-size: 1.28em; text-shadow:1px 1px 1px #CCFF00;}

a:link { color:rgb(75, 75, 75); text-shadow:0px 1px 0px rgb(150, 200, 250); text-decoration:none;  font-family:'open_sansregular'; font-weight: 400;}
a:hover, a:focus { color: rgb(218, 110, 110); text-decoration:none; text-shadow:none; font-family:'open_sansregular';
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
a:active, a:visited {color:rgb(75, 75, 75);}

.transparent {opacity: 0.5; filter:alpha(opacity=50);}
.transparent:hover {opacity: 1.0; filter:alpha(opacity=100);}

/* ** ** paragraph styling ** ** */
p {font-family: 'open_sansregular'; font-weight: 400; color: #000000; margin:0px 10px 10px 10px;}
.pm {margin:5px 10px 10px 10px;}
.pp {padding:5px 5px 0px 5px; }
	p img.left {float:left; margin:0.3em 1.0em 1.0em -0.3em;}
	p img.right {float:right; margin:0.3em -0.3em 1.0em 1.0em;}

img.left {float:left; margin:0px 10px 0px 10px}
img.right {float:right; margin:0px 10px 0px 10px}