/*Gautinger Weltenbummler */
/* erstellt von Anita Foernges: 29.03.2008 */

/*Grundsaetzliches*/

*{
margin: 0;
padding: 0;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
	margin: 0;
	background: #92522f url(../images/bg-body.jpg) no-repeat;
	min-width: 900px;
     }

html { height: 101%; }   /*bewirkt, dass stets Scrollbalken erzeugt werden, damit die Seite nicht "springt" */

form {
	display: inline;
	padding: 0;
	margin: 0;
}

li {
list-style-position:outside;
list-style-type:none;
}

a:link {
color:#F8C78C;
font-weight:bold;
text-decoration: none;
}

a:visited {
color:#F8C78C;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#F8C78C;
font-weight:bold;
text-decoration:none;
}

a:focus {outline: none;}

img {border: none;}

h1, h2, h3 {
color: #762712;
}

h1 {
font-size: 1.4em;
}

h2
{
font-size: 1.2em;
}

h3 {
font-size: 1.0em;
}

h4 {
color: #F8C78C;
font-weight: bold;
font-size: 0.98em;
font-style:italic;
}
h5 {
color: #F8C78C;
font-size: 1.4em;
}
h6 {
font-size: 0.98em;
font-weight:bold;
}

.kursiv {
	color: #762712;
	font-style:italic;
	font-weight:bold;
	font-stretch:expanded;
	text-align:center;

}

.klein {
	color: #000;
	text-align: center;
	font-size: 10px;
}

.fett { font-weight:bold
}

p {
margin:0.5em 0;
line-height: 1.3em;
}

.mitte {
	text-align:center
}

a.info {
position:relative;
z-index:1;
background-color: #92522f;
color:#F8C78C;
text-decoration:none;
}

a.info:hover {
z-index:2;
background-color:#92522f;
}

a.info span {
display: none;
}

a.info:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width: 15em;
border:1px solid #ffffff;
background-color:#92522f;
color: #F8C78C;
text-align: center;
padding: 5px;
font-size: 0.8em;
}


/*Hauptcontainer*/
#main {width: 100%;}
/*HEADER*/
#header {
	height: 98px;
	background: url(../images/bg-header.gif) repeat-x;
	position: relative;
	z-index: 100;
}

/*logo*/
.logo {
	margin: 0 auto;
	padding-top: 20px;
    padding-left: 115px;
    display: block;
}
/*Hauptnavigation*/
.main-nav {
	padding: 30px 0;
	margin: 0;
	position: absolute;
	left: 18px;
	top: 161px;
	width: 135px;
	border: 1px solid #FEC399;
	background: url(../images/bg-main-navigation.png);
}

.infobox {
   padding: 5px 5px 0 5px;
   margin: 0;
   position: absolute;
   left: 18px;
   top: 480px;
   width: 125px;
   border: 1px solid #FEC399;
   background-color: #92522f;
   color: #F8C78C;
   font-size: 12px;
   } /*auf den Startseiten unterhalb der Hauptnavigation*/
   
.infobox_flaggen {
   padding: 5px 5px 5px 5px;
   margin: 0;
   left: 18px;
   top: 480px;
   width: 125px;
   border: 1px solid #FEC399;
   background-color: #92522f;
   color: #F8C78C;
   font-size: 12px;
   }
   .infobox_flaggen {
position:absolute;
/* sonstige Anweisungen */
}
/* fuer IE7, IE8 und andere moderne Browser: */
#header > .infobox_flaggen {
position:fixed;
}

.infobox-diashow {
    padding: 5px 0 0 5px;
	margin: 0;
    left: 18px;
	top: 470px;
	width: 130px;
   	border: 1px solid #FEC399;
    background-color: #92522f;
    color: #F8C78C;
    font-size: 12px;
    } /*bei den Templates für die Bildergalerien*/
	
	.infobox-diashow {
position:absolute;
/* sonstige Anweisungen */
}
/* fuer IE7, IE8 und andere moderne Browser: */
#header > .infobox-diashow {
position:fixed;
}

.main-nav li a {
	font-size: 12px;
	color: #F8C78C;
	text-decoration: none !important;
	display: block;
	margin: 0 0 0 10px;
	width: 115px;
	padding-left: 5px;
	line-height: 22px;
	font-weight: bold;
}
.main-nav li a:hover {
	background: #D29060;
	color: #762712;
    }

