html, body{
	   -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
 
   
 }


body
{font-family:arial; font-size: 26px; color:white; font-weight:normal; background-image:url(../content/backgr.jpg);text-align:center;margin:0px; padding:0px;}

img {border:none;}

li
{list-style:none;}


.akademisch
{font-size:11px; color:#7c7c7c; text-align:center; width:90%; padding-top:20px; padding-bottom:20px; margin:auto;}

a.change:link {text-decoration:none; color:#FEC143 !important;}
a.change:visited { text-decoration:none; color:#FEC143 !important;}
a.change:active { text-decoration:none; color:#FEC143 !important;}
a.change:hover {  text-decoration:underline; color:yellow !important;}


a.gelb:link {text-decoration:none; color:#fbffc0 !important;}
a.gelb:visited { text-decoration:none; color:#fbffc0 !important;}
a.gelb:active { text-decoration:none; color:#fbffc0 !important;}
a.gelb:hover {  text-decoration:underline; color:#ffca9a !important;}

.hauptinner a:link {text-decoration:underline; color:#fbffc0; margin:15px; line-height:3em;}
.hauptinner a:visited {text-decoration:underline; color:#fbffc0}
.hauptinner a:active {text-decoration:underline; color:#fbffc0}
.hauptinner a:hover {text-decoration:underline; color:white}

a.rot:link {text-decoration:underline; color:#cf4e48 !important;}
a.rot:visited { text-decoration:underline; color:#cf4e48 !important;}
a.rot:active { text-decoration:underline; color:#cf4e48 !important;}
a.rot:hover {  text-decoration:underline; color:#e7bdbd !important;}

#seitenmappe a:link {text-decoration:underline; color:#fbffc0 !important; margin-bottom:30px;}
#seitenmappe a:visited {text-decoration:underline; color:#fbffc0 !important;}
#seitenmappe a:active {text-decoration:underline; color:#fbffc0 !important;}
#seitenmappe a:hover {text-decoration:underline; color:white !important;}





.werbhinweisl
{font-size:9px; color:white; margin-bottom:10px; width:auto; text-align:left; margin-left:80px;}

.werbhinweisr
{font-size:9px; color:white; margin-bottom:10px; width:auto; text-align:right; margin-right:80px;}

h1
{font-size:32px !important; font-weight:bold; padding:0px; margin:0px; color:#373737 !important; margin-top:5px;}

h2
{font-size:29px !important; font-weight:normal; padding:0px; margin:0px;color:white;}


h3
{font-size:29px !important; font-weight:normal; padding:0px; margin:0px;color:white;}

.lustigesbild
{width:300px; height:auto; border:none;}

.bildwitz
{width: 400px; height:auto; border:1px solid white;}

.bildwitzneu
{width: 600px; height:auto;}

.cartoon {width:350px; height:350px}

.bild
{width:290px; height:290px}


.videolinks a
{color:#fffbd6 !important; text-decoration:underline !important;}

.suchbox
{margin-top:15px; margin-bottom:25px;  }

.werbebild
{border: white; width: 250px; height: 250px;}


.springen
{border-bottom: dashed 3px white;}

#footer p
{color:#6F575B !important;}

#footer image
{border:none;}

.cc-compliance, .cc-message
{font-size:13px !important;}

a:link {text-decoration:underline; color:#494354;}
a:visited { text-decoration:underline; color:#494354;}
a:active { text-decoration:underline; color:#494354;}
a:hover {  text-decoration:underline; color:#A20100;}

a.change:link {text-decoration:none; color:#FEC143 !important;}




.funnypic
{width:450px; height:auto;}


.witzehinweis
{width: 270px; height: 207px}

.logo
{width:500px; height:80px; margin-top:25px;}

.btn {
  background: #576c8c;
  background-image: -webkit-linear-gradient(top, #7696c5, #576c8c);
  background-image: -moz-linear-gradient(top, #7696c5, #576c8c);
  background-image: -ms-linear-gradient(top, #7696c5, #576c8c);
  background-image: -o-linear-gradient(top, #7696c5, #576c8c);
  background-image: linear-gradient(to bottom, #7696c5, #576c8c);
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  text-shadow: 3px 1px 3px #1f041f;
  -webkit-box-shadow: 2px 2px 8px #1f1400;
  -moz-box-shadow: 2px 2px 8px #1f1400;
  box-shadow: 2px 2px 8px #1f1400;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight:bold;
  padding: 14px;padding-top:7px; padding-bottom:7px;
  border: solid #ffffff 3px;
  text-decoration: none;
  margin:8px;
  margin-left:8px;
  width:250px;
  display:inline-block;
  text-decoration: none !important;
}



.btn2
{
background: #a8a7a5;
  background-image: -webkit-linear-gradient(top, #a8a7a5, #7a695a);
  background-image: -moz-linear-gradient(top, #a8a7a5, #7a695a);
  background-image: -ms-linear-gradient(top, #a8a7a5, #7a695a);
  background-image: -o-linear-gradient(top, #a8a7a5, #7a695a);
  background-image: linear-gradient(to bottom, #a8a7a5, #7a695a);
    float:left;
    -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  text-shadow: 3px 1px 3px #1f041f;
  -webkit-box-shadow: 2px 2px 8px #1f1400;
  -moz-box-shadow: 2px 2px 8px #1f1400;
  box-shadow: 2px 2px 8px #1f1400;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight:bold;
  padding: 14px;padding-top:7px; padding-bottom:7px;
  border: solid #ffffff 3px;
  text-decoration: none;
  margin:8px;
  width:250px;
  display:inline-block;
  text-decoration: none !important;
  
  }

.btn:hover{
float:left;
  background: #a8a7a5;
  background-image: -webkit-linear-gradient(top, #99b7da, #788eae);
  background-image: -moz-linear-gradient(top, #99b7da, #788eae);
  background-image: -ms-linear-gradient(top, #99b7da, #788eae);
  background-image: -o-linear-gradient(top, #99b7da, #788eae);
  background-image: linear-gradient(to bottom, #99b7da, #788eae);
  text-decoration: none;
}

.linie
{width:100%; border: 0; border-bottom: 1px dashed #7a695a; background: white;margin-top:40px;margin-bottom:40px;clear:both;}

.liniezwei
{display:none}

#topeinhundert
{margin-top:20px;}

#topeinhundert a
{display:inline-block; margin:8px;}


#ortsnamen a
{color:white; }


.daumenrunterbild
{width:40px; height:41px;}

.empfehlpfeil
{width:250px; height:210px;  }

#facebookempfehlung
{font-size:29px; color:black;}

#pfeilunten
{background-image:url(pfeil-unten.png); width:50px; height:50px; margin:auto; margin-bottom:25px; display:none; margin:0px;}

.vollbild
{max-width:70%; padding-top:30px; border:none;}

.navi
{width:999px; margin:auto;}

.navi li
{float:left;}

.werbeins
{width:90%; margin:auto; margin-top:25px;margin-bottom:25px; text-align:center;}

.werbzwei
{width:337px; height:281px; display:inline-block; float:left; margin-right:25px; margin-bottom:25px; text-align:center;}

.werbdrei
{width:337px; height:281px; display:inline-block; float:right; margin-left:25px; margin-bottom:25px; text-align:center;}


#anzeigeouter
{width:95%; margin:auto;}

#anzeige
{min-width:100%; max-width:100%;}

#vorwort
{width:999px; color:#413e3b; font-size: 22px; margin:auto;margin-top:20px; margin-bottom:20px;}

.haupt
{background-color:#413e3b; width:999px; margin:auto; margin-top:25px; color:white !important;font-size:22px;}

.hauptinner
{margin:20px;width:auto;}


.dunkeltext
{color: #626262; font-size:14px; width: 100%; text-align:center;}

.helltext
{color: white; font-size:42px !important; margin-top:30px; width: 100%; text-align:center;}

.fuss
{color:black !important; width:999px; margin:auto; margin-top:100px;}

.obenrechts
{position:absolute; left:auto; right:0px; top:10px; font-size:12px;}

.obenrechts a
{display:inline-block; margin-right:25px;}

#obenbalken
{width:100%; height:auto; }/*padding-top:40px;  padding-bottom:35px; margin-bottom:20px; background-color:#413e3b;*/

#obenbalkeninner
{width:90%; margin:auto;}

#kontaktunten
{width:999px;margin:auto; color:white; background-color:#413e3b;}

.bilderident
{width:30%; margin:1%;}

.halbbild
{width:250px !important; height:auto !important;}

.viertelbild
{min-width:30%; max-width:30%; }

.respneu {width:700px; height:467px; border:none;}


@media screen and (max-width: 1015px) {

.respneu {width:500px; height:333px; border:none;}

.bildwitz
{width: 299px; }


.navi
{width:740px; padding-right:30px;}

#vorwort
{width:95%;margin:auto;margin-top:20px; margin-bottom:20px;}


.haupt
{width:95%;}

.hauptinner
{margin:20px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.fuss
{width:95%;}

#kontaktunten
{width:95% !important;}


.btn {width:250px;margin-left:30px;}
.btn2 {width:250px; margin-left:30px;}

}


@media screen and (max-width: 800px) {

.respneu {width:380px; height:253px; border:none;}

.bildwitzneu
{width: 400px;}
.cartoon {width:350px; height:350px}

h1
{font-size:24px !important;}

.werbzwei
{width:100%; height:251px; text-align:center; padding:0px; float:none !important; margin:auto; margin-bottom:20px; margin-top:20px;}


.werbdrei
{width:100%; height:251px; text-align:center; padding:0px; float:none !important; margin:auto; margin-bottom:20px;margin-top:20px;}





#vorwort
{margin-bottom:0px;}


#obenbalken
{margin-bottom:0px; }

.bilderident
{width:100px !important; text-align:center;float:none !important; margin:auto !important;margin-bottom:20px !important;}

.navi
{width:450px; padding:auto;padding-right:auto;margin:auto; margin-bottom:20px;}


.btn {width:150px;margin-left:0px; margin-right:15px; font-size:15px !important;padding-top:6px; padding-bottom:6px;}
.btn2 {width:150px; margin-left:0px; margin-right:15px; font-size:15px !important;padding-top:6px; padding-bottom:6px;}

.halbbild
{width:200px !important; height:auto !important;}

.viertelbild
{min-width:50%; max-width:50%; } 

.liniezwei
{display:block; width:100%; border: 0; border-bottom: 1px dashed #7a695a; background: white;margin-top:40px;margin-bottom:40px;clear:both;}

.logo
{width:400px; height:64px; }

.haupt
{font-size: 19px; width:95%; margin:auto; margin-top:35px;}


.hauptinner
{width:95%; margin:auto;}	



}





@media screen and (max-width: 500px) {

.respneu {width:340px; height:227px; border:none;}


.bildwitzneu
{width: 290px;}

.funnypic
{width:300px; height:auto;}

.cartoon {width:300px; height:300px}


#kontaktunten
{width:98% !important;}

.hauptinner
{width:98%;}	




#pfeilunten
{display:none; }



.vollbild
{max-width:95%; }

#vorwort
{font-size: 19px; }



.navi
{ width:240px; padding:auto; padding-right:auto; margin:auto !important; }

.logo
{width:280px; height:40px; margin-top:35px;margin-bottom:10px; }

.haupt
{font-size: 19px; margin:auto; margin-top:30px; padding:0px; width:98%;}

.btn {width:155px; margin-right:0px;}
.btn2 {width:155px;margin-right:0px;}

}






@media screen and (max-width: 380px) {

.respneu {width:95%; height:auto; border:none;}

.haupt
{ margin-top:35px;}

.bildwitzneu
{width: 270px;}



}




@media screen and (max-width: 350px) {


.funnypic
{width:90%; height:auto;}
.cartoon 
{width:290px; height:290px}

}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/

}