/*
Theme Name: Tutorial
Theme URI: http://wordpress.lernenhoch2.de
Description: Template zum WordPress Tutorial auf http://wordpress.lernenhoch2.de
Author: Christian Strang
Author URI: http://lernenhoch2.de
*/

body        {color: #333333; background: #e5e5e5;}
h2 {font-size: 11px; text-align: center; font-weight: normal;} /* fuer Seitentitel wichtig */
h1, p { font-size: 14px;
 clear: Left;
}

.header_schrift1 {font-size: 30px; font-weight: bold; color: red; }
.header_schrift2 {font-size: 16px; font-weight: normal; color: white; }
.footer_schrift1 { font-size: 11px; font-weight: normal; color: #444444; position: relative; top: 20%; left: 3%;  }
.footer_schrift2 { font-size: 11px; font-weight: normal; color: #444444; position: relative; top: -12%; left: 83%;  }
.schrift_flora { font-size: 14px; font-weight: normal; color: #444444; margin: 15px;  }
/* .schrift_flora { font-size: 14px; font-weight: normal; color: #444444; position: relative; top: 25px; left: 30px;  } */
 
#wrapper    { margin: auto; margin-top: 20px; background: #ffffff; }
#header     { padding: 0px;   font-family: verdana, sans-serif; }
#main       {  padding-bottom: 30px;  font-family: verdana, sans-serif; }
/*
#main       {float: left;}
*/
#sidebar    { padding: 5px; padding-top: 0px;  /* background: #71ab73; */
             font-family: verdana, sans-serif; font-size: 11px; text-decoration: none;}
#footer        { padding: 0px; font-family: verdana, sans-serif; background: #999999;  }


#navigation-main      {   height: 0px; font-family: verdana, sans-serif;  text-align: left;}  
#navigation-main ul {margin: 0; padding: 0; border: 0px ; color: #ffffff}
#navigation-main li {list-style: none; display: inline-block; margin-left: 10px; margin-right: 10px; padding: 0px;} 

.table 		{display: table; width: 1000px;  border-collapse: collapse; }
.tr    		{display: table-row;  }
.td    		{display: table-cell;  padding: 5px;}

.tdheader    	{display: table-cell; height: 120px;   border: thin solid #666666;  text-align:  right; padding-right: 50px; }
.tdheader    	{background-image:  url("http://localhost/wordpress3_bildarchiv/bilder_bildarchiv24/137-03-002-Haldensleben-Sdz.jpg"); 
	 	background-size: 100%; 
	 	background-repeat: no-repeat;
         	background-position:center 60;}
.theader_schmal    	{display: table-row; height: 30px; /* background: #CCCCCC; */ background: #ffa750; border: thin solid #666666; }

/* ################# Festlegung headerbilder ############################ */

#headerimage.uebersicht {
	display: table-cell;  height: 50px;    text-align:  right; /* padding-right: 50px; */
        
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/117_T_21-12-2003-Karamea-Ho.jpg");
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}


#headerimage.nordinsel {
	display: table-cell;  height: 50px;     text-align:  right; /* padding-right: 50px;  */
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/917_T_xx-01-2004-bei-Whakap.jpg");
	/* background-image: url("../../../bilder_reisebilder/img-kopf_titel/917_T_xx-01-2004-bei-Whakap.jpg"); */
	/* background-image: url("http://localhost/wordpress5_reisebilder/bilder_reisebilder/img-kopf_titel/1012a_T_xx-01-2004-Tongarir.jpg"); */
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}
/* #headerimage.die-letzte-03 {background-image: url("http://localhost/wordpress5_reisebilder/bilder_reisebilder/img-kopf_titel/117_T_21-12-2003-Karamea-Ho.jpg")} */
#headerimage.suedinsel {
	display: table-cell;  height: 50px;    text-align:  right;/*  padding-right: 50px; */
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/536-33_T_ZeltplatzGlentanne.jpg");
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}
#headerimage.flora-fauna {
	display: table-cell;  height: 50px;    text-align:  right; /* padding-right: 50px; */
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/487_T_04-01-2004-Dunedin.jpg");
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}

#headerimage.geologie {
	display: table-cell;  height: 50px;    text-align:  right; /* padding-right: 50px; */
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/1012a_T_xx-01-2004-Tongarir.jpg");
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}

#headerimage.allgemeine-hinweise {
	display: table-cell;  height: 50px;    text-align:  right; /* padding-right: 50px; */
	background-image: url("../../../bilder_reisebilder/img-kopf_titel/559_T_xx-01-2004_Christchur.jpg");
	background-size: 1000px 120px; 
 	/* background-repeat: no-repeat;
       	background-position:center 60; */
}
/* ################# Ende Festlegung headerbilder ############################ */

