/* Layout: "Grumme"
     Datum: Februar 2015
	 Datei: style.css
	 Author: Thorsten Gumball
	 Authorenwebseite: http://mozilo-layouts.thorstn.com
	 
	 ACHTUNG: Die Autorenhinweise m�ssen in den CSS-Dateien und in der template.html
	 					sowie der gallerytemplate.html stehen bleiben!
	 					Auch der Autorenhinweis "Layout by Thorstn" MUSS im Footer bestehen bleiben!
	 
	 */

/* Allgemeine Angaben */

		* {
			margin:0;
			padding:0;
		}
		
		
		html {
			overflow-y: scroll;
		}
		
		html, body {
		}
		
		body {
			background:#ededed;
			font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,verdana,sans-serif;
			font-size:14px;
			color:#444;
			line-height:1.5em;
		}
		
		p {

		}

        #maincontent-left p {
            margin: 5px 0;
        }
        
        #maincontent-left a {
            color: #DB812C
        }
		
		a {
			text-decoration:underline;
			font-weight:normal;
		}
		a:visited {
			text-decoration:none;
		}
		a:hover {
			color:#222;
			text-decoration:underline;
		}
		
		input, textarea {
			font-family:verdana,arial,tahoma,sans-serif;
			font-size:14px;
			line-height:20px;
			color:#555;
			padding:1px;
			border:1px #888 solid;
		}
		
		iframe, object, embed {
			width:640px;
			max-width: 97%;
			height:360px;
			border:1px #333 solid;
		}
		
		.submit {
			border:1px #555 solid;
		}
		.submit:hover {
			background-color:#fff;
		}
		

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* F A R B E N  - - > Bei der gew�nschten Farbe die Auskommentierung herausnehmen,
											daf�r die Standardfarbe (Gr�n: #3A6302) auskommentieren.
											*/
											
		/* Weinrot (821011)
			 Blau    (1C54A0)
			 Gr�n    (3A6302) 
			 Orange  (D6B919)
			 
			 Nat�rlich k�nnen auch eigene Farbwerte genommen werden! 
			 
			 */
			 
			 
			 a, #topheader h1, #topheader h1 a:hover {
			 	/*color:#812011;*/
			 	/*color:#1C54A0;*/
			 	color:#B72838;
			 	/*color:#DC6C08;*/
			}
			
			 a.menu:hover, a.menuactive, a.detailmenu:hover, a.detailmenuactive,
			 #detailmenu a.submenu:hover, #detailmenu a.submenuactive {
			 	/*background:#821011;*/
			 	/*background:#1C54A0;*/
			 	background:#555;
			 	/*background:#DC6C08;*/
			}
			

/* E N D E   D E R   F A R B E N                               */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */



/* Gesamter Inhaltsbereich */

		#content {
			width:100%;
			max-width:980px;
			margin:20px auto;
			-webkit-box-shadow: 3px 3px 6px #999;
      -moz-box-shadow: 3px 3px 6px #999;
      box-shadow: 3px 3px 6px #999;
			overflow:hidden;
		}
		
		
/* Kopfbereich (Header) */

		
		#topheader {
			min-height:30px;
			padding:20px 10px 10px 10px;
			background-color:#fff;
			font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,verdana,sans-serif;
			font-size:18px;
			text-align:center;
		}
		#topheadername {
			font-size:36px;
			margin:0 20px 10px 0;
		}
		#topheadername a {
			text-decoration:none;
		}
				
		
		#header {
		}
		
		#header div {
			display:block;
			width:100%;
			height:auto;
			max-height:240px;
			background-color:#fff;
			overflow:hidden;
		}
		
		#header div img {
			max-width:100%;
			height:auto;
		}
		
		
		#menu-res {
			display:none;
		}
		
		
		
/* Unterstrich aus allen Men�-Links herausnehmen */

		li.mainmenu a, li.detailmenu a {
			text-decoration:none;
		}


/* Mainmenu */

		#mainmenu {
			min-height:40px;
			width:100%;
			background-color:#ededed;
			text-align:center;
		}
				
		ul.mainmenu {

		}
		
		li.mainmenu {
			display:inline-block;
			font-size:17px;
            font-variant: small-caps;
            /*letter-spacing: -0.03em;*/
			margin:0;
			padding:0;
            /*border-left: 1px dotted #fa9632;*/
		}
        
