@charset"utf-8";

/*---------------------------------------------
Elemente-Selektoren - Allgemeine Einstellungen
----------------------------------------------*/
*{
	margin:0;
	padding:0;
}

html{
	height:101%;
	/*background: #FBEFEF;
	background: white url(../img/PhSa_Vertikale_Wiederholung6.jpg) repeat-x;*/
}

body{
	/*background: #DDD url(../img/bg.gif) repeat-x;*/
	/*RGB - Rot - grün - blau / von 00 bis FF  / 000000 ist schwarz bis weiss FFFFFF / ff0000 ist rot / 00ff00 ist grün / 0000ff ist blau */

	font-family: Arial, Verdana, sans-serif;
	/*font-family: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;*/
	font-size: 90%;
	/* 100% -> 16px  -> 1em*/
	color: #000;
}

#wrapper
	{
	background-color: white;
	width:940px;
	position: relative;
	border: 3px solid #990000;  	
	}
div#wrapper
	{
	background-color: white;
	width:940px;
	margin:5px auto;
	background: #FBEFEF;
	/*background: white url(../img/PhSa_Vertikale_Wiederholung6.jpg) repeat-x;*/
	}

header{
	background: white url(../img/PhSa_Kopf.jpg) repeat-y;
	color: #770000;
	height:70px;
	font-size: 300%;
}
nav{
	position: relative;
	z-index: 999;
	background: white url(../img/PhSa_Kopf.jpg) repeat-y;
	border-bottom: 3px solid #990000; 
}



#kopf1 {
	width: 65%;
	padding: 1px 0px 0px 5px;
	margin-top: 5px;
	margin-left: 5px;
	float:left;
	}
#kopf2 {
	width: 200px;
	height: 62px;
	padding-top: 1px;
	margin-top: 5px;
	margin-right: 5px;
	float:right;
	}

section#content{
	/*position: absolute;/**/
	z-index: 2;
}

#Bereich_links{
  float: left; 
  width: 300px; 
  min-height: 500px;
}
#Bereich_links_schmal{
  float: left; 
  width: 200px; 
  min-height: 500px;
}
#Bereich_links_innen{
  padding-left: 0px;
}

#Bereich_rechts{
  /*float: right;*/
  margin-left: 310px; 
 }
#Bereich_rechts_breit{
  /*float: right;*/
  margin-left: 210px; 
}
#Bereich_rechts_innen{
	  margin: 0px 0px 0px 0px;
	  padding: 0px 10px 5px 10px;
}

footer{
	/*background: #CCC url(../img/PhSa_Fuss.gif) repeat-y !important;*/
	clear: both;
}

#fussbereich {
	height: 40px;
	background: white url(../img/PhSa_Kopf.jpg) repeat-y;
	font: 80% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #770000;
	margin: 0;
	padding: 5px;
	border-top: 3px solid #990000;  

}
#fuss1 {
	width: 35%;
	margin: 0;
	padding:2px 0px 0px 5px;
	float:left;
	}
#fuss2 {
	width: 25%;
	margin: 0;
	padding:2px 0px 0px 0px;
	text-align: center;
	float:left;
	}
#fuss3 {
	width: 25%;
	margin: 0;
	padding:2px 5px 0px 0px;
	text-align: right;
	float:right ;
	}

h1{
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 125%;
	color:#999;
	padding-top: 6px;
	padding-bottom:6px;
	text-transform: uppercase;
}

h2{
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 100%;
	color:#666;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom:4px;
}
h3{
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 80%;
	color:#666;
	padding-top: 6px;
	padding-bottom:4px;
}
section{
	/*background-color:#fff;*/
	padding:10px 12px 10px 10px;
	/*border: 3px solid red;*/
}

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 15px;
   padding-left: 5px;
}

p{
	padding-bottom:8px;
}
/*---------------------------------------------
Hyperlinkformatierungen
----------------------------------------------*/
a{
	text-decoration: none;
}
a:link{
	color:#770000;/* V2-10.11.2013 sonst je nach Browser unterschiedlich */
}
a:visited{
	color:blue;
}

a:hover{ /*Mauszeiger darüber schwebend*/
	background-color:red;
	color:white;
}
a:active{
	color:purple;
}

#content a:link{
	color:maroon;
	text-decoration: underline;
}

#content a:visited{
	color:blue;
	text-decoration: underline;
	
}
#content a:hover{
	background-color: transparent;
	text-decoration: none;
	color:#777777;/* V2-10.11.2013 sonst je nach Browser unterschiedlich */
}

