/* playball-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playball';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/playball-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/playball-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/playball-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/playball-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/playball-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/playball-v17-latin-regular.svg#Playball') format('svg'); /* Legacy iOS */
}

body {
/* 101% zur font-size-Korrektur für Opera bis v.6 */
	/*font: normal 101% "Times New Roman", Times, serif;*/
	font: normal 101% Verdana, sans-serif;
	color: #fff;
	/*background-color: #000;*/
	background-image:url(Pictures/wall.jpg);
	padding: 0;
	margin: 10px;
}

   h2 {
   	   font-size: 1.3em;
	   margin: 4px 0px;
   }

   h3 {
   	   font-size: 1em;
	   margin: 4px 0px;
   }

   list_bigger {
   	   font-size: 1.1em;
	   color: maroon; 
   }
   
.aussen {
	width: 1000px;
	/*height:		170px;*/
	margin-left:	auto;
	margin-right:	auto;
	text-align: center;
	color: black;
	background-color: #99CCFF;
	border: 1px dashed #ccc;
	padding: 10px;
	margin: 1em auto;
	min-width: 138px;/*Opera/Mozilla brauchen dies*/
}
.innen {
	width: 100%;
/*  für IE Win */
}
.navi {
	width: 1000px;
	text-align: center;
	color: maroon;
	background-color: #99CCFF;
	border: 1px dashed #ccc;
	padding: 0.3em;
	margin: 1em auto;
	min-width: 138px;/*Opera/Mozilla brauchen dies*/
}
/*
.stamp {
	width: 400px;
	text-align: center;
	color: red;
	background-color: #99CCFF;
	border: 1px dashed #ccc;
	padding: 0.3em;
	margin: 1em auto;
	min-width: 138px;*//*Opera/Mozilla brauchen dies*/
/*}*/

.foot {
	width: 1000px;
	text-align: center;
	color: maroon;
	background-color: #99CCFF;
	border: 1px dashed #ccc;
	padding: 0.3em;
	margin: 1em auto;
	min-width: 138px;/*Opera/Mozilla brauchen dies*/
}
.foot a:link {
	text-decoration:none;
	color: #6666FF;
	/*color: #996666;*/
}
.foot a:visited {
	text-decoration:none;
	color: #996666;
	/*color: #6666FF;*/
}
.foot a:hover {
	text-decoration:none;
    color: black; 
}
.foot a:active {
	text-decoration:none;
    color: white; 
}

.foot p#copyright {
   	font-size: 0.7em;
	text-align: right;
    margin: 0; 
}

.cop_table { 					/* Tabelle für Copyrights */
    display: table; 
    border-collapse:collapse; 
	width: 100%;	
}

.cop_tr { 						/* Tabelle für Copyrights - Zeile */
    display:table-row; 
}
	
.cop_td_l { 						/* Tabelle für Copyrights - linke Spalte*/
    display:table-cell; 
    padding:5px; 
	font-size: 0.7em;
	text-align: left;
}

.cop_td_r { 						/* Tabelle für Copyrights - rechte Spalte */
    display:table-cell; 
    padding:5px; 
	font-size: 0.7em;
	text-align: right;
}

.cop_td_c { 						/* Tabelle für Copyrights - Mitte */
    display:table-cell; 
    padding:5px; 
	font-size: 0.7em;
	text-align: center;
}
/*
.stamp p#wow {
	margin-top: 2px;
	margin-bottom: 2px;
	color: darkred;
	font-family: "Playball", "Cambria", "Times New Roman", cursive;
	font-size: 200%;
}
*/
.foot p#advertisment {
	margin-top: 2px;
	margin-bottom: 2px;
	color: black;
}

.foot p#banner {
	margin-top: 2px;
	margin-bottom: 2px;
	color: darkblue;
	font-size: 120%;
	font-style: italic;
}

.box {
	/*color: #fff;*/
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 47.4%;
	display: inline;
}
.m_box {
	/*color: #fff;*/
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 47.4%;
	text-align: center;
	display: inline;
}
.l_box {
	/*color: #fff;*/
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 64%;
	display: inline;
}
.r_box {
	/*color: #fff;*/
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 32%;
	display: inline;
}
.innen_box_mitte {
	margin: 0 auto;
	width: 300px;
	/*border: 1px solid blue;*/
}