/*      li.mainmenu:first-child {
            border-left: 0px solid #000000;
        }*/
		
				
		a.menu {
			display:inline-block;
			background-color:#ededed;
			color:#000;
			text-decoration:none;
			line-height:30px;
			padding:5px 8px;
		}
		
		
		a.menu:hover {
			color:#fff;
		}
		
		a.menuactive {
			display:inline-block;
			color:#FF9632;
			text-decoration:none;
			line-height:30px;
			padding:5px 8px;
		}
		
		a.menuactive:hover {
		}
		
				
		
/* Detailmenu */

		#detailmenu {
			min-height:31px;
			background-color:#ededed;
			text-align:center;
		}
		
		ul.detailmenu {
		}
		
		li.detailmenu {
			display:inline;
			font-size:15px;
			margin:0;
			padding:0;
		}
		
		
		/* Nimmt die Submenuepunkte aus dem Mainmenue raus (wichtig wegen usesubmenu = 1 ) */
		#mainmenu li.detailmenu {
			display:none;
		}
		/* ========= */
		
		
		a.detailmenu {
			display:inline-block;
			color:#eee;
			text-decoration:none;
			padding:6px 8px;
			line-height:18px;
		}
		
		a.detailmenu:hover {
			color:#fff;
		}
		
		a.detailmenuactive {
			display:inline-block;
			color:#eee;
			text-decoration:none;
			padding:6px 8px;
			line-height:18px;
		}
		
		a.detailmenuactive:hover {
		}
		
		
/* Submenu / Mainmenue Nr. 2 im Bereich "Detailmenu" unter dem Headerbild */

		#detailmenu a.menu {
			display:none;
		}
				
		#detailmenu a.menuactive {
			display:none;
		}
		#detailmenu li.mainmenu li.detailmenu {
			display:inline-block;
		}
		#detailmenu li.detailmenu {
			display:inline-block;
			background-color:#ededed;
			font-size:15px;
			line-height:18px;
		}
		#detailmenu a.submenu {
			display:inline-block;
			color:#333;
			text-decoration:none;
			padding:5px 8px 8px 8px;
			margin:0;
		}
		#detailmenu a.submenu:hover {
			color:#fff;
		}
		#detailmenu a.submenuactive {
			display:inline-block;
			color:#FF9632;
			padding:5px 8px 8px 8px;
			margin:0;
		}
		#detailmenu a.submenuactive:hover {
			text-decoration:none;
		}		
				
		
/* Der eigentliche Inhalt */

		#maincontent {
			overflow:hidden;
			min-height:150px;
			background-color:#fff;
			padding-bottom:10px;
		}
		
		#maincontent-left {
			width:70%; /* oder 95% wenn der rechte Bereich nicht ben�tigt wird) */
			float:left;
			padding:20px 15px;
		}
		
		/* Wenn der rechte Bereich (maincontent-right) nicht genutzt werden soll
			 f�r eigene Inhalte oder das Plugin "Flexisidebar",
			 den folgenden Abschnitt bitte auskommentieren oder l�schen (optional)
			 und folgende Schritte UNBEDINGT vollziehen:
			 
			 1. Dem #maincontent-left (einen Abschnitt weiter oben) eine width von 95%
			 (statt der 70%) geben und in der template.html Datei den gesamten Bereich
			
			 <div id="maincontent-right">
			 	<div>{FLEXSIDEBAR|sb1_}</div>
			 <(div>
			  
			  (ca. ab Zeile 86) auskommentieren oder l�schen.
			 */
		
				
		
		#maincontent-right {
			margin-left:75%;
			padding:26px 15px 20px 15px;
			word-wrap:break-word;
            font-size: 11px;
            line-height: 15px;
		}
			
		
		/* Der rechte Bereich wird bei der moziloCMS Standardgalerie generell ausgeblendet,
			 wenn sich die jeweilige Galerie in einem neuen Fenster �ffnen soll. */
		
		
		#maincontent-gallery {
			max-width:800px;
			margin:0px auto;
			padding:20px 15px;
		}
		
		
		
/* Footer */

		#footer {
			background-color:#222;
			min-height:20px;
			padding:15px;
			font-size:11px;
			color:#ddd;
			text-align:center;
		}
		
		#footer a {
			color:#ddd;
			text-decoration:none;
		}
		#footer a:hover {
			color:#fff;
			text-decoration:underline;
		}
		
		

		
/* Kontaktformular */

		form#contact_form {
			display:inline;
		}
		table#contact_table {
			width:100%;
		}
		input#contact_name, input#contact_ort, input#contact_mail, input#contact_website {
			width:90%;
			max-width:300px;
		}
		textarea#contact_message {
			width:90%;
			max-width:420px;
		}
		input#contact_submit {
			width:100px;
		}
		
		#contact_calculation {
			width:100px;
		}




