/* ================================== */
/*  Save Haven CSS : Layout Styles  */
/* ================================== */

/* --- Basic Layout -------------------------------------------------------- */

body {
  background: #e5eaa9;
  color:#1b1b1b;
  font-size:76%;
  line-height:120%;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom:5.8em;  
}

#pagecenter {  
  width: 72.4em;
  margin: 0 auto;
  font-size:1em;
  position:relative;
}

#top {
	width:100%;
	position:relative;
}

#topleft {
	float:left;
	margin:0 0 0 6em;
	width:10.5em;
	padding: 1.2em 0;
}

#topleft img {
   width:auto;
}

#topright {
	float:right;
	margin:3em 5em 0 0;
	width: 47em;
}

#page {
	margin:0 5em;
	background-color: #f8fae9;
	color:#1b1b1b;
	padding: 3.9em 1.6em 2.5em 9em;
	border: 1px solid #f8fae9;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  	border-radius: 7px;
}

#mainnav {	
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:100%;	
}

#cols {
  background: #f8fae9 url(../img/punktiert.png) repeat-y 37.5em 0;
  width:100%; 
  clear:left; 
}

#colnav {  	
	margin-left:38.5em;	
}

#colcontent { 
  float:left;
  width:35.6em;
  min-height:46em;
  position:relative; 
}

/* --- Navigation --------------------------------------------------------- */

#mainnav ul {
	list-style: none;
	margin: 0.6em 4.2em 0.5em 0;
	float:right;
}

#mainnav li {
	float:left;
	font-weight:bold;
	font-size:1.1em;
	padding: 0 0.3em;
}

#mainnav li.blog {
	margin:0 0.6em;
	padding-left:0.8em;
	background: url(../img/borderrot.png) no-repeat center left;
}

#mainnav li.fontsize {
	margin:0 0.6em;
	padding-right:0.8em;
	background: url(../img/bordergrau.png) no-repeat center right;
	font-size: 1.3em;
}

#mainnav li a, #mainnav li span {
	padding:3px;
	display:block;
	text-decoration:none;
	color: #1b1b1b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	border: 1px solid #e5eaa9;			
}

 #mainnav li a:hover, #mainnav li a:focus, #mainnav li a:active, #mainnav li a.active, #mainnav li span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	border: 1px solid #b4cc0f;
	background-color: #b4cc0f;
	color: #fff; 	
}

#mainnav li.blog a:hover, #mainnav li.blog a:focus, #mainnav li.blog a:active, #mainnav li.blog a.active, #mainnav li.blog span {
	border: 1px solid #d90014;
	background-color: #d90014;
	color: #fff;	
}

#mainnav li.fontsize a:hover, #mainnav li.fontsize a:focus, #mainnav li.fontsize a:active, #mainnav li.fontsize a.active, #mainnav li.fontsize span {
	border: 1px solid #e5eaa9;
	background-color: transparent;
	color: #d90014;	
}
#mainnav li.fontsize1 a:hover, #mainnav li.fontsize1 a:focus, #mainnav li.fontsize1 a:active, #mainnav li.fontsize1 a.active, #mainnav li.fontsize1 span {
	border: 1px solid #e5eaa9;
	background-color: transparent;
	color: #d90014;	
}

/* --- Subnavigation ---------------------------------------------------------------- */

#nav {   
  padding: 0;  
}

#nav ul {
	list-style:none;
	margin-bottom:1.6em;
	line-height:100%;	
}

#nav li {
	margin-bottom:0.25em;
}

#nav li li {
	margin-bottom:0.15em;
}

#nav ul ul {
	margin-left:0.8em;
}

#nav ul li a, #nav ul li span {
  display:block;
  padding:0 0.25em 0.25em 0.25em;
  text-decoration: none;
  font-weight:bold;
  font-size:1em;
  color: #1b1b1b; 
}


.blog #nav ul li a, .archive #nav ul li a, .single #nav ul li a, #nav ul li span {
	color: #d90014;
	border: 1px solid #f8fae9;
	padding:3px; 
}

.blog #nav ul li a:hover,
.blog #nav ul li a:focus,
.blog #nav ul li a:active,
.blog #nav ul li a.active,
.blog #nav ul li.current-cat a,

.archive #nav ul li a:hover,
.archive #nav ul li a:focus,
.archive #nav ul li a:active,
.archive #nav ul li a.active,
.archive #nav ul li.current-cat a,
.archive #nav ul li.current-cat-parent a,