.innen_box_mittig {
	margin: 0 auto;
	width: auto;
	/*border: 1px solid blue;*/
}

.innen_box_links {
	float: left;
	text-align: left;
	width: auto;
	/*border: 1px solid blue;*/
}
.innen_box_links img {
	display: inline;
	margin: 2px;
	padding: 2px;
	/*border: 1px solid white;*/
}
.innen_box_rechts {
	float: right;
	text-align: left;
	width: auto;
	/*border: 1px solid yellow;*/
}
.innen_box_rechts img {
	display: inline;
	padding: 2px;
	margin: 2px;
	/*border: 1px solid orange;*/
}
.innen_box_rechts_visitcard {
	float: right;
	text-align: left;
	width: auto;
	/*border: 1px solid orange;*/
}
.innen_box_rechts_visitcard img {
	display: inline;
	padding: 10px;
	/*margin: 2px;*/
	margin: 0 auto;
}
.box h1 {
	font-size: 1.1em;
	margin: 4px 5px;
}
.box p {
	margin: 4px 5px;
}
.clear {
	clear: both;
}

.bild_rechts {
	float: right;
	margin-left: 10px;
}

.name {
	text-align:left; 
	padding-left: 10px;
	padding-top: 185px;
}

.text_links {
	text-align:left; 
	padding-left:20px;
}

.text_mitte {
	text-align:center; 
	padding-left:20px;
}

.bild_links {
	float: left;
	margin-right: 10px;
}

ul#list {
	margin: 0 0 1.2em;
	padding: 0;
	/*border: 1px dashed silver;
	background-color: #B0C4DE;*/
}
ul#list li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
ul#list a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
}
ul#list a:link {
	color: #6666FF;
	/*color: #AFEEEE;
	background-color: #B0C4DE;*/
}
ul#list a:visited {
	color: maroon;
	/*color: #6666FF;
	background-color: #B0C4DE;*/
}
ul#list a:hover {
    color: black; 
	background-color: #6666FF;
}
ul#list a:active {
    color: white; 
	background-color: Silver;
}

ul#nav {
    font-size:0.8em;
	margin: 0; padding: 0.8em;
    text-align: center;
}
ul#nav li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
}
ul#nav a, ul#nav span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: white; background-color: #3399CC;
}
* html ul#nav a, * html ul#nav span {  /* Korrektur fuer IE 5.x */ 
    width: 1em;
    w\idth: auto;
}
ul#nav a:hover, ul#nav span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: maroon; background-color: #6666FF;
}
ul#nav div {
     clear: left;
}

.box_complete {
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 94.8%;
	display: inline;
	text-align: left;
}
.box_complete img {
	display: inline;
	margin: 2px;
	padding: 2px;
}
.box_complete h1 {
	font-size: 1.1em;
	margin: 4px 5px;
}
.box_complete p {
	margin: 4px 5px;
}

.box_complete_small {
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: 10px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 94.8%;
	display: inline;
	text-align: center;
}
.box_complete_small p {
	margin: 4px 5px;
}

.box_complete_small_no_margin {
	color: black;
	background-color: inherit;
	width: auto;
	min-width: 130px;
	margin-top: -1em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 94.8%;
	display: inline;
	text-align: center;
}
.box_complete_small_no_margin p {
	margin: 4px 5px;
}

.language_up, .language_down {
	font-size: 2em;
	}	
.language_up p, .language_down p {
    font-weight: bold;
	color: black;
	}	
.language_up p {
	margin-bottom: 5px;
	margin-left: 0px;
	}	
.language_down p {
	float: right;
	margin-top: 0px;
	}	