/* Fehlermeldungen im CMS */

		.deadlink {
			color:#ff4444;
			text-decoration:line-through;
			font-weight:bold;
		}
		
/* Suche */

		
		.searchdiv {
			background:#fff;
			text-align:center;
			padding:10px 15px 15px 0;
		}
		
		
		.suchfeld {
			margin-top:0px;
			margin-right:10px;
		}
			
		fieldset#searchfieldset {
			border:none;
			margin:0px;
			padding:0px;
		}
			
		input.searchtextfield {
			width:75%;
			max-width:180px;
			margin:0;
			padding:2px;
			background-color:#fff;
			border:1px #333 solid;
		}
		input.searchtextfield:hover {
		}
			
		.searchbutton {
			margin:0;
			padding:0;
		}
		input.searchbutton {
		  border:none;
			margin:0 0px -7px 5px;
		}
		
			

/* Hervorhebungen (z.B. Markierung bei Suchergebnissen) */

		.highlight {
			padding:1px;
			background:#dd0000;
			color:#fff;
		}



/* Angaben f�r die Sitemap (Seiten�bersicht) */

		.sitemap {
			padding:0 0 10px 20px;
		}
		.sitemap h2 {
			margin:20px 15px 10px 0;
			padding-bottom:2px;
			border-bottom:1px #666 dotted;
		}
		.sitemap li {
			padding-bottom:5px;
		}
		.sitemap a {
			text-decoration:none;
		}



/* Angaben f�r die moziloCMS Standardgalerie */

		.embeddedgallery {
			text-align:center;
			margin: 10px auto;
		}
		.embeddedgallery img {
			display:block;
			margin-bottom:10px;
		}
		
		ul.gallerymenu {
			text-align:center;
		}
		
		
		li.gallerymenu {
			display:inline;
		}
		a.gallerymenu {
			font-weight:bold;
			text-decoration:none;
		}
		
		a.gallerymenuactive {
			font-weight:bold;
			text-decoration:none;
		}
		
		a.gallerymenu:hover, a.gallerymenuactive:hover {
			text-decoration:underline;
		}
		
		
		ul.gallerynumbermenu {
			margin:10px 0;
			text-align:center;
		}
		
		li.gallerynumbermenu {
			display:inline-block;
		}
		
		a.gallerynumbermenu {
			text-decoration:none;
		}
		a.gallerynumbermenu:hover {
			text-decoration:underline;
		}
		a.gallerynumbermenuactive {
			font-weight:bold;
			text-decoration:underline;
		}
		
		
		.gallerytd {
			color:#8a8a8a;
			font-size:10px;
			line-height:12px;
			text-align:center;
			vertical-align:top;
			padding:10px 10px 5px 0;
		}
		
		.gallerytd .imagesubtitle {
			margin-top:-10px;
		}


/* Angaben f�r die Bilder */

		
		.gallerytable {
			width:100%;
			max-width:720px;
		}
		.gallerytable tr {
			width:100%;
			max-width:700px;
		}
		table.gallerytable {
			border-collapse:collapse;
			margin:0px auto;
		}
		
		img {
			border:none;
			max-width:100%;
			vertical-align:top;
		}
		
		.contentimage {
			display:inline-block;
			max-width:100%;
		}
		
		span.imagesubtitle {
			display:block;
			font-size:11px;
			color:#888;
			line-height:14px;
			text-align:center;
		}
		
		img.leftcontentimage {
			max-width:250px;
		}
		
		span.leftcontentimage {
			float:left;
			max-width:250px;
			margin:4px 10px 10px 0;
		}
		
		img.rightcontentimage {
			max-width:250px;
		}
		
		span.rightcontentimage {
			float:right;
			max-width:250px;
			margin:4px 0 10px 10px;
		}
		
		
/* Vorschaubilder der Fotogalerien /Thumbnails) */

		.thumbnail {
			border:1px #999 solid;
			padding:2px;
			width:100%;
			max-width:150px;
			margin:0;
			margin-bottom:4px;
			-webkit-box-shadow: 2px 2px 2px #999;
		  -moz-box-shadow: 2px 2px 2px #999;
		   box-shadow: 2px 2px 2px #999;
		      }
		      
		.thumbnail:hover {
			border:1px #5d5d5d solid;
			padding:2px;
			-webkit-box-shadow: 4px 4px 3px #5d5d5d;
		  -moz-box-shadow: 4px 4px 3px #5d5d5d;
		   box-shadow: 4px 4px 3px #5d5d5d;
		}


