@charset "utf-8";
/* CSS Document */

/*** general ***/

body { background-color: #FDE0E4; color: black; font-size:1em; font-family: Arial, Helvetica, sans-serif; padding: 10px; }

p { line-height: 1.3em; text-align: justify; padding-left: 5px; padding-right: 15px; }

h1 { text-decoration: none; color: #B7484E; font-size: 26px; text-align: center; 
text-shadow: 2px 1px 2px white;
	-moz-text-shadow: 1px 1px 1px white;
	-webkit-text-shadow: 1px 1px 1px white;
	-khtml-text-shadow: 1px 1px 1px white; }
	
h2 { text-decoration: none; color: #B7484E; font-size: 26px; border-bottom: 1px solid #B7484E; border-width:2px; margin-bottom: 0px; margin-top: 0px; display: inline; }

.grund { width: 800px; margin: auto; height: auto; background-image: url(../images/teens_navi.jpg); background-repeat: repeat;overflow: none; } 

.grafiktop { width: 800px; height: 200px; margin: auto; background-color: white; }



/*** hyperlinks normal ***/

a { color: #B7484E; text-decoration: underline;  } 
a:link {  } 
a:active {  } 
a:visited {  } 
a:hover { text-decoration: none; }

/*** footer links ***/

#unten { width: 800px; height: 22px; background-color: #B7484E; text-align: right; float: right; }

#unten a { color: white; text-align: center; font-weight: thin; font-size: 14px; text-decoration: none; padding: 3px;  }
#unten a:visited { }
#unten a:active { }
#unten a:hover { color: white; background-image: url(../images/teens_navi.jpg); background-repeat: repeat; }

/*** men� links ***/

#navigation { text-align: center; width: 160px; top: 230px; display: block; float: left;   }

#navigation a { color: white; text-align: left; font-weight: bold; padding-bottom: 5px; font-size: 14px; text-decoration: none; border-bottom: 1px solid #DA9FA0; padding: 10px; margin-bottom: 1px; margin-top: 1px;  margin-right: 5px; display: block; 
text-shadow: 1px -1px 7px black;
-moz-text-shadow: 1px -1px 7px black;
-webkit-text-shadow: 1px -1px 7px black;
-khtml-text-shadow: 1px -1px 7px black; }
#navigation a:visited { }
#navigation a:active { }
#navigation a:hover { color: #F4CECB; background-image: url(../images/teens_navi.jpg); background-repeat: repeat; }		

/*** sms und telefon ***/

.telefon { color: #B7484E; text-align: center; font-size: 24px; }
.telefon-main { padding-bottom: 5px; text-align: center; clear: both; padding-top: 10px; }
.nummer { color: #B7484E; font-size: 27px; font-weight: bold; }
.preis { font-size: 10px; max-width: 170px; }

.sms { color: #B7484E; text-align: center; font-size: 24px; }
.sms-main { padding-bottom: 5px; text-align:center; }
.preis-sms { text-align: center; font-size: 10px; display: block; }
.sms-nummer { color: #B7484E; text-align: center; font-size: 27px; font-weight: bold; }


/*** detail ***/

.bild { width: 250px; height: 350px; float: left; margin-right: 15px; margin-left: 5px; margin-bottom: 5px; border: 1px solid #DA9FA0; float: left; }

.bildklein { width: 170px; height: 200px; float: left; margin: 5px; }

.detailbox { background-color: #FDE0E4; overflow: hidden; display: block; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; margin-right: 10px; }

#detail { text-align: center; margin: 5px; float: right; }
#detail a { color: white; text-align: left; font-weight: bold; padding-bottom: 5px; font-size: 22px; text-decoration: none; padding: 10px; margin-bottom: 1px; margin-top: 1px;  margin-right: 5px; display: block; 
text-shadow: 1px -1px 7px black;
-moz-text-shadow: 1px -1px 7px black;
-webkit-text-shadow: 1px -1px 7px black;
-khtml-text-shadow: 1px -1px 7px black; }

/*** color: #B7484E; font-weight: bold; padding-bottom: 5px; font-size: 26px; text-decoration: none; padding: 10px; margin-bottom: 1px; margin-top: 1px;  margin-right: 5px; 
text-shadow: 1px -1px 2px #C3C3C3;
-moz-text-shadow: 1px -1px 2px #C3C3C3;
-webkit-text-shadow: 1px -1px 2px #C3C3C3;
-khtml-text-shadow: 1px -1px 2px #C3C3C3; } ***/ 

#detail a:visited { }
#detail a:active { }
#detail a:hover { color: #B7484E; 
text-shadow: 1px -1px 7px #8D8D8D;
-moz-text-shadow: 1px -1px 7px #8D8D8D;
-webkit-text-shadow: 1px -1px 7px #8D8D8D;
-khtml-text-shadow: 1px -1px 7px #8D8D8D;  }	

#inhalt { background: white;  width: 80%; float: left; margin: auto;}
#inhalt p { text-align: justify; }