﻿
/* Reset der Standardanweiungen in den Browsern für Listen */
html, body, p, h1, h2, h3, h4, img, table, tr, td, ul, li, hr, a { 
margin:0px;
padding:0px; 
border:0px; 
}

/* Farben 
beige: #fce5cb
rot: #910100
*/

/* Formate der Standardtags mit normaler Schriftgröße */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#444444;
	background:#fce5cb;
	}
             
a:link       { color:#910100}
a:visited    { color:#910100}
a:hover      { color:gray}


                                           
p   { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px; 
    line-height:150%; 
	margin-top:10px; 
	text-align:left;
	color:#666666
	}
h1  { 
	font-family:'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
	color:dimgray; 
	font-size: 22pt; 
	line-height: 130%; 
	margin-top:20px; 
	margin-bottom:30px; 
    font-weight:normal; 
	text-align:left 
	}
               
               
h2  { 
	font-family: 'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; 
	color:#910100; 
	font-size: 22pt; 
    line-height: 100%; 
	margin-top:20px; 
	padding-bottom:5px; 
	text-align:left;     
	font-weight:normal; 
	border-bottom:0px dotted silver;
	margin-bottom:0px
	}
               
h3           { border-bottom:1px solid #e5e5e5; font-size: 14px; font-weight: bold; 
               line-height: 150%; margin-top:10px; text-align:left }
h4           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; 
               line-height: 120%; margin-left:7px; margin-right:10px; 
               margin-top:8px; margin-bottom:0px }
h5           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-align:left; 
               line-height: 120%; margin-left:0px; margin-right: 10;  margin-top:8px; margin-bottom:0px }
h6           { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; line-height:120%; 
               text-align:left; margin-left: 10px; margin-bottom:2px; margin-top:2px }
 
         
li           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px;
               list-style-type:none; list-style-image:none ; line-height: 150%; 
               text-align:left; margin-top:5px  }
ul           { margin-top:0px;
				margin-left:0px
				 }
.body1 {
	background: url('bilder/hinten.jpg') no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:280px;
	margin-top:0px;
	padding:0px;
	  top: 0px;
	  border:1px solid white
	}
.body2 {
	background: url('bilder/strand-2.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:550px;
	margin-top:0px;
	padding:0px;
	vertical-align: bottom;
	top: 0px;
	border:1px solid white

	}



.fix {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color:#ffffff;
  margin:0px 0px 410px 0px;
  width: 100%;
  padding: 3px 0px 3px 0px;
  z-index:500;
  	-webkit-box-shadow: 0px 0px 0px silver;
    -moz-box-shadow: 0px 0px 0px silver;
    box-shadow: 0px 0px 0px silver;

}

.headerkasten  {
   margin: 110px auto; 
   width:900px;
   }

.headerinhalt  {
   width:400px;
   padding:20px;
   color:white;
   background:#910100;
   font-family: 'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; 
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;;
	-khtml-border-radius: 10px;
	border-radius: 10px;


   }
.headerinhalt p {
   color:white;
   font-size:22px;
   margin-top:0px;
   font-family:'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif
   }




.rot {
	background-color:#910100;
}

.rot p {
	font-size:1.0em;
	color:white;
}
.rot a {
	color:white;
}
.rot a:hover {
	color:#ff6600;
}

.rot-allein {
	background-color:#910100;
	padding-top:70px
	}
.rot-allein p {
	color:white;
}
.rot-allein h1 {
	color:white;
}
.rot-allein h2 {
	color:white;
	margin-top:30px;
	font-size:20px
}
.rot-allein li {
	color:white;
	margin-left:30px;
	list-style-type:disc;
}


.rot-allein a {
	color:white;
}
.rot-allein a:hover {
	color:#ff6600;
}

.grau {
	background-color:#333333;
}

.grau p {
	font-size:1.0em;
	color:white;
}

.textbereich {
  padding: 20px 0px 40px 0px;
}

.textbereich900 {
  width:900px;
  margin:auto;
  padding:20px 0px 50px 0px
}


.container770 {
  width:770px;
}

.socialicondiv {
  margin:20px 0px;
}

a.socialIcons:hover {
	opacity: .5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}


.headtext  { 
	font-family:'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
	color:gray; 
	font-size: 22px; 
	line-height: 130%; 
	margin-top:10px; 
	margin-bottom:10px; 
    font-weight:normal; 
	text-align:left 
	}

.zelle-padd-rechts {
  padding:0px 20px 40px 0px
}

	
.bilderrahmen { 
	margin:0px 0px 0px 0px;
	border:5px solid white;
	-webkit-box-shadow: 0px 0px 10px #4e0000;
    -moz-box-shadow: 0px 0px 10px #4e0000;
    box-shadow: 0px 0px 10px #4e0000;
	}	  		  		  
		  		  		  
.bilderrahmen-weiss { 
	margin:0px 0px 35px 0px;
	border:5px solid white;
	-webkit-box-shadow: 0px 0px 10px #4e0000;
    -moz-box-shadow: 0px 0px 10px #4e0000;
    box-shadow: 0px 0px 10px #4e0000;
	}
	
a.heller:hover {
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */	
	}

	
.bilderrahmen-weiss-beige { 
	margin:0px 0px 35px 0px;
	border:5px solid white;
	-webkit-box-shadow: 0px 0px 10px #b6a485;
    -moz-box-shadow: 0px 0px 10px #b6a485;
    box-shadow: 0px 0px 10px #b6a485;
	}

	
		  		  		  
.teambild { 
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 5px;
	text-align: center;
	color: #910100;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 10px #4e0000;
    -moz-box-shadow: 0px 0px 10px #4e0000;
    box-shadow: 0px 0px 10px #4e0000;
	}	  		  		  
.teambild p { 
	text-align: center;
	color: #910100;
	}	  		  		  

.teaser {
	font-size:16px;
	font-style:italic;
	margin-bottom:30px
	}
}

	 
.kasten      {
	border: 1px solid #e5e5e5; 
	padding: 20px; 
	background: whitesmoke; 
	text-align:left; 
	color:#666666; 
	margin:0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 12px silver;
    -moz-box-shadow: 0px 0px 12px silver;
    box-shadow: 0px 0px 12px silver;
	}
	
	 