.single #nav ul li a:hover,
.single #nav ul li a:focus,
.single #nav ul li a:active,
.single #nav ul li a.active,
.single #nav ul li.current-cat a,
.single #nav ul li.current-cat-parent a {
	color: #fff;
	background-color: #d90014;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d90014;
	text-decoration:none;
}

.blog #nav ul ul li a, .blog #nav ul ul li span, 
.archive #nav ul ul li a, .archive #nav ul ul li span,
.single #nav ul ul li a, .single #nav ul ul li span,
.archive #nav ul li.current-cat ul li a,
.single #nav ul li.current-cat ul li a,
.archive #nav ul li.current-cat-parent ul li a,
.single #nav ul li.current-cat-parent ul li a
 {
	color: #d90014;
	border: 0;
	font-weight:normal;
	background-color: transparent;
}

.blog #nav ul ul li a:hover,
.blog #nav ul ul li a:focus,
.blog #nav ul ul li a:active,
.blog #nav ul ul li a.active,
.blog #nav ul ul li span,

.archive #nav ul ul li a:hover,
.archive #nav ul ul li a:focus,
.archive #nav ul ul li a:active,
.archive #nav ul ul li a.active,
.archive #nav ul ul li span,
.archive #nav ul li.current-cat-parent ul li.current-cat a,

.single #nav ul ul li a:hover,
.single #nav ul ul li a:focus,
.single #nav ul ul li a:active,
.single #nav ul ul li a.active,
.single #nav ul ul li span,
.single #nav ul li.current-cat-parent ul li.current-cat a {
	color: #d90014;
	background-color: #f8fae9;
	border: 0;
	font-weight:bold;
}

#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active,
#nav ul li a.active,
#nav ul li span {
 color: #d90014;
 text-decoration:underline;
}

#nav ul li span {
	text-decoration:none;
}

#nav blockquote p {
	font-size:1.2em;
	color: #b4cc0f;
	margin-top:3em;
	margin-left:0.25em;
	line-height:120%;
	font-weight:normal;
	padding-bottom:1em;
	margin-bottom: 0;	
}

#nav blockquote p.secret {
	margin-top:1em;
}



#nav strong {
	color: #1b1b1b;
	font-weight:normal;
}

#nav blockquote a {
	color: #b4cc0f;
}

#nav blockquote  a:hover,
#nav blockquote  a:focus,
#nav blockquote  a:active {
 color: #1b1b1b;
}

#nav cite {
	text-transform: uppercase;
	font-size:0.9em;
	font-style: normal;
	margin-left:0.25em;	 
}

#nav .small {
	font-size:0.8em;
	margin:0.5em 0 0 0.25em;	
	line-height:110%;
}
 
/* --- Content  ------------------------------------------------------------ */

#content {
	padding: 0;
}

/* --- Footer -------------------------------------------------------------- */

#footer {	
	clear:both;	
	margin: 0.8em 0;
}

#footer a {
	color: #1b1b1b;
	text-decoration: none;
}

#footerleft {
 	float:left;
	margin-left:14.17em;	
	width:37.25em;
}

#footerright {
	margin-left: 52.6em;	
}

#footerright ul { 
	list-style:none;	
}

#footerright ul li {
  float:left;
  font-weight:bold; 
}

#footerright li.impressum {
	margin:0 0.25em 0 0;
	padding-right:0.3em;
	background: url(../img/bordergrau.png) no-repeat center right;
}

#footerright a, #footerright span {
  color:#1b1b1b;  
  padding:0 0.25em;
  text-decoration: none; 
}

#footerright  a:hover,
#footerright  a:focus,
#footerright  a:active,
#footerright span {
 color: #dc3a3a;
 text-decoration:underline;
}

#footerleft  a:hover,
#footerleft  a:focus,
#footerleft  a:active {
 color: #dc3a3a;
 text-decoration:underline;
}


/* === Special Function Elements =========================================== */

/* --- skiplinks ----------------------------------------------------------- */

#skiplinks {
  width: 100%;
  margin: 0 auto;
  position: absolute; 
  
}

#skiplinks p a {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
  background-color: #f8fae9;
  color: #1b1b1b;
  font-weight:bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f8fae9;
}

#skiplinks p a:focus, 
#skiplinks p a:hover, 
#skiplinks p a:active {  
  display: block;
  height: auto;
  left: 32.2em;
  padding: 0.2em 0.5em;
  position: absolute;
  overflow: visible;
  text-decoration: none;
  top: 0.5em;
  white-space: nowrap;
  width: auto;
  z-index: 100;
  
}

/* --- hidden elements ----------------------------------------------------- */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: auto;
  width: 0;
}

.none {
	display:none !important;
}

/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */