/*
Theme Name: awo-tirschenreuth
Description: 2-spaltig mit Kopf und Navi.
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% }

        img {
               border-style:none;
               }


body {
   background-color:transparent;
   margin-top: 30px;
   margin-left: 30px;
   margin-right:30px;
   padding: 0;
   font-family: 'Lucida Grande', Verdana, sans-serif;
   font-size: 0.8em;
   }

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

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

a:hover {
   color:#ffffff;
   background-color:#cd0000;
   font-weight:bold;
   text-decoration:none;
   }

h1,h2,h3,h4,h5 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.4em;  color: #cd0000; margin: 0 0 0.25em 0.75em; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #cd0000; font-weight:bold; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #cd0000; font-weight:bold;}
h5 {font-size: 1.0em; color: #4e4e4e; font-weight:bold;}
h6 {font-size: 1.0em; color: #4e4e4e; font-weight:bold;}

hr {color:#ddd; background-color:#ddd; height:2px; margin-left:0; text-align:left; border:0px;}

#plain {
   position: absolute;
   top: 24px;
   left: 24px;
   width: 95%;
   margin-right:-4px;
   height:750px;
   background-color:transparent;
   border: 8px #cd0000 solid;
}

#logo {
   width: 100%;
   height:80px;
   background-image:url(images/awo-logo.png);
   background-repeat:no-repeat;
   padding-top:0;
   margin-top:20px;
   margin-bottom:20px;
   }

/* Waagerechte Navi */

#nav {
	background:#cd0000;
        width:100%;
        float:right;
	}
	
#nav, #nav ul {
	list-style:none;
	font-size:1em;
	line-height:100%;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
        padding-left:5em; 
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #eee;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active {
        color:#cd0000;
	background:#ffffff;
	text-decoration:none;
	}	

#nav .current_cat  {background:#ffffff;color:#cd0000;}
.current_page_item a, #home .on  {background:#cd0000;color:#ffffff;}
	
.clearfloat { display:block;}
	
/* Dropdown Menus for child pages */		

#nav li ul {
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #666;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#999;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {background:#840000;}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

a.main:hover {background:none;}

/* ---ENDE Waagerechte Navi ---*/

#left {
   background-image:url(images/dach.png);
   background-repeat:no-repeat;
   background-color:transparent;
   width: 260px;
   margin-top: 10px;
   float:left;
   }

#left-inside {
   margin-top:100px;
   margin-left:12px;
   width: 212px;
   padding-bottom:6px;
   padding-left:0px;
   border-left: #cd0000 solid 8px;
   border-right: #cd0000 solid 8px;
   border-bottom: #cd0000 solid 8px;
   }

#left-inside ul {font-size: 0.9em;list-style-type:none; padding: 0 0 0 0; margin: 0 0 0 0;}
#left-inside li {list-style-position:inside;}

#right {
   background-color: transparent;
   width:70%;
   height:510px;
   margin-left: 12px;
   float:right; 
   overflow:auto;
   }

#right-inside {
   width: 95%;
   margin-top: 20px;
   color: #2c2c6a;
   }


#right-inside ul {list-style-image:url(http://awo-tir.de/wp-content/themes/awo/images/li.gif);}
#right-inside li {list-style-position:outside; padding-bottom:6px;}


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

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

#right-inside a:hover {
   color:#ffffff;
   background-color:#cd0000;
   font-weight:bold;
   text-decoration:none;
   }

#comment {
   clear:both;
   width: 80%;
   color: #2c2c6a;
   }

#comment_hinweis {
   width: 460px;
   color: #808080;
   padding-bottom: 1em;
   }

#footer {
   position:absolute;
   left:0;
   width:95%;
   top:690px;
   height:40px;
   background-color: transparent;
   text-align:center;
   }


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

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


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

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
        border:none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
 	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* ---BEGINN COUNTER ---*/

/* Block Layout */
#block_counter {
   width:10em;
   border: 1px #81ac40 solid;
   text-align:left;
   padding: 4px;
   font-size: 11px;
   }

/* Line Layout */
#line_counter span {
   margin: 0 -6px 0 0;
   border: 1px #81ac40 solid;
   padding: 2px 4px 2px 4px;
   font-size: 11px;
   }

#line_counter .dunkel {
   background-color: #bae0b0;
   }
/* ---ENDE COUNTER ---*/



/* All */
#copyright {
   margin-top:4px;
   font-size: 9px;
}