.fusszeile {
	border-top:1px solid silver;
	padding-top:5px;
	font-size:0.7em; 
	margin:30px 0px 15px 0px;
	 }
	 
.fusstext {
	color:white;
	margin:2px 0px;
	font-size:11px;
	}
.fusstext a {
	color:white;
	text-decoration:none
	}

.fusstext a:hover {
	text-decoration:underline;
	color:#676767
	}

	 
	
.navcontainer ul {
	border: 0;
	margin: 0px 0px 0px 10px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
.navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0; list-style-type:disc
	}
.navcontainer ul li a {
	width:auto;
	color: gray;
	padding:7px 10px 7px 10px;
	text-decoration: none;
	border-left:0px solid #a1c249;
	margin-right:20px;
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	font-family:'Noto Sans', "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; 
	}
.navcontainer ul li a:hover {
	color: white;
	background: #be1a1b url('../bilder/tab-o.gif');
	background-repeat:repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	}
.navcontainer a:active {
	color: gray;
	}
.navcontainer li#active a {
	border: 0px solid silver;
	color: gray;
	}
.navcontainer a:visited {
	color: gray;
	}



.terminzelle-titel {	
	padding:5px;
	color:#910100;
	border-bottom:1px dotted #910100
	} 
.terminzelle-titel td {	
	padding:5px;
	border-bottom:1px dotted #910100
	} 
.terminzelle-titel p {	
	color:#910100;
	font-weight:bold;
	font-size:1.1em
	} 

.terminzelle {	
	padding:5px;
	color:#910100
	} 
.terminzelle td {	
	padding:5px;
	} 
.terminzelle p {	
	color:#910100
	} 

.terminzelle-kontrast {	
	background:white;
	padding:5px
	} 
.terminzelle-kontrast td {	
	background:white;
	padding:5px
	} 
.terminzelle-kontrast p {	
	color:#910100
	} 


.div-weissrand {	
	padding:15px;
	border:1px dotted white;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 0px 10px #4e0000;
    -moz-box-shadow: 0px 0px 10px #4e0000;
    box-shadow: 0px 0px 10px #4e0000;
	} 


.div-dunkelrand {	
	padding:15px;
	border:1px dotted dimgray;
	margin-bottom:40px;
	-webkit-box-shadow: 0px 0px 10px #4e0000;
    -moz-box-shadow: 0px 0px 10px #4e0000;
    box-shadow: 0px 0px 10px #4e0000;
	} 


	

/* Buttons */

.button {	
	margin:25px 0px 35px 0px;
	} 
.button a {
	color:#910100;
	text-decoration:none;
	font-size: 14px;
	background-color:#fce5cb;
	font-weight: normal;
	padding: 10px;
	margin-right:15px;
	text-align:center;	
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    -webkit-box-shadow: 0px 0px 5px #4f0100;
    -moz-box-shadow: 0px 0px 5px #4f0100;
    box-shadow: 0px 0px 5px #4f0100;
	   	
	} 
.button a:hover {
	background-color:#910100;	
	color: #fce5cb;
	font-weight:normal;	
	} 
	
	
	
.button2 {	
	margin:25px 0px 35px 0px;
	} 
.button2 li a {
	color:#910100;
	text-decoration:none;
	font-size: 14px;
	background-image:url('bilder/button-beige.png');
	background-repeat:no-repeat;
	font-weight: normal;
	padding: 10px;
	margin-right:15px;
	text-align:center;	
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    -webkit-box-shadow: 0px 0px 5px #4f0100;
    -moz-box-shadow: 0px 0px 5px #4f0100;
    box-shadow: 0px 0px 5px #4f0100;
	   	
	} 
.button2 a:hover {
	background-color:#910100;	
	color: #fce5cb;
	font-weight:normal;	

	} 

