/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}



html, body, div, span, h1, h2, h3, h4, p, a, img,  ul, li,  table, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
}

body {
	background:  url('img/grain_light.gif');
	color: #5A5A50;
	height: 100%;
	line-height: 18px;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	padding-bottom: 1px; /* force scrollbars */
}

img {border: none;}


/* 
   Typography 
------------------------------------------------------------------- */

p {padding:5px 0px;}

p.back {margin-top: 20px;}
p.sans {padding:0px 0px;}

h1 {font: normal 25px 'Open Sans', sans-serif; color: #f4e1e1;}
h2 {font: normal 19px 'Open Sans', sans-serif; color: #543; margin-bottom: 20px;}
h3 {font: normal 15px 'Open Sans', sans-serif; color: #543; margin: 20px 0 5px 0;}
h4 {font: normal 14px 'Open Sans', sans-serif; color: #543; margin:20px 0 0 0;}
h3.klima { margin-bottom: 15px; margin-top: 45px;}
ul {padding:5px 0px;}
ul li { list-style: square; padding: 2px 0; line-height: 18px;}
ul li.link {list-style: square; color: #b30000;}
ul li.link a { color: #5A5A50;}

/* 
   Links 
------------------------------------------------------------------- */

a {color: #9d0828; text-decoration: none;}
a:hover {text-decoration: underline;}

a.back{font-size: 11px; 	color: #5A5A50; text-decoration: none; padding-top: 20px;}
a.back:hover {color: #9d0828; text-decoration: none;}


/* 
   Images 
------------------------------------------------------------------- */

img.left {margin: 0 15px 12px 0;}
img.right {margin: 0 0 15px 12px;}
img.thumbnail{width: 75px; height: 75px;}
img.title{margin-top: 30px;}

/* 
   Floats
------------------------------------------------------------------- */

.left {float: left;}
.right {float: right;}


.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


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

/* Header */


.center_wrapper {
	margin: 0 auto;
	width: 855px;
	padding: 0 30px;
}


#header {
	background: #353530 url('img/backgrounds.gif') ;
	height: 142px;
}

.middle {
	height: 96px; 
	display: table-cell;
	vertical-align: middle; 
	padding-top: 6px;
}




/* Navigation */
#navigation ul, #navigation li {display: inline; }
#navigation li {display: inline; color: #9D0828; }
#navigation, #navigation a {background:  url('img/grain_light.gif');}
#navigation a {
	border-right: 1px solid #AFA69C;
	float: left;
	margin-right: 1px;
	padding: 13px 14px;
	text-align: center;
	color: #543;
	text-decoration: none;
	}
#navigation li:first-child a {border-left: 1px solid #AFA69C; }
#navigation a:hover{color: #999998;}
#navigation li.current_page a {background: url('img/pfeil.png') no-repeat center bottom; }


/* Main */
#main_wrapper_outer {
	background: url('img/grain_light.gif'); 	
	min-height: 90%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:90%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ }
	
#main_wrapper_inner {
	background: url('img/main_wrapper_inner.gif') repeat-x left top;
	padding: 30px 0;
}
#main {width: 563px;}


/* Sidebar */
#sidebar {
	color: #665;
	width: 286px;
}

#sidebar_content {padding-left: 10px;}
#sidebar a {color: #665;}
#sidebar a:hover {color: #C40;}



/* Footer links */
#footer {
	color: #AA9;
	padding: 24px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	padding-bottom:30px;
	
}

#footer a, a:hover{
	color: #AA9;

}




/* 
   Posts 
------------------------------------------------------------------- */

.post {
	margin-bottom: 24px; 
	padding-right: 30px; 
	border-right: 1px solid #CCB;
	}



/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {margin: 0 -0 2em -8px;}
.thumbnails a.thumb {	
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 3px;
}
.thumbnails a.thumb:hover {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
	
.thumbnails .thumb img {display: block;}


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

.box_title {
	background: url('img/grain_dark.gif');
	color: #665;
	font-weight: bold;
	padding: 5px 8px;
}
.box_content {padding: 8px 0 0 0px;}
.box li {
	border-top: 1px solid #DDC;
	padding: 4px 6px;
}
.box li:first-child {border-top: none;}