/* Layout: "Grumme 2"
	 Datum: Februar 2015
	 Datei: style.css
	 Author: Thorsten Gumball
	 Authorenwebseite: http://mozilo-layouts.thorstn.com
	 Modifikation: Winfried Glatz
     
	 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:verdana,arial,tahoma,sans-serif;
			font-size:14px;
			color:#555;
			line-height:22px;
		}
		
		p {
		}
		
        a:link, a:visited, a:active {
            color           : #73a7cf;
            font-weight     : bold;
            text-decoration : none;
        }
        
        a:hover {
            color : #9ea666;
        }
        :hover {
            transition: color 0.2s ease 0s;
        }
		
		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:425px;
			max-width: 97%;
			height:350px;
			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 {
			 	/*color:#812011;*/
			 	/*color:#1C54A0;*/
			 	color:#3A6302;
			 	/*color:#DC6C08;*/
			}
			
			 a.menu:hover, a.menuactive, a.submenuactive, a.submenuactive:hover {
			 	/*background:#821011;*/
			 	/*background:#1C54A0;*/
			 	color:#3A6302;
			 	/*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 40px;
			background-color:#fff;
            color: #555;
			font-size:1em;
			text-align:center;
		}
		#topheadername {
		}
  
        #topheadername h1 {
            font-size: 2em;
            font-weight : bold;
            line-height:1.4em;
        }
        
        #topheadername h2 {
            margin-top: 5px;
            font-size: 1.1em;
            font-weight : normal;
        }

        #topheadername h3 {
            margin-top: 0;
            font-size: 0.8em;
            font-weight : normal;
        }

		#topheadername a {
			text-decoration:none;
		}
		
		
		#header {
			
		}
		
		#header div {
			display:block;
			width:100%;
			max-height:240px;
			height:auto;
			background-color:#fff;
			overflow:hidden;
		}
		
		#header div img {
			max-width:100%;
			height:auto;
		}
		
		
		#menu-res {
			display:none;
		}
		
		
		
/* Der eigentliche Inhalt */

		#maincontent {
			overflow:hidden;
			min-height:150px;
			background-color:#fff;
			padding-bottom:10px;
		}
		
		#maincontent-left div {
			width:190px;
			float:left;
			padding:30px 15px 10px 25px;
		}
		
		#maincontent-right {
			margin-left:240px;
			padding:30px 40px 20px 10px;
			word-wrap:break-word;
		}
			
		
		/* Der linke 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;
		}
		
		
				
/* Unterstrich aus allen Menü-Links herausnehmen */

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



/* Submenu */

		ul.submenu {
			margin: 0px;
			padding: 0px;
		}
		li.submenu {
			margin: 0px;
			padding: 0px;
			list-style-type:none;
		}
		
		a.submenu { 
			display:block;
			color:#555;
			font-size:14px;
			padding:3px 0 3px 25px;
            font-weight:normal;
			/*border-bottom:1px #333 dotted;*/
		}
		
		a.submenu:hover {
			color:#000;
			background:#efefef;
		}
		
		
		a.submenuactive {
			display:block;
			font-size:14px;
            letter-spacing : 0em;
			padding:3px 0 3px 0;
			margin-left:25px;
			border-bottom:1px #999 dotted;
		}
		
		a.submenuactive:hover {
		}
		


/* Mainmenu */

		#mainmenu {
 
		}
				
		ul.mainmenu {
		}
		
		li.mainmenu {
			display:block;

			width:100%;
			font-size:15px;
			line-height:24px;
			margin:0;
		}
		
				
		a.menu {
			display:block;
			color:#555;
			font-weight:normal;
            letter-spacing : 0.05em;
			text-decoration:none;
			padding:5px 0 5px 10px;
			border-bottom:1px #999 dotted;
		}
		
		
		a.menu:hover {
			color:#000;
			background:#ededed;
		}
		
		a.menuactive {
			display:block;
            letter-spacing : 0.05em;
			font-weight:bold;
			text-decoration:none;
			padding:5px 0 5px 10px;
			border-bottom:1px #999 dotted;
		}
		
		a.menuactive:hover {
			color:#000;
		}
		
				
		
/* Detailmenu */

		ul.detailmenu {
			margin:0 0 10px 0;
            letter-spacing : 0.05em;
			padding:0;
            font-weight: normal;
     
            
		}
		li.detailmenu {
			width:100%;
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
        	
		
		
/* Footer */

		#footer {
			background-color:#333;
			min-height:20px;
			padding:15px;
			font-size:13px;
			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 */


        .searchblock {
            margin-top: 10px;
        } 
        
        
		.suchfeld {
		}
			
		fieldset#searchfieldset {
			border:none;
			margin:0px;
			padding:0 10px 0 10px;
		}
			
		input.searchtextfield {
    border                : 1px solid #ffffff;
    -moz-border-radius    : 5px;
    -khtml-border-radius  : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    width                 : 98%;
    height                : 30px;
    background-color      : #ffffff;
    margin-bottom         : 10px;
    padding-left          : 5px;
    color                 : #000000;
    -moz-box-shadow       : inset 0 0 5px #B0B0B0;
    -webkit-box-shadow    : inset 0 0 5px #B0B0B0;
    box-shadow            : inset 0 0 5px #B0B0B0;
		}
		input.searchtextfield:hover {
		}
			
		.searchbutton {
			margin:0;
			padding:0;
		}
		input.searchbutton {
		  border:none;
		  margin : -2px 0px -5px -30px;
		}		


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

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


/* 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:12px;
			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 solid;
					padding:2px 5px;
					text-align:left;
				}
				
				td.contenttable1 {
					vertical-align:top;
					border:1px #aaa solid;
					padding:2px 5px;
				}
				td.contenttable2 {
					vertical-align:top;
					border:1px #aaa solid;
					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;
				}
                
/** Inhalts/Newsbox = zusätzliches Syntaxelement **/

                div.newsbox {
                width:180px;
                min-height:120px;
                float:right;
                border:1.5px solid darkgrey;
                border-radius: 5px;
                padding:10px 5px 10px 15px;
                margin: 5px -6px 20px 15px;
                font-size: 0.8em;
                }
                
                /** Links in Inhalts/Newsbox **/
                .newsbox a, .newsbox a:link, .newsbox a:visited, .newsbox a:active {
                    font-weight     : normal;
                    color           : #5D5DC7;
                }
                
                .newsbox a:visited {
                    font     : italic;
                }
                
                .newsbox a:hover {
                    color: #555;
                }
                
                .newsbox a:active {
                    color  :black ;
                }