/* Angaben f�r das Plugin "Fotogalerie" von blacknight */		
		
		#fotogalerie table {
			width:100%;
			padding:20px;
		}
		
		
		#fotogalerie .thumbnail {
			margin:10px 20px 10px 5px;
		}
		

/* Tabellen */

				table {
				width:100%;
			}
		
		/* Standard-Tabelle [tabelle| ] ==> OHNE RAHMEN */
		
				table.contenttable {
					margin:0px auto;
					border-collapse:collapse;
					max-width:100%;
				}
				
				th.contenttable {
					vertical-align:top;
					border:1px #aaa transparent;
					padding:2px 5px;
					text-align:left;
				}
				
				td.contenttable1 {
					vertical-align:top;
					border:1px #aaa transparent;
					padding:2px 5px;
				}
				td.contenttable2 {
					vertical-align:top;
					border:1px #aaa transparent;
					padding:2px 5px;
				}
				
				
		/* Tabelle mit Rahmen [tabelle=tab_rahmen| ] */
		
				table.tab_rahmen {
					margin:0px auto;
					border:1px solid #777;
					border-collapse:collapse;
					width:100%;
				}
				
				th.tab_rahmen {
					vertical-align:top;
					border:1px solid #777;
					padding:2px 5px;
					text-align:left;
				}
				
				td.tab_rahmen1 {
					vertical-align:top;
					border:1px solid #777;
					padding:2px 5px;
				}
				td.tab_rahmen2 {
					vertical-align:top;
					border:1px solid #777;
					padding:2px 5px;
				}



/* Weitere moziloCMS Syntax */

		h1, h2, h3 {
			font-family:"Helvetica Neue",Helvetica,Arial,verdana,sans-serif;
            margin:10px 5px;
		}
		
		h1 {
			font-size:22px;
            font-weight: normal;
			line-height:1.1em;
            color: #C72031;
		}
		h2 {
            font-weight: 400;
            line-height: 1.1em;
            color: #333;
            font-size: 18px;
		}
        h3 {
            font-weight: 400;
            line-height: 1.1em;
            color: #333;
            font-size: 14px;
            font-style: italic;
            margin: 6px 0;}
        h4 {
            font-weight: 600;
            line-height: 1.1em;
            color: #333;
            font-size: 14px;
            margin: 6px 0;}

		hr {
			border:none;
			border-top:1px #aaa solid;
			max-width:99%;
			margin:10px 0;
		}
		
		ul, ol {
		}
		li {
			margin-left:25px;
		}
		
		.alignleft {
			text-align:left;
			}
		
		.aligncenter {
			text-align:center;
	  }
			
		.alignright {
			text-align:right;
		}
			
		.alignjustify {
			text-align:justify;
		}
		
		div.tableofcontents ul ul {
		}
		div.tableofcontents li.blind {
  	  list-style-type:none;
 	    list-style-image:none;
		}
		
		a.link {
			}
			
			a.mail {
			}
			
			a.page {
			}
			
			a.category {
			}
			
			a.file {
			}
			
			a.gallery {
			}
			
			b {
			}

			i {
			}
			
			u {
			}
			
			s {
			}
			
/* TTH, 14.02.2013 */
/* HOVER-Buttons */
a.button {
  display:block;       
  background-image:url(/layouts/grumme/grafiken/Button1.png);              
  width:190px;
  height:32px;
  margin:8px 0px;
}
a.button_ani {
  display:block;       
  background-image:url(/layouts/grumme/grafiken/ButtonGif.gif);              
  width:190px;
  height:32px;
  margin:8px 0px;
}
a.button:hover {
  background-image:url(/layouts/grumme/grafiken/Button2.png);
}
a.button_ani:hover {
  background-image:url(/layouts/grumme/grafiken/Button2.png);
}

/*TTH, 07.02.2016 */

.Terminkalender {
    font-size: 12px;
    line-height: 18px;
}

div .Home-Video {
    width: 75%;
    margin: 10px 0px 10px 70px;
    padding: 10px;
}

div .Rahmen {
    position: relative;
    text-align: center;
}

div .Flaggen {
    position: absolute;
    text-align: right;
    top: -50px;
    right: -7px;
    line-height: 22px;
}

div .Untertitel {
    padding: 0 20px;
}

div .Vorstand {
    clear:left;
}

.small {
    font-size: 11px;
    display:block;
    line-height: 1.2em;
}