/* ========================= Allgemeine Einstellungen ==================================== */
canvas {
    -ms-touch-action: double-tap-zoom;
}
html {
	font-size: 62.5%;
	}
* {
	margin: 0px;
	padding: 0px
	}
	
body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica,"Nimbus Roman No9 L", FreeSerif, sans-serif;
	font-size: 1.2em;
	line-height:18px;
	/*background-color:#EBEBEB;*/
/* ------------------------Farbverlauf für Webseitenhintergrund--------------------------------------------------------------*/
	/* IE10 Consumer Preview */ 
/*background-image: -ms-linear-gradient(bottom, #4369AD 0%, #23375C 100%);*/

/* Mozilla Firefox */ 
/*background-image: -moz-linear-gradient(bottom, #4369AD 0%, #23375C 100%);*/

/* Opera */ 
/*background-image: -o-linear-gradient(bottom, #4369AD 0%, #23375C 100%);*/

/* Webkit (Safari/Chrome 10) */ 
/*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4369AD), color-stop(1, #23375C));*/

/* Webkit (Chrome 11+) */ 
/*background-image: -webkit-linear-gradient(bottom, #4369AD 0%, #23375C 100%);*/

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #4369AD 0%, #23375C 100%);		
	color:#000000;
	}
#overwrapper {
	width:100%;
		}
h1 {
	font-size:2.5em;
	}
h2 {
	font-size:1.6em;
	text-align:center;
	}
h3 {
	font-size:1.4em;
	}
h4,h5,h6 {
	font-size:1.2em;
	}
h6 {
	font-weight:normal;	
	font-style:italic;
	}
p.bildzahl {
	font-size:0.8em;
	font-weight:normal;
	font-style:italic;
	}
a:link {
	color:blue;
	}
a:visited {
	color:blue;
	}
a:active {
	text-decoration:none;
}
a:focus {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	color:red;
	}


#wrapper {
	background-color:#5C5C5C;
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0px auto;
	border:1px solid black;
}
/* ----------------Header mit Slideshow----------------------------------------*/
#header {
	clear:both;
	/*border-top:5px solid black;*/
	/*border-bottom:1px solid black;*/
	/*background-image:url(../images/img_header/header02.jpg);*/
	background-repeat: no-repeat;
	overflow:hidden;
	/* background-color:#FF9900; */
	max-height:500px;
	width:100%;
	margin:0px auto;
	color:#fff;
}
#header.maxbreite{
	max-width:1200px;
}
/*---------------------------------Slideshow HTML5 & Canvas----------------------------------------*/
#slideshow{
    background-color:#F5F5F5;
    border:1px solid #FFFFFF;
	height:400px;
    margin:0px auto 0;
    position:relative;
    max-width:1200px;

   /* -moz-box-shadow:0 0 22px #111;
    -webkit-box-shadow:0 0 22px #111;*/
   /* box-shadow:0 0 22px #111;*/
}

#slideshow ul{
    height:100%;
    left:0px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:0px;
    width:100%;
}

#slideshow li{
    position:absolute;
    display:none;
    z-index:10;
}

#slideshow li:first-child{
    display:block;
    z-index:1000;
}

#slideshow .slideActive{
    z-index:1000;
}

#slideshow canvas{
    display:none;
    position:absolute;
    z-index:100;
}

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    /*background:url('../images/img_website/arrows.png') no-repeat;*/
	top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}
/* ------------- Titel --------------*/
#titel{
	height:40px;
	width:100%;
	font-family: "Palatino Linotype Italic";
	font-style: italic;
	font-size: 1.2em;
	/*background-color:#fff;*/
	background-color:#f2fdff;
	padding-top:10px;

	}
	/*text-shadow:#5C5C5C 3px 3px 5px;*/

/* ------------- Obere Navigation ----------------- */
#navigation {
	border:none;
	background-color:#5C5C5C;
	height:auto;
	width:100%;
	margin:0px;
	color:#000;
	

}
#navigation a:link{
	color:black;
	}
#navigation a:visited{
	color:black;
	}
#navigation a:hover{
	text-decoration:none;
	font-weight:bold;
	color:red;
	}

#navigation ul {
	list-style:none;
	position:relative;
	}
#navigation ul ul {
	float:none;
	position:absolute;
	border-top:1px solid #000;
	}
#navigation ul li {
	position:relative;
	}
#navigation ul li ul {
	position:absolute;
	top:100%;
	display:none;
	}
#navigation ul  li:hover ul {
	display:block;
	}
#navigation li {
	float:left;
	font-size:1.4em;
	text-align:center;
	border-right: 1px solid black;
	width:25%;
	background-color:#5C5C5C;
	}
#navigation li a:link{
	color:black;
	}

#navigation li li {
	position:absolute;
	display:block;
	float:none;
	width:auto;
	text-align:center;
	background-color:#D1D1D1;
	}
#navigation a {
	display:block;
	padding:8px 8px 6px;
	}
#navigation li.active a{
	display:block;
	background:#ffffff;
	}