.main-nav #aktiv a
{
    background: #f1aa72;
	color: #762712;
}

/*kleine Weltkugel*/
.small-earth {
	background: url(../images/img-small-earth.png) no-repeat;
	width: 127px;
	height: 167px;
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 100;
}
/*CONTAINER*/

#ablauf													 /* Reiseberichte  Klappmenü  Tagesablauf   Formatierungen  */ 
{
	height: 26px;
	margin-right:19px;
float: right;}

#container {
	margin: 0 48px 0 48px;
	overflow: hidden;
}

.inhalt
{
width: 715px;
margin: 0 auto 40px auto;
padding-bottom: 10px;
text-align: justify;
font-size: 0.9em;
}
/*left corner*/
.left-corner {
	background: url(../images/bg-left-corner.png) no-repeat;
	width: 100%;
	height: 147px;
}
/*content*/

.content-holder {
	background: #bf7e52 url(../images/img-right-corner.gif) no-repeat 100% 100%;
	float: left;
	width: 100%;
}
.content {
	margin: -120px 0 0 115px;
   	position: relative;
	overflow: hidden;
    }
	
/*title*/
.ueberschrift {
	color: #762712;
	font-size: 20px;
    font-weight: bold;
	text-align: center;
	margin: 0 100px 20px 0;
}

/*eigene Klassen - alphabetisch sortiert */

/*scollbare divs - es werden im Text Scrollbalken erzeugt, ähnlich iframes - Anfang */
.auto {
background: #bf7e52;
height: 150px;
overflow: auto;
width: 200px;
border: 2px solid #92522f;
padding: 10px;
} 
/*scrollbare divs Ende */

a.reiseziele {
position: relative; bottom: 15px; left:15px;
} /*für Zentrierung der Reiseziele*/

/*Bildergalerie awardsgrafiken - Anfang */
#galerie_awards li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
}

#galerie_awards img
{
width: 150px;
height: 150px;
display: block;
padding: 3px;
border: 1px solid #92522f;
} 
#galerie_awards ul
{
margin-left: 28px;
}

/*Bildergalerie awardgrafiken - Ende */

/*Bildgalerie friendshipawards-Anfang*/
#galerie_friendship li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
}

#galerie_friendship img
{
width: 150px;
height: 160px;
display: block;
padding: 3px;
border: 2px solid #92522f;
} 
#galerie_friendship ul
{
margin-left: 109px;
}
/*Bildgalerie friendshipawards -Ende */

/*Überschriften bei den Reiseberichten - Anfang*/
.balken {
background-color: #92522f;
margin-top: 12px;
color: #f8c78c;
font-weight:bold;
font-size: 0.98em;
}
/*Überschriften bei den Reiseberichten - Ende*/

.bildmitte {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bildlinks {
float: left;
margin-top: 15px;
margin-right: 20px;
margin-bottom: 10px;
}
.bildrechts {
float:right;
margin-top: 15px;
margin-left: 20px;
margin-bottom: 10px;
}

/* Die Bilderbox ist gedacht für das Einfügen der Thumbnails bei Bildergalerien mit der Slimbox */
.bilderbox {
	float: left;
	margin-bottom: 60px;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
	}
.bilderbox img
 {
	 border: 2px double #92522f;
	 padding: 5px;
 }
 
 
/*Ende Bilderbox */

#box {
background:#bf7e52;
text-align: justify;
}
/*Zitate und Anreisser im Text hervorheben - siehe Impressum -  Anfang*/
blockquote {
width: 200px;
color: #000000;
font: bold italic 1.7em Times New Roman;
text-align: center;
float: left;
margin: 15px;
} 

blockquote:first-letter {
color: #8f0e07;
font-size: 1.5em;
} 

.right {
float:right;
}

/*Zitate und Anreisser im Text hervorheben - Ende*/

.c-box {
	float: left;
	width: 45%;
    padding-left: 35px;
    }
.c-box_neu {
	float: left;
	width: 345px;
	padding-left : 10px;
	}
	
.c-box_links {
	float: left;
	width: 345px;
	
	}

	
