/*
Theme Name: move21
Description: 3-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% }

        img {
               border-style:none;
               }


body {
   background-color:#e7eef1;
   margin-top: 0px;
   margin-left: 0px;
   padding: 0;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: 0.8em;
   }

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

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

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

#comment textarea {
   font-size: 14px;
   }

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

h1 {font-size: 1.6em; color:#006799; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color:#006799; margin: 0 0 0.25em 0; padding-left: 0em; padding-top: 0em; padding-bottom: 0em; }
h3 {font-size: 1.2em; color:#006799; margin: 0 0 0.25em 0; padding-top: 0.5em; font-weight:bold; }
h4 {font-size: 1.0em; color:#006799; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color:#006799; font-weight:bold;}
h6 {font-size: 1.0em; color:#006799; font-weight:bold;}

#plain {
   max-width:1200px;
}

#kopf {
   max-width: 1200px;
   background-image:url(images/kopf_hg.jpg);
   background-repeat:repeat-x;
   margin-top:30px;
   }

#logo img {
   position:relative;
   top:-120px;
   left:40px;
   }

#block_left {
   margin-top:-90px;
   width:23%;
   float:left;
   }

#block_left ul {list-style-type:none;margin:0;}
#block_left .linkcat li {list-style-position:inside; margin-left:-2.5em;font-style:italic;line-height:14pt;}
#block_left h2 {font-size:1em;font-weight:bold;padding-bottom:0px;padding-top:0px;}

#block_right {
   margin-top:-90px;
   margin-bottom:24px;
   width:75%;
   border-left: 1px solid #006799;
   float:right;
   }

#balken {font-size: 1.4em; color: white; margin: 0 0 0.25em 0em ; padding-left: 0.9em; padding-top: 0.5em; padding-bottom: 0.5em; background-color:#006799; }

#left-inside {
   width:98%;
   margin-left:2em;
   color: #2c2c6a;
   }

// #left-inside ul {list-style-type:none;}
#left-inside .page_item {list-style-position:inside;margin-left:-2.5em;}
#left-inside .cat-item {list-style-position:inside; margin-left:-2.5em; padding-left:6px; padding-bottom:6px; padding-top:6px;}
#left-inside .current_page_item a {color: #006799;}

#middle {
   background-color: transparent;
   width:64%;
   float:left;
   }

#middle-inside {
   width: 98%;
   margin-top: 10px;
   margin-left: 12px;
   color: #2c2c6a;
   }


#middle-inside ul {list-style-type:circle;}
#middle-inside li {list-style-position:outside; margin-left:20px;}




#right {
   background-color: transparent;
   width:28%;
   margin-right: 12px;
   float:right; 
   }

#right ul {list-style-type:none;margin-bottom:24px;}
#right li {margin-left:-25px;font-style:italic;line-height:14pt;}

#right-inside {
   width: 86%;
   margin-left: 12px;
   margin-top: 24px;
   margin-bottom: 0px;
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 12px;
   background-color:#f2f2f2;
   border: solid 1px #006799;
   color: #2c2c6a;
   }

#right a:link {
   color: #008fd5;
   font-size:1.0em;
   font-weight:normal;
   text-decoration:underline;
   }

#right a:visited {
   color: #008fd5;
   font-size:1.0em;
   font-weight:normal;
   text-decoration:underline;
   }

#right a:hover {
   color:#006799;
   font-size:1.0em;
   font-weight:normal;
   text-decoration:underline;
   }

#aktuell {
   font-size: 1.4em; font-style:italic; font-weight:bold; color: #006799; padding-top:12px;
   }

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

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

#comment textarea {
   font-size: 14px;
   }

#comment label {
   font-size: 14px;
   }

#footermenu {
   float:left;
   text-align:center;
   width: 99.8%;
   padding-top: 0.3em;
   padding-bottom: 2em;
   background-color: #008fd5;
   font-weight:normal;
   }

#footermenu ul {
   font-style:italic;
   }

#footermenu li {
   display:inline;
   float: left;
   width: 140px;
   }

#footermenu li li {
   margin-left:-30px;
   }

#footermenu a:link {
   color:white;
   font-weight:normal;
   }

#footermenu a:visited {
   color:white;
   font-weight:normal;
   }

#footermenu a:hover {
   color:#006799;
   font-weight:normal;
   }

#footer {
   float:left;
   width: 99.8%;
   font-size: 1.3em; 
   font-style:italic;
   color: white; 
   padding-bottom: 0.3em;
   background-color: #008fd5;
   border-top:1px solid;
   }

#footer a:link {
   color:white;
   font-size: 1em; 
   font-weight:normal;
   }

#footer a:visited {
   color:white;
   font-size: 1em; 
   font-weight:normal;
   }

#footer a:hover {
   color:#006799;
   font-size: 1em; 
   font-weight:normal;
   }

#termin {
   font-size: 1em;
   font-weight:bold;
   color:#006799;
   text-align:right;
   background-image:url(images/termin.jpg);
   background-repeat:no-repeat;
   background-color:#b9cdd8;
   width:95%;
   margin: 0 0 0.25em 0;
   padding-left: 0em;
   padding-top: 0.5em;
   padding-bottom: 0.5em; 
   padding-right: 1em;
   
   }

.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: 0.5em;
   }

.meta { font-size: 90%; color: #000000; margin-bottom: 15px; }
.meta a:link, .meta a:visited { color: #008fd5; }
.meta a:hover { color: #ff0000; }


/* 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 */