.language_up img, .language_down img {
	vertical-align:middle;
}
.language_up a:link, .language_down a:link {
	text-decoration: none;
	color: black;
}
.language_up a:visited, .language_down a:visited {
	text-decoration:none;
	color: blue;
}
.language_up a:hover, .language_down a:hover {
	text-decoration:none;
    color: black; 
}
.language_up a:active, .language_down a:active {
	text-decoration:none;
    color: white; 
}


     .galerie{
        font-size:1em;
        margin-left:2px;
        width:780px;
        margin-top:7px;
        padding-left:0;
     }

     .pic-navi{
        padding:7px 0 3px 7px;
        width:160px;
        float:left;
     }
    .pic-navi a img{
       width:150px;
       padding:0px;
       margin:1px 1px 2px 1px;
       border:1px solid #4089AC;
       float:left;
    }
    .pic-navi a:hover img{
       border:1px solid #000000;
    }
    div.pic-navi a{
       padding:0;
       margin:0;
    }
    div.pic-navi a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navi a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin: 3 px 0 0 0;
    }


   div.pic-navi a:hover span{
       display: block;
       position: absolute;

       width: 540px;
       padding: 450px 15px 9px 25px;
       margin: 1px 0 0 168px;
       z-index: 100;

       /* aussehen der box */
       color: #858445;
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:1px solid #cfcfcf;
       float:right;

       /* position des hintergrundes */
	   background-color:#CCFFFF;
       background-position: 25px 30px;
       background-repeat: no-repeat;
   }
   
   a#pic1:hover span{background-image:url(../Pictures/mauer3.jpg);}
   a#pic2:hover span{background-image:url(../Pictures/cpc.jpg);}
   a#pic3:hover span{background-image:url(../Pictures/schloss_charlottenburg_big_nr_1.jpg);}
   a#pic4:hover span{background-image:url(../Pictures/bundesrat_big_nr_3.jpg);}
   a#pic5:hover span{background-image:url(../Pictures/olympia_big_nr_4.jpg);}
   a#pic6:hover span{background-image:url(../Pictures/flug_big_nr_5.jpg);}
   a#pic7:hover span{background-image:url(../Pictures/potsdamer_platz_big_nr_7.jpg);}
   a#pic8:hover span{background-image:url(../Pictures/schiff_big_nr_8.jpg);}
   a#pic9:hover span{background-image:url(../Pictures/pilecki.jpg);}
	
    div.helloworld{
       float: right;	  
       display: block;
       position: absolute;

       width: 540px;
	   height: 90px;
       padding: 450px 15px 6px 25px;
       margin: 8px 0 0 175px;
       z-index: 90;

       color: #858445;
       border: 1px solid #cfcfcf;
	   background: #CCFFFF url(../Pictures/poster.jpg) no-repeat 25px 30px;
	   }
    #content div.helloworld p{
      padding:0;
      font: 1.1em verdana, sans-serif;
      text-align: left;
    }

    #content p.subtitle{font-size:0.85em;}

    div.bottom{
       float: right;	  
       display: block;
       position: absolute;

       width: 540px;
       padding: 10px 15px 6px 25px;
       margin: 580px 0 0 175px;
       z-index: 100;

       color: #825745;
       /*border: 1px solid #cfcfcf;*/
	   }
    #content div.bottom p{
      padding:0;
      font: 1.1em verdana, sans-serif;
      text-align: left;
    }

/* Liste fuer die Programmseite */	
#proglist
 {
 padding-left: 0;
 margin-left: 0;
 border-bottom: 1px solid gray;
 width: 780px;
 }

#proglist li
 {
 list-style: none;
 margin: 0;
 padding: 0.25em;
 /*border-top: 1px solid gray;*/
 }

 #small_proglist
 {
 list-style-image: url(Pictures/pfeil2.png);
 }

.pic_frame_header {
	height:		300px;
}

.pic_frame {
	box-shadow: 10px 10px 10px grey;
	margin-left: auto;
	margin-right: auto;
	/*float:		left;*/
	/*position:	absolute;*/
	position:	relative;
}

.pic_frame_portrait {
	width:		110px;
	height:		147px;
	top:		0px;
	z-index:	2;
}

.pic_frame_landscape {
	width:		187px;
	height:		140px;
	top:		20px;
	z-index:	1;
}

#rotate {
/*  position:absolute; 
  left:-40px; top:60px;*/
	text-align: center;
    font-size: 3.8em;
	-webkit-transform: rotate(-10deg); 
	-moz-transform: rotate(-10deg);    
}

#rotate p {
	/*color: #ECCFAE;*/
	color: #e02157;
}

#rotate a {
	text-decoration: none;
	/*color: #ECCFAE;*/
	color: #e02157;
	transition: color .2s ease;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	}
	
#rotate a:hover {
	opacity: .6;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	}