.c-box-klein {
	float: left;
	width: 45%;
    padding-left: 35px;
    height: 250px;
    } /*für Startseiten ohne Unterkünfte*/

.c-box-klein-small {
    float: left;
	width: 45%;
	padding-left: 35px;
	height: 180px;
}

.center {
text-align: center;
}

/*--Anfang IFrame zum Einbinden von Google-Maps---*/
/* - Insgesamt 2 Varianten --*/
#iframe {
padding: 10px;
border: 5px #92522f;
background-color: #92522f;
text-align: center;
}

#iframe1 {
padding: 5px;
border: 5px solid;
text-align: center;
border-color:#92522f;
}

/*--Ende IFrame zum Einbinden von Google-Maps---*/


/*Kleine Bilder im Text mit einem Rahmen umgeben - Anfang*/
.img_reiseberichte_links
{
float: left;
margin-top: 15px;
margin-right: 20px;
margin-bottom: 10px;
padding: 5px;
background: #92522f;
border-bottom: 2px solid #474747;
border-right: 2px solid #474747;
border-top: 1px solid #000;
border-left: 1px solid #000;
} 

.img_reiseberichte_rechts
{
float: right;
margin-top: 15px;
margin-left: 20px;
margin-bottom: 10px;
padding: 5px;
background: #92522f;
border-bottom: 2px solid #474747;
border-right: 2px solid #474747;
border-top: 1px solid #000;
border-left: 1px solid #000;
} 


.img_mit_rahmen_mitte
{
padding: 5px;
background: #92522f;
border: 2px solid #333;

} 

/*Kleine Bilder im Text mit einem Rahmen umgeben - Ende*/

/*Banner links und Banner rechts - siehe Reiseseiten Surftipps - Anfang */

.banner_links
{ 
margin-right: 5px;
border: 2px solid #92522f;
}

.banner_rechts
{
border: 2px solid #92522f;
}

.banner_mitte
{
border: 4px solid #92522f;
margin-right: 10px;
}
/*Banner links und Banner rechts - Ende */

.initial {
	float: left;
	border: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 24px;
   	color: #762712;
}

.middle {
margin-top: 10px;
} /*für Zentrierung der Reiseziele*/

.middle-aufzaehlung {
margin-top: 5px;
}

/*für die Gestaltung der News - Anfang*/
.news {
margin-top: 12px;
color: #000000;
font-size: 0.98em;
border: 3px solid #92522f;
padding: 5px;
}

.news_hell {
margin-top: 12px;
background-color: #F8C78C;
color: #000000;
font-size: 0.98em;
border: 3px solid #92522f;
padding: 5px;
}

.news_hell a {
color: #000000;
font-weight:bold;
} 
/*für die Gestaltung der News - Ende */

.photo-link {
	width: 301px;
	height: 205px;
	margin: 0 auto;
    display:block;
  } /*für die Startseiten der Reiseberichte mit roll-over-Bildern*/

.photo {background: no-repeat;}
.photo-link:hover {background-position: 0 -207px;}

/*Grafik in die Mitte setzen und von Text umfließen lassen - bei Seiten mit Spalten -  Anfang */
.platzhalterlinks {
width: 120px;
height: 305px;
float: right;
padding: 10px 0;
} 
.platzhaltergrafik {
width: 239px;
height: 305px;
float: left;
padding: 10px 15px 10px 15px;
margin-left: -150px;
text-align: center;
font-weight: bold;
} 


/*Grafik in die Mitte setzen und von Text umfließen lassen - Ende */

.reiseblick {
margin: 0 0 10px 360px;
padding: 0 0 10px 10px;
text-align: left;
}

.reiseblick_rechts {
margin: 0 10px 0 50px;
padding: 30px;
text-align: left;
}

.reiseblick_rechts1 {
margin: 0 10px 0 50px;
padding: 50px;
text-align: left;
}

/*Text in Spalten angeordnet mit einem Bild in der Mitte - Anfang */
.spalte {
width: 357px;
float: left;
} 

/*Text in Spalten angeordnet mit einem Bild in der Mitte - Ende */
.spalte_links {
width: 342px;
float: left;
padding: 0 15px 0 0;
}
.spalte_rechts {
width: 342px;
float: left;
padding: 0 0 0 15px;
}
.small {
font-size: 0.8em;
}
.small1 {
font-size: 9px;
}