/*---------------------------------------------
Dropdown-Menü gemäss Anleitung
----------------------------------------------
#navi{
	width: 800px;
	background-color: red;
}

li{
	list-style-type: none;
}

#navi li {
	width:160px;
	float:left;
}

#navi li ul {
	display:none;
}

#navi li:hover ul{
	display:block;

}

/*---------------------------------------------*/


/*----------------------------------------------
Dropdown-Menü - Menümaker
-----------------------------------------------*/
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  width: auto;
}
#cssmenu ul {/*menübalken;*/
  	background: white url(../img/PhSa_Kopf.jpg) repeat-y;
  /*background: #72D6E1;*/
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  /*background: #72D6E1 url(../img/seperator.png) bottom right no-repeat;*/
  background: transparent; url(../img/seperator.png) bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #990000;
}
#cssmenu ul ul a {
  color: #ccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  /*background: #500000 url(../img/hover.png) bottom center no-repeat;*/
  background: #8A0829 url(../img/hover.png) bottom center no-repeat;
  color: #fff;
  text-decoration: none;
}
#cssmenu li ul {
  /*background: #2580a2;*/
  background: #500000;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 150px;
  z-index: 200;
  /*top:1em
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url(../img/sub_sep.png) bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 150px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  /*background: #090 url(../img/hover_sub.png) center left no-repeat;*/
  background: #8A0829 url(../img/hover_sub.png) center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}

/*---------------------------------------------*/
.bildumfliessen{
	float: left;
	margin-right:12px;
	margin-bottom:12px;

}
.hervorheben{
	background-color: purple;
	color:#fff;

}

.bilderrahmen{
	border: 3px solid #666;
}

/*---------------------------------------------
IE-Box
----------------------------------------------*/

#ie-fix{
	width: 300px;
	height:30px;
	text-align: center;
	/*padding-top:45px;*/
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	margin:auto;
	position: absolute; /*absolut zum Elternelement*  => das Elternelement auch positioniert sein muss!!*/
	left:410px;
	top: 15px;
	display: none;
}

@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }

/*---------------------------------------------
Druckversion
----------------------------------------------
@media print{ 
		body{
			color:#000;
			font-family: Times, serif;
			background-color: #fff;
			}

		#wrapper{
			width: 100%;
			}

		nav, #ie-fix{
		display:none;
			}

		a[href]:after {content:" [Adresse: "attr(href)"] ";
			}
	}
*/
/*---------------------------------------------
Media Queries
----------------------------------------------*/
@media only screen and (max-width:480px){
	body{
		background-color: #F3F;
			}
	header{
		/*background: #CCC url(../img/header.jpg) no-repeat;
		height:300px;*/
			}
}


/*----------------------------------------------
 * jQuery Nivo Slider v3.2
 -------------------------------------------------------*/
 
/* The Nivo Slider styles */
.nivoSlider {
	margin-left: 100px;
	margin-top: 5px;
	border: 2px solid grey;  /* 	zeigt dann Boxen an nur für Wartungszwecke*/
	position:relative;
	width:80%;
	min-height: 600px; /*V2 - 10.11.2013 -vorher 	height:auto;*/
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-height: 552px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption { /*beschrifteter Balken*/
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left: 70px;
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*default-Theme*/

/*
Skin Name: Nivo Slider Light Theme
Skin URI: http://nivo.dev7studios.com
Description: A light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-light.slider-wrapper {
    background: #fff;
	background: #FBEFEF;
}
.theme-light .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    overflow: visible;
}
.theme-light .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-light .nivoSlider a {
	border:0;
	display:block;
}

.theme-light .nivo-controlNav {
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 10;
	padding-left:38px;
}
.theme-light .nivo-controlNav a {
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-light .nivo-controlNav a.active {
	background-position:0 100%;
}

.theme-light .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	top: auto;
	bottom: -36px;
	z-index: 11;
}
.theme-light .nivo-directionNav a:hover {
    background-color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.theme-light a.nivo-nextNav {
	background-position:160% 50%;
	right:0px;
}
.theme-light a.nivo-prevNav {
    background-position:-60% 50%;
    left: auto;
	right: 35px;
}

.theme-light .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-light .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-light .nivo-caption a:hover {
    color:#fff;
}

.theme-light .nivo-controlNav.nivo-thumbs-enabled {
	width: 80%;

}
.theme-light .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
	margin-left:20px;
}
.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}