/* Style for "poi-generation.de"
   Autor: by Selmar Allenhof
   Erstellt: 2013_05_22 */

/* Body:*/

body {
  padding: 0em /*top*/ 1em /*right*/ 2em /*bottom*/ 0em /*left*/;
  margin: 0;
  font-family: sans-serif;
  color: white;
  background: black;
  /*background-position: top center;*/ /* 'top center' zentriert 'unschoen' bei zu kleinen Bildschirmen'*/
  /*background-attachment: fixed;*/ /*lässt den Hintergrund beim scrollen mitscrollen*/
  /*background-image: url(img/head.png); 
  background-repeat: no-repeat;*/
}

/* aus einem w3.org Stylesheet:*/

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
   a img { color: inherit; }   /* undo the color change above */
}


/* Textformatierungen:*/

a { text-decoration: none;}
a:hover { text-decoration: underline; }
a:link { color: #FF8000; background: transparent; }
a:visited { color: #C86400; background: transparent; }
a:active { color: #FF8000; background: transparent; }

p,td,ul{
line-height:140%;
}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input{
font-family:"gothic bold",verdana,arial,helvetica,sans-serif;
}

iframe 	{margin:0px;}
img	{border:0;}

table,th,td,input,textarea{
font-size:100%;
}

p {font-size:97%;}
h1 {font-size:180%;margin-top:0px;;margin-bottom:1em;font-weight:bold}
h2 {font-size:120%;margin-top:10px;margin-bottom:10px;font-weight:bold}
h3 {font-size:100%;font-weight:bold}
h4 {font-size:90%;}
h5 {font-size:80%;}
h6 {font-size:70%;}

h1,h2,h3,h4,h5,h6{
background-color:transparent;
color:#FFFFFF;
}


/* linke Navigationsbox:*/

#navi {
   width: 200px;
   float: left;
/*   margin-top: 120px;*/
   margin-left: -1px;
   padding: 0px;
   background: transparent;
   text-align: center;
   }

/* Box für den Kopf*/

#sitecontainer {
   width: 100%;
   min-width: 500px;
   max-width: 2000px;
   margin: 0px auto 1em auto; /* zentriert die box und hält 1em Abstand zum arunterliegenden */
   }

/* Inhaltsbox:*/

#content {
   padding: 5px;
   margin-left: 200px; 
   background: transparent;
   text-align: center;
   /*background-position: 200px 100px;
   background-attachment: fixed; (lässt den Hintergrund beim scrollen mitscrollen)
   background-image: url(img/poiboy_dark1.jpg); 
   background-repeat: no-repeat; */
   }

/*Button: (TO DO: Alternativtext zu Button einfuegen)*/

#b_start { 
   display: block; /*Block-Boxen verlaufen innerhalb einer Block-Formatierungs-Umgebung vertikal von oben nach unten*/
   background-image: url(img/button/start_off.jpg); 
   background-repeat: no-repeat;
   background-size: 100%;
   width:198px; height:34px;
   }

#b_start:hover { 
   background-image: url(img/button/start_on.jpg);
   }

#b_start_on { 
   display: block; 
   background-image: url(img/button/start_on.jpg); 
   width:198px; height:34px;
   }

#b_ueber_uns 	{ 
   display:block; 
   background-image: url(img/button/ueber_uns_off.jpg); 
   width:198px; height:34px;
   }

#b_ueber_uns:hover { 
   background-image:url(img/button/ueber_uns_on.jpg);
   }

#b_ueber_uns_on 	{ 
   display:block; 
   background-image: url(img/button/ueber_uns_on.jpg); 
   width:198px; height:34px;
   }

#b_kontakt { 
   display:block; 
   background-image: url(img/button/kontakt_off.jpg); 
   width:198px; height:34px;
   }

#b_kontakt:hover { 
   background-image:url(img/button/kontakt_on.jpg);
   }


#b_kontakt_on { 
   display:block; 
   background-image: url(img/button/kontakt_on.jpg); 
   width:198px; height:34px;
   }

#b_bilder { 
   display:block; 
   background-image: url(img/button/bilder_off.jpg); 
   width:198px; height:34px;
   }

#b_bilder:hover { 
   background-image:url(img/button/bilder_on.jpg);
   }

#b_bilder_on { 
   display:block; 
   background-image: url(img/button/bilder_on.jpg); 
   width:198px; height:34px;
   }

#b_gaestebuch { 
   display:block; 
   background-image: url(img/button/gaestebuch_off.jpg); 
   width:198px; height:34px;
   }

#b_gaestebuch:hover { 
   background-image:url(img/button/gaestebuch_on.jpg);
   }

#b_gaestebuch_on { 
   display:block; 
   background-image: url(img/button/gaestebuch_on.jpg); 
   width:198px; height:34px;
   }

#b_empfehlung { 
   display:block; 
   background-image: url(img/button/empfehlung_off.jpg); 
   width:198px; height:34px;
   }

#b_empfehlung:hover { 
   background-image:url(img/button/empfehlung_on.jpg);
   }

#b_empfehlung_on { 
   display:block; 
   background-image: url(img/button/empfehlung_on.jpg); 
   width:198px; height:34px;
   }

#b_impressum { 
   display:block; 
   background-image: url(img/button/impressum_off.jpg); 
   width:198px; height:34px;
   }

#b_impressum:hover { 
   background-image:url(img/button/impressum_on.jpg);
   }

#b_impressum_on { 
   display:block; 
   background-image: url(img/button/impressum_on.jpg); 
   width:198px; height:34px;
   }

#b_australien { 
   display:block; 
   background-image: url(img/button/australien_off.jpg); 
   width:198px; height:34px;
   }

#b_australien:hover { 
   background-image:url(img/button/australien_on.jpg);
   }

#b_australien_on { 
   display:block; 
   background-image: url(img/button/australien_on.jpg); 
   width:198px; height:34px;
   }