/*Aussehen der Sitemap - Anfang*/
.sitemap_links {
	float:left;
	width: 47%;
	padding-left: 5px;
	height: 3500px;
	border: 3px solid;
	border-color: #92522f;
	margin-bottom: 10px;
	margin-right: 5px;
	}
.sitemap_rechts {
	float:left;
	width: 47%;
	height: 3500px;
	padding-left: 5px;
	border: 3px solid;
	border-color: #92522f;
	margin-bottom: 10px;
	margin-left: 5px;
	}

/*Aussehen der Sitemap - Ende*/


/*links*/
.links {
	padding: 15px 0 0;
	margin: 0;
}
.links li {
	text-align: center;
	margin-bottom: 5px;
}
.links li.icon {
	margin-top: 25px;
	height: 41px;
}
.links li a {
	color: #F8C78C;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none !important;
}
/*center box*/
.center-box {
	width: 290px;
	padding-right: 60px;
    padding-left: 50px;
	margin: 15px auto;
	text-align: center;
	clear: both;
}
.center-box span {
	text-align: center;
	display: block;
	color: #000;
	font-size: 15px;
	margin: 25px 0;
}
.center-box span a {
	color: #F8C78C;
	text-decoration: none !important;
}
/*FOOTER*/
#footer {
	clear: both;
	margin: 8px 47px 0 48px;
	background: url(../images/bg-footer.gif) repeat-x;
}
#footer ul {
	padding: 13px 0 0;
	margin: 0 auto;
	width: 355px;
	height: 15px;
}
#footer ul li {float: left;}
#footer ul li a {
	display: block;
	text-indent: -9999px;
	height: 12px;
	margin-right: 24px;
}
#footer ul li a.link1 {
	background: url(../images/img-xhtml2.gif) no-repeat;
	width: 36px;
}
#footer ul li a.link2 {
	background: url(../images/img-css2.gif) no-repeat;
	width: 24px;
}
#footer ul li a.link3 {
	background: url(../images/img-adf2.gif) no-repeat;
	width: 69px;
}
#footer ul li a.link4 {
	background: url(../images/img-kontakt2.gif) no-repeat;
	width: 43px;
}
#footer ul li a.link5 {
	background: url(../images/img-impressum2.gif) no-repeat;
	width: 63px;
}

/*--Klasse für die untere Navigation "zurück, Fotogalerie, weiter"--*/
.linkdiv {
margin-bottom: 20px;
}

/* Hoverbox-Definitionen für Hover-Bilder*/
.hoverbox a .preview
{display: none;}

.hoverbox a:hover .preview
{display: block; position: absolute; top: -66px; left: -25px; z-index: 1;}

.hoverbox img
{background: #92522f; border-color: #CCCCCC; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 150px; height: 100px;
}