/* ################# Headerschrift ########################################### */

#headerschrift.uebersicht { font-size: 40px; color: white; position: relative; top: -30px; left: -50px;}
#headerschrift.nordinsel { font-size: 40px; color: black; position: relative; top: -40px; left: -400px;}
#headerschrift.suedinsel { font-size: 40px; color: white; position: relative; top: -30px; left: -50px;}
#headerschrift.flora-fauna { font-size: 40px; color: white; position: relative; top: -30px; left: -50px;}
#headerschrift.geologie { font-size: 40px; color: white; position: relative; top: -30px; left: -50px;}
#headerschrift.allgemeine-hinweise { font-size: 40px; color: white; position: relative; top: -30px; left: -50px;}

.header2_schrift1 { font-size: 20px; color: black; position: relative; top: 0px; left: 200px; }


/* ################# Ende Headerschrift ###################################### */


/*
.header-image #header #title-area {background: url("http://localhost/wordpress3_bildarchiv/bilder_bildarchiv24/137-03-002-Haldensleben-Sdz.jpg");
*/

.tdfooter 	{display: table-cell; height: 40px; background: #CCCCCC; border: thin solid #666666;  /* text-align:  right; padding-right: 50px; */}
.tdfooter 	{background-image:  url("http://localhost/wordpress3_bildarchiv/bilder_bildarchiv24/_95-004.jpg"); 
	 	background-size: 100%; 
	 	background-repeat: no-repeat;
         	background-position: center }
.tdMainLinks 	{display: table-cell;    border: thin solid #666666; background: #ffa750; width: 200px; height: 450px; vertical-align: top; padding:0px; 
		/* position: relative; top: 20px; left: -13px; */}
.tdMainMitte 	{display: table-cell;  border: thin solid #666666;   background: #ffba76;  width: 750px; height: 450px;  vertical-align: top; padding: 0px; 
		/* position: relative; top: 0px; */ /* left: 20px; right: 20px; */}
.tdMainRechts 	{display: table-cell;   border: thin solid #666666;  width: 125px; height: 450px;}

.mini_about     {font-family: verdana, sans-serif; font-size: 11px;}


a:link,  a:visited  {color: #002a72; text-decoration: none; }
a:hover, a:active      { color: #ff3817; }

/* ######################### fuer neues menue ############################ */

/* Navigation */
ul#navigation, #navigation ul {
 position: relative; top: 20px; left: -14px; 
 margin: 0px;
 padding-left: 0px;
 list-style-type: None;
 height: 32px;
font-size: 12px;
}

#navigation li {
 /* float: Left; */
 display: inline;
 width: 152px;
 position: Relative;
/* 
top: 0px;
 left: 200px;
*/
 
}

#navigation li a {
 display: Block;
 width: 150px;
 line-height: 30px;
 text-align: Center;
 color: #555555; /* #FFFFFF; */
 text-decoration: None;
 background-color: #CCCCCC; /* #EA9531;  */
 
 border: 1px Solid #FFFFFF;
}

#navigation li a:hover {
 color: #333333;
}

#navigation li ul {
 display: None;
 /* position: Absolute; */
 position: Relative;
 left: 150px;
 top: -32px;
 z-index: 100;
}

#navigation li:hover ul {
 display: Block;
}

#navigation li ul a {
 /* background-color: rgba(255, 179, 59, 0.90); */
 background-color: #CCCCCC;
}



/* ######################### nextgen-gallery ############################# */

/* Bearbeitung ngg.css über Galerie --> andere Optionen --> eigene css  */

/* .nggallery {text-align: center; margin-left: 0px; } */
/* .ngg-galleryoverview {text-align: center; overflow: hidden; margin-top: 10px; width: 100%; clear: both; display: block;} */
/* .ngg-gallery-thumbnail-box {display: inline-block;} */


/* ####################### gallery ########################## */
/* ###################### gilt fuer größere Bilder als in NextGallery ###########  */


.gallery { margin: 20px;} 
/* .gallery {position: relative; top: -100px; left: 450px; } */
/* .gallery { margin-left: 450px; margin-bottom: 10px; margin-top: -70px;} */


.gallery-item {
   float: left;
   margin-top: 10px;

   text-align: center; 
   width: 33%;
}
.gallery img{ border: 2px solid #cfcfcf; }


.gallery-caption {
   margin-left: 0;

}

.gallery2 { margin-left: 70px;} /* für Hochformatbilder in Standardgallery */