/*
Theme Name: Tafel 2
Description: 1-spaltig mit Kopf.
Version: 1.0
Author: Bernd Geissler
Author URI: http://bgeissler.de
*/

/* ### Vorbereitende Maßnahmen | Reset ##################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { //height: 100% } 
	body { 
		//min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	} 
	
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

body {
   background-color:#eaf3e6;
   margin-top: 170px;
   margin-left: 150px;
//   margin-left: 13%;
//   margin-right: 13%;
   padding: 0;
   font-family: 'Lucida Grande', Verdana, sans-serif;
   font-size: 0.8em;
   
   }

a:link {
   color:#55ac40;
   font-weight:bold;
   text-decoration:underline;
   }

a:visited {
   color:#55ac40;
   font-weight:bold;
   text-decoration:underline;
   }

a:hover {
   color:#ff0000;
   font-weight:bold;
   text-decoration:underline;
   }

#logo {
   position: absolute;
   top: -140px;
   left: -80px;
   }

#logo2 {
   position: absolute;
   top: 60px;
   left: 0px;
   }

#trenner {
   clear:both;
   height:3px;
   background-color: #55ac40;
   }

#header {
   max-width:1200px;
   border: none;
   }

#right {
   background-color: transparent;
   max-width:1200px;
   margin-top: 60px;
   }

#right-inside {
   width:100%;
   color: #2c2c6a;
   }

#right-inside ul {list-style-type:none; padding: 0 10px; margin: 0 10px;}
#right-inside li {list-style-position:outside;}

#footer-right-inside {
   color: #ffffff;
   margin-left: 0px;
   }

#footer-right-inside a:link {
   color:#ffffff;
   font-weight:bold;
   text-decoration:none;
   }

#footer-right-inside a:hover {
   color:#ff0000;
   font-weight:bold;
   text-decoration:none;
   }

#footer-right-inside a:visited {
   color:#ffffff;
   font-weight:bold;
   text-decoration:none;
   }

#navcontainer {
   position:relative;
   height: 30px;
   background-image:url(https://sslsites.de/wieslocher-tafel.de/wp-content/themes/tafel2/images/navi-hg.gif);

   }

#navcontainer ul
{
padding-top: 6px;
padding-left: 10px;
margin-left: 0;
font-size: 105%; 
font-family: 'Lucida Grande', verdana, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li.page_item a
{
padding: 10px 5px 10px 5px;
color: #55ac40;
text-decoration: none;
font-weight: bold;
}

#navcontainer ul li.page_item a:hover
{
color: #8ccc7c;
/*background: #2850d8;*/
}

#navcontainer ul li.current_page_item a
{
padding: 10px 5px 10px 5px;
/*background: #2850d8;*/
color: #8ccc7c;
text-decoration: none;
}

#navcontainer ul li.current_page_item a:hover
{
/*background: #2850d8;*/
}


#content {
   clear:both;
   margin-left:140px; 
  }

#content p {
/*   clear:both;
   text-align:justify*/
   }

#content p:first-letter { 
/*   color:red; */
   }

.bild_rechts {
   float: right; 
   margin-bottom: 12px; 
   margin-left: 24px;
   }

.bild_links {
   float: left; 
   margin-bottom: 12px; 
   margin-right: 24px;
   }

P {
   margin: 0.7em 1em;
   }

h1 {
   font: 105% 'Lucida Grande', Verdana, sans-serif;
   font-weight:bold;
   color: #55ac40;
   margin:0px;
   padding-left:0.6em;
   padding-top:16px;
   padding-bottom:4px;
   width:50%;  
   border-bottom: 2px dotted #55ac40; 
//   background-image:url(images/hg_h1.gif);
   }

h2 {
   font: 105%  'Lucida Grande', Verdana, sans-serif;
   }

h3 {
   font: 100%  'Lucida Grande', Verdana, sans-serif;
   font-weight:bold;
   }

.page_item {
   font: 1em  'Lucida Grande', Verdana, sans-serif;
   padding: 0.5em;
   }

.meta { font-size: 80%; color: #ff0000; margin-bottom: 15px; }
.meta a:link, .meta a:visited { color: blue; }
.meta a:hover { color: #ff0000; }

p.credit
{
font-size: 80%;
text-align: left;
}

p.credit a
{
color:#0000c1;
text-decoration:none
}

p.credit a:hover
{
color:#ff0000;
text-decoration:none
}

/* Begin Forms */




#wpcf label {
        display:block;
        margin-left:28px;
	width: 150px;
        float:left;
}
#wpcf input {
	width: 250px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 400px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 28px;
        font-size:130%;
}
#wpcf #contactsubmit {
	margin-left: 334px;
	width: 100px;
}
/* End Forms */