.hoverbox li
{background: #92522f; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative;}

.hoverbox .preview
{border-color: #000; width: 300px; height: 200px;}
.hoverbox .preview1
{border-color: #000; width: 400px; height: 267px;}

/* Angaben für das Kontaktformular */
fieldset {
border: 2px solid #92522f;
color: #000000;
}
input, textarea {
border: 2px solid #92522f;
background-color: #bf7e52;
}

#fussnavigation
{
	width: 745px;
}

/*--Beginn der Styleangaben für das Gästebuch--*/




/* Tabelle in eintrag.php und edit.php */
.form {
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* Tabellenspalte in der die Erklärungen stehen */
td.describtion {
text-align: right;
width: 30%;
}

/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
text-align: left;
width: 70%;
}

/* Eingabefelder */
input, select {
background-color: #E2C7B4;
color: #92522f;
border: 1px solid #92522f;
height: 13pt;

}

input.gb, select.gb {
width: 90%;
}

/* Textfeld */
textarea.gb {
background-color: #E2C7B4;
color: #000;
font-size: 11pt;
width: 100%;
border: 1px solid #FFA449;

}




/* Erfolgs- oder Fehlermeldung bei der Suche */
div.suchmeldung {
font-size: 12pt;
}


/* Der Suchbegriff */
span.suchwort {
font-weight: bold;
}

/* Die Regeln in der eintrag.php */
div.regeln {
text-align: left;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: center;
}

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
background-color: #f8c78c;
width: 23px;
height: 23px;
border: 1px solid #FFA449;
}

/* Die kleinen Bilder (Page, Mail, ICQ, Bild) in gbuch.php */
img.gbuch {
border: 0px solid;
width: 15px;
height: 15px;
}

/* Text "(* Pflichtfelder)" */
div.pflichtfeld {
font-weight: bold;
text-align: center;
color: #762712;
}

/* Fehlermeldung bei deaktiviertem Javascript */
div.nojs {
color: red;
font-weight: bold;
}

/*Kopfzeile des GB-Eintrags (Name, Adresse etc.)*/
div.kopfzeile
{
background-color:#92522f;
color:#FFECBF;}


/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {

width:100%;
border: 2px solid #9f5d39;
margin:15px auto;
font-size:0.9em;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
width:100%;
border: 2px solid #9f5d39;
margin:15px auto;
font-size:0.9em;
background: #f8c78c;
}

/* ein Zitat */
div.zitat {
border: 1px solid black;
margin: 10px;
}

/* die zitierte Person */
div.zitat_person {
font-weight: bold;
}

/* der zitierte Text */
div.zitat_text {
font-style: italic;
}

/* ein Code */
div.code {
border: 1px solid black;
margin: 10px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
}

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
background-color: #80A0FF;
}

/* ein Kommentar */
div.kommentar {
border: 1px solid black;
margin: 10px;
padding: 10px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
font-weight: bold;
color: #76271F;
}

/* der Kommentar selbst */
div.kommentar_text {
font-style: italic;
}

/* Der Besucher */
span.user {
font-weight: bold;
}

/* die Nummer des Eintrags */
span.nummer {
font-weight: bold;
color: #FFA449;
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
color: #762712;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
color: #FFA449;
}

/* Der Betreff eines Eintrags */
div.betreff {
font-weight: bold;
margin-top: 5px;
}

/* Die Einträge */
div.eintragstext {
padding: 8px;
}

/* showimage.php: das hochgeladene Bild */
div.upimg {
text-align: center;
}

/* showimage.php: Text unter Bild */
p.upimgdesc {
text-align: center;
}

@media print {

.onlyscreen {
visibility: hidden;
height: 0px;
}

a.linkinfo {
text-decoration: none;
}

a.linkinfo:after {
content: " ("attr(title)" ) ";
}

}
/*---Ende der Style-Angaben des Gästebuches---*/

/*-- Anfang: Eine weitere Möglichkeit, statt "initial" den ersten Buchstaben hervorzuheben---*/
.first {
font-family: Georgia, Verdana, Arial, sans-serif;
font-size: 2.5em;
line-height: 1em;
font-style: italic;
font-weight: bold;
float: left;
margin: 6px 4px 0 0;
padding: 2px 5px 2px 3px;
color: #762712;
}


/*-- Ende: Eine weitere Möglichkeit, statt "initial" den ersten Buchstaben hervorzuheben---*/

.helle_schrift {
	color: #F8C78C;
}

.extern {
	padding-right: 16px;
	background-image:url(http://www.gautinger-weltenbummler.de/images/allgemein/externer-link2.gif);
	background-position: right;
    background-repeat: no-repeat;
}


/*Neugestaltung der Startseite -- Anfang  */
#links 														
{													 
	float: left;
	width: 350px;
	margin-right: 7px;
	
				
}
	
	
#rechts 													
{						
	margin-left: 360px;
	width: 350px;
	
}


.infobox_startseite_rechts						
{
	width: 320px;
	border: 1px solid #F8C78C;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
    
}

.infobox_balken
{
	font-style: italic;
    font-weight: bold;
	color: #F8C78C;
	background-color: #92522f;
	text-align:center;
}
.infobox_text
{
	font-family: Georgia, Verdana, Arial, sans-serif;
    font-size: 11px;
	font-weight:100;
}
.infobox_ueberschriften
{
	color:#000;
	font-weight:bold;
	font-size:12px;
}




/*Neugestaltung der Startseite --Ende  */