﻿/* Global */

html

/* Seite einrichten */

body { margin:0 auto; background-color:#eeeeee; 
		font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; }


/* Überschriften */

h1 { color:white; font-weight:bold; } 
h2, h3, h4, h5 { color:#000000; font-weight:bold; }

h1 { font-size:30px; }
h2 { font-size:24px; }
h3 { font-size:18px; background-color:#a9a9a9; }
h4 { font-size:14px; color:#3333FF; padding:10px 0 0 0 }
h5 { font-size:12px; color:#000099; padding:5px 0 0 5px; margin:0; height:15px; }


/* Container */

#wrapper { width:980px; margin:0px auto; background-color:#cccccc; position:relative;
			min-height:100%; height:auto !important; height:100%;}


/* Kopfzeile */

#kopfzeile h1 { background-color:grey; width:auto; padding:10px; 
					border-bottom:5px #000000 solid; margin:0px auto; }


/* Foto Leiste */
				
#fotozeile ul li { display:inline-block; vertical-align:middle; }
#fotozeile img { padding:10px 0 0 0; margin:0; }


/* Navigations container */

.navbar { overflow:hidden; background-color:#333; height:50px; }

/* Links inside the navbar */

.navbar a { float:left; font-size:14px; color:white; text-align:center;
  				padding:15px 10px; margin:0; text-decoration:none; }

/* Add a background color to navbar links on hover */

.navbar a:hover, .dropdown:hover .dropbtn { background-color:#770000; }


/* Begrüßung */

#willkommenzeile h2 { margin:5px; padding:10px; }


/* Haupttextbereich */

#textfeldlinks { float:left; width:490px; background-color:#D3F3CF; overflow:auto;
					padding:10px 5px 10px 5px; margin:5px 5px 30px 20px; border:3px #000000 solid; }
#textfeldlinks h3 { margin:5px 5px 10px 5px; }	
#textfeldlinks h4 { margin:5px 5px 10px 5px; }				 
#textfeldlinks p { margin:5px; line-height:150%; }
#textfeldlinks li { margin:5px; line-height:125%; }
#textfeldlinks ul { padding:5px 0 5px 15px; margin:1px; line-height:125%; }



/* Textfeld rechts */

#textfeldrechts { float:right; width:390px; background-color:white; overflow:auto; 
					padding:10px 5px 10px 5px; margin:5px 5px 30px 20px; border:3px #000000 solid; position:fixed right; }
#textfeldrechts h3 { margin:5px 5px 10px 5px; }
#textfeldrechts p { margin:5px; line-height :150%; }
#textfeldrechts a { margin:5px; line-height :150%; }



/* Cookie-Banner */

#cookie-banner { display:inline-block; position:fixed center; background-color:#FFFF99; text-decoration:none;
					width:960px; height:45px; text-align:center; color:#000; font-size:12px; line-height:15px;
						margin:auto 0px 5px 0px; padding: 10px; z-index:10000; bottom:5px;
						background:-moz-linear-gradient(bottom);
						background:-webkit-gradient(linear);
						background:-webkit-linear-gradient(bottom);
						background:-o-linear-gradient(bottom);
						background:-ms-linear-gradient(bottom);
						background:linear-gradient(to bottom);
						filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0 ); }

#cookie-banner a:link { color:#3366FF; text-decoration:underline; }


/* Fußnote */

#fusszeile { clear:both; background-color:#000000; width:980px; padding:1px 0 1px 0; margin:5px 0 0 0; }
#fusszeile p { text-align:center; color:#ffffff; }