#navigation li.active li a{
	display:block;
	padding:6px 0px 6px 10px;
	background:#b0b0b0;
	}



/* --------------------Linkes Menü und Twitter-Interface-------------------- */
/* --------------------Ist jetzt Teil der Navigation und befindet sich zwischen Titel und Content-----------------*/
#menue {
	float:left;
	background-color:#5C5C5C;
	height:auto;
	width:100%;
	color:#000;
	border-top:2px solid black; 
	text-align:center;
	/*list-style-type:none;*/
	position:relative;
	z-index:1;	

}
#menue li{
	list-style-type:none;
	text-align:center;
	display:block;
	border: none;
	padding:0px;
	background-color:#6E6E6E;
	}
/*------------------------    Navigation   ---------------------------------------------------------------*/

		


/* --------------- Der eigentliche Inhalt mit den Verlinkungen zu den anderen Seiten ----------------- */
#content {
	float:left;
	background-image: linear-gradient(to top, #D4E4F1 0%, #4469AF 100%);
	height:auto;
	width:100%;
	color:#000;
	font-size:1.2em;
	font-weight:600;
	text-align:center;
	/*list-style-type:none;*/
	position:relative;
	z-index:1;
}
#willkommen {
	/*background-image:url(../images/img_website/verlauf4.jpg) ;*/
	}
#content p.right {
	text-align:right;
	}
#einleitung {
	padding: 0px 30px 0px 30px;
	/*background-image:url(../images/img_website/verlauf4.jpg) ;*/
	}
#einleitung ul.abfrage {
	/*list-style:none;*/
	font-size:1.2em;
	text-align:justify;
	}
#einleitung a:link {
	color: black;
	}
#einleitung a:visited {
	color: black;
	}
#einleitung a:hover {
	color: #EBEBEB;
	}

/* --- Die jeweils neuen Fotos zu viert in einer Reihe nebeneinander (Es könnten auch mehr sein, dann werden es eben mehrere Reihen!) --- */
#neuebilder {
	float:left;
	width:100%;
}
#foto,
#fotos{
	float:left;
	width:100%;
	/*background-color:#7c9cc4;*/
	
}

#foto a:link {
	color:#E8E8E8;
	}
#foto a:visited {
	color:#E8E8E8;
	}
#foto a:hover{
	color:red;
	}
#foto ul{
	list-style:none;
	float:left;
	margin-left:30px;
	}

#fotos ul{
	list-style:none;
	float:left;
	margin-left:30px;
	}

#neuebilder ul{
	list-style:none;
	float:left;
	margin-left:100px;
	}
/* Die Boxen 2, 3 und 4 sind nur auf der Startseite vorhanden */
ul#nbboxen,
ul#boxen,
ul#boxen2,
ul#boxen3,
ul#boxen4{
	width:100%;
	float:left;
	text-align:center;
	margin:10px 8px;
	}
ul#nbboxen li,
ul#boxen li ,
ul#boxen2 li,
ul#boxen3 li,
ul#boxen4 li{
	list-style-type:none;
	margin:5px 5px 5px 5px;
	}
/* Die Klasse .rund sorgt für abgerundete Ecken bei den Thumbnails der index.php ! */
.rund{
	border-radius: 10px;
  /* -moz-border-radius:10px;
   -khtml-border-radius:10px;*/
	}

ul#boxen2 li  a:link {
	color:black;
	text-decoration:none;
	}
ul#boxen2 li  a:visited {
	color:black;
	text-decoration:none;
	}
ul#boxen2 li a:hover {
	color: #EBEBEB;
	}

/*#nbboxen li {
	width:23%;
	float:left;
	margin:10px 8px;
	text-align:center;
}*/
	
#boxen li,
#boxen2 li,
#boxen3 li,
#boxen4 li{
	width:23%;
	float:left;
	margin:10px 8px;
	text-align:center;
	}

/*#boxen li  a:link {
	color:E8E8E8;
	}
#boxen li  a:visited {
	color:E8E8E8;
	}*/


#footer {
	clear:both;
	/*background-image:url(../images/img_website/footer_image02.jpg);*/
	background-color:#f2fdff;
	height:220px;
	width:100%;
	margin:auto;
	}
#footer a:link {
	color:black;
	text-decoration:none;
	}
#footer a:visited {
	color:black;
	text-decoration:none;
	}
#footer a:hover {
	color:black;
	text-decoration:none;
	}

#foonav {
	/*border:1px solid black;
	background-color:#FFCC99;
	height:40px;
	width:1200px;
	margin:auto;
	color:#000;*/
	} 
#aktualisierung{
	font-size:1em;
	list-style-type:none;
	overflow:hidden;
	/*background-image:url(../images/img_website/footer_image02.jpg);*/
	padding:0px;
	margin:0px 0px 20px 20px;
	}
#aktualisierung li {
	width:25%;
	float:left;
	padding:10px;
	margin-right:20px;
	}


	/* Einstellungen jquery_box */
/* --------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<---*/
/* --------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* --------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<-*/
/* --------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}