/* CSS Document */

html {
}
	
body { 
 font: 13px Georgia, Helvetica, sans-serif;
 background:#d4d4d4 url(../images/bg.jpg);
/* background:#d4d4d4 url(../images/container_bg.jpg) top center no-repeat;*/
 /*color: #525252;*/
 color:#474747;
}

/* Nullen */

* {
 margin: 0; 
 padding: 0; 
}

/* Tags ########################################################## */

p {
 line-height: 22px;
 margin: 0 0 1.2em 0;
 font-size:15px;
}

a {
 color:#474747;	
 outline:none;
 text-decoration: none;
}

a:hover {
 color: #878787;
}

a img{
 border:none;
}

ul {
 margin: 0 0 15px 15px;
}

ol {
 margin: 0 0 0 25px;
 line-height: 1.7em;
}

li {
 margin: 5px 0 15px 5px;
}

hr {
 border:none;
 /*color:#ccc;*/
 background:url(../images/trenner.png);
 height: 2px;
 line-height: 1px;
 font-size: 1px;
 margin: 25px 0;
 clear:left;
}

h4,h5,h6{
 font-family: Georgia;
}

h1 {
 display:block;
/* font-family: 'Yanone Kaffeesatz', arial, serif;*/
 font-family: 'Voltaire', arial, serif;
 /*font-size: 40px; */
 font-size: 35px; 
 letter-spacing:-0.04em;
/* color:#878787;*/
 color:#343026;
 margin:0 0 15px 0;	
 text-shadow: #f9f9f9 1px 1px;
}

h2, h2 a {
 display:block;
/* font-family: 'Yanone Kaffeesatz', arial, serif;
 font-size: 40px;
 letter-spacing:-0.04em;*/
 font-family: 'Voltaire', arial, serif;
 font-size: 33px;
 letter-spacing:-0.06em;
/* color:#878787;*/
 color:#343026;

 margin:0 0 15px 0;
}

h2 a:hover {
 color:#474747;	
}

h3 {
 display:block;
/* font-family: 'Yanone Kaffeesatz', arial, serif;*/
 font-family: 'Voltaire', arial, serif;
 font-size: 25px;
 letter-spacing:-0.05em;
 color:#525252;	
 margin:10px 0 15px 0;
}

h3#Kommentar{
 border-bottom:1px solid #878787;
}

th{
 font-weight: normal;
}


a.archiv{
 display:block;
 background:url(../images/a_archiv_bg.png) no-repeat;
 width:370px;
 height:220px;
 text-indent:-99999px; 
}

a.vor, a.zur{
  /*background:url(../images/mehr_bg.jpg) repeat-x;*/
  padding:5px 5px 5px 5px;
  line-height:20px;
  color:#474747;
  float:left;
}

a.zur{
 float:right;
}

a.vor:hover, a.zur:hover{
  color:#878787;
}

blockquote{
 color:#474747;
 background:#fff;
 padding:25px 25px 25px 75px;
 margin:0 0 25px 0;
 border-top:1px solid #878787;
 border-bottom:1px solid #878787;
 background:#f5f5f5 url(../images/quote2.png) 10px 10px no-repeat;
}

blockquote p{
 font-style:italic;
 font-size:13px !important;
 text-align:justify;
}

table{
 font-size: 15px;
 background:#eaeaea;
 border:1px dashed #878787; 
 padding:5px;
 margin-bottom:25px;
}

table td{
 padding: 5px;
 width:360px;
 vertical-align:top;

}



/* Klassen ########################################################## */


.bild {
	
}

.bild_text {
 float:left;
 margin: 25px 10px 30px 0;
 width:250px;
}

.bild_text_re {
 float:right;
 margin: 25px 0 30px 10px;
 width:250px;
}

.right{
 float:right;
}

p.mehr{
 text-align:right;
 margin:25px 0 0 0;
}

p.mehr a{
 display:inline-block;
 width:112px;
 height:32px;
 line-height:32px;
 background:url(../images/mehr_bg.jpg) repeat-x;
 color:#ccc;
 text-align:center;
 font-size:16px;
 letter-spacing:-0.05em;
}

p.mehr a:hover{
 color:#ffffff;
}

p.date{
 display:block;
 background:url(../images/datum_bg.png) no-repeat;
 width:65px;
 height:87px;
 padding:20px 20px 15px 20px;
 font-size:25px;
 color:#fff;
 font-family: 'Ubuntu', arial, serif; 
 line-height:23px;
 text-align:center;
 text-transform:uppercase;
 margin:-1px 0 0 0;
}

p.date span{
 font-size:60px;
 display:block;
 /*width:50px;*/
 height:37px;
}

p.tags{
 background:#eaeaea;
 padding:5px;
 border:1px dashed #878787;
}

p.note{
 color:#878787;
 font-size:11px;
 line-height:12px;
}

p.tags a{
 font-style:italic;
 color:#ab0000;
}

p.tags a:hover{
 color:#474747;474747
}

.boxa{
 background:url(../images/box_bg_1.png) top left no-repeat;
}

.boxb{
 background:url(../images/box_bg_2.png) top left no-repeat;
}

.boxc{
 background:url(../images/box_bg_3.png) top left no-repeat;
}

span.spc{
 display:inline-block;
 width:100px;
 color:#878787;	
}

span.spc2{
 display:inline-block;
 width:200px;
 color:#878787;	
}

#footer .col span.spc{
 display:inline-block;
 width:175px;
}


/* Layout ########################################################## */

#container {
 overflow: hidden;
 padding:0 0 75px 0;
/* background:url(../images/9.jpg) center -600px no-repeat;*/
}

/* Suchbereich ##################################################### */

#suche{
 width:960px;
 margin: 0 auto;
}

/* Kopfbereich ##################################################### */

#header_wrap {
 height: 256px;
 margin:35px 0 0 0;
 /*background:url(../images/header_bg_3.jpg) bottom center repeat-x;
 border-bottom:1px solid #878787;*/
}

#header {
 width:980px;
 background:url(../images/header_fin2.jpg) bottom center no-repeat;
 height: 325px;
 margin:0 auto;
 padding:0;
}

#nav{
 position:fixed;
 width:100%;
 background:#fff;
 border-bottom:1px solid #878787;
 opacity:0.9;
 z-index:99999;
}

#nav ul {
 margin:0 auto;
 padding:0;
 text-align:center;
}

#nav ul li{
 list-style:none;
 display:inline-block;
 margin:0;
 padding:0;
}

#nav ul li a { 
 font-family: 'Ubuntu', arial, serif; 
/* color:#6b6b6b;*/
 color:#474747;
 text-shadow: #fff 1px 1px;
 font-size:20px;
 text-transform:uppercase;
 display:block;
 height:25px;
 padding: 5px 10px 20px 10px;
 background:url(../images/ul_li_a_bg.png) center -250px no-repeat;
}

#nav ul li a:hover, #nav ul li a.aktiv { 
 color:#ffffff;
 background:url(../images/ul_li_a_bg.png) bottom center no-repeat;
 text-shadow: #474747 1px 1px;
}

a.logo{
 display:block;
 margin:-75px 0 0 -5px;
 width:250px;
/*background:url(../images/logo_schild2.png) bottom left no-repeat;
 height:233px;
 float:left;
 text-indent:-99999px;*/
}

a.logo img{
 width:250px;
}

.col{
 width:33%;
 float:left;
}



/* Inhaltsbereich ################################################## */

#content_wrap {
 width:980px;
 margin:50px auto;
 overflow:hidden;
 padding:75px 0 0 0;
/* background:url(../images/10.png) center 25px no-repeat;*/
}

#content {
 width:550px;
 float:right;
 padding:26px 0 0 0;
}

#content img{
 max-width:550px;
 max-height:auto;
}

#content p a{
 color:#ab0000;
 font-style:italic;
}

#content p.mehr a{
 color:#fff;
}

.start_teaser{ 
 float:left;
 width:260px;
 background:#fff;
 padding:5px;
 margin-bottom:10px;
}

.start_teaser h3{
 display:block;
 height: 55px; 
}

.li{
 float:left;
 margin-right:10px;
}


.re{
 float:right;
}

.breit{
 clear:both;
 width:550px;
}


.galerie_teaser{ 
 display:inline-block;
 width:150px;
 background:#fff;
 padding:5px;
 margin:5px;
}

.galerie_teaser span{
 text-align:center;
 display:block;

}

.teaser{
 clear:both;
 position:relative;
 width:550px;
 margin:0 0 10px 0;
 background:url(../images/trenner.png) top left repeat-x;
}

.teaser h2 a{
 padding:10px 0 20px 0;
}

.ccol{
 float:left;
 width:113px;
 height:255px;
 overflow:hidden;
 margin:0 25px 25px 0;
}

.ccol_r{
 float:right;
 width:410px;
 overflow:hidden;
}

.ccol_r a {
 font-style:italic;
 color:#ab0000;
}

.ccol_r a:hover {
 color:#878787;
}

.galerie{
 background:url(../images/galerie_bg.jpg);
 padding:5px;
}

.galerie a img{
 width:130px;
 height:80px;
}

/* Kommentare */

.kommentar{
 color:#474747;
 background:#fff;
 padding:15px 25px 0 35px;
 margin:0 0 25px 0;
 border-top:1px solid #878787;
 border-bottom:1px solid #878787;
 background:#fff url(../images/quote.png) 10px 10px no-repeat;
}

.kommentar p{
 font-size:13px !important;
 text-align:justify;
 padding: 0 0 15px 0;
 border-bottom:1px dashed #ccc;
}

.kommentar p.posted, .kommentar p.posted_time{
 padding:1px 0 1px 20px;
 margin:0 0 10px 0;
 line-height:11px;
 font-size:11px !important;
 font-family: Trebuchet MS;
 font-style:italic;
 border:none !important;
}

.kommentar p.posted{
 background:url(../images/marker.png) left center no-repeat;
}

.kommentar p.posted_time{
 background:url(../images/uhr.png) left center no-repeat;
 margin:0 0 15px 0;
}

.kommentar p.posted span, .kommentar p.posted_time span{
 display:inline-block;
 width:100px;
 font-style:normal;
}
/* Sidebar */

#sidebar{
 float:left;
 width:300px;
}

#sidebar div{
 width:370px;
 margin: 0 0 50px 0;
 opacity: 0.5;
}

#sidebar a.archiv{
 opacity: 0.5;
}

#sidebar div:hover, #sidebar a.archiv:hover{
 opacity: 1;
}

#sidebar div h3{
 display:block;
 padding:35px 0 0px 145px;
}

#sidebar ul{
/* background:url(../images/box_bottom.png) bottom center no-repeat;*/
 padding:0 0 0 165px;
 width:239px;
 margin:0;
}

#sidebar ul li{
 list-style:square;
 margin:0;

}

#sidebar ul li a {
 display:block;
 padding:3px 0 3px 5px;
 width:165px;
}

#sidebar ul li a:hover{
 background:#878787;
 color:#fff;
}

#sidebar ul li a.aktiv{
}

#sidebar ul.archiv{
 
}

#sidebar ul.archiv li.monat{
 font-size:14px;
 padding: 5px 0;
 margin:5px 0 5px 0;
 border-bottom:1px dashed #878787;
 display:block;
 width:175px;
}

#sidebar ul.archiv li a{
 padding:1px 5px;
 font-size:12px;
}

/* Fussbereich ###################################################### */


#footer_wrap{
 height:225px;
 padding:10px 0 0 0;
 background:url(../images/footer-top.png) top center repeat-x;
/* background:url(../images/footer_bg.jpg) top center;*/
}

#footer_wrap_inner{
 height:225px;
 background:url(../images/footer.jpg) top center;
}

#footer{
 width:960px;
 margin:0 auto;
 color:#878787;
 font-size:13px;
}

#footer h3, #footer h3 a{
 color:#878787;
}

#footer .col p{
 font-size:13px;
}

#footer a{
 color:#878787;
}

#footer a:hover{
 color:#fff;
}


#footer span{
 color:#878787;
}
/* Formular ########################################################## */
form {
 border:none;
}

fieldset {
 border:none;
}


input, textarea{
 border: 1px solid #878787;
 line-height:15px;
 font-family: Georgia, Trebuchet MS;
 font-size:12px;
 padding:5px;
 width:275px;
 margin:0 0 20px 0;
 opacity: 0.7;
}

input:hover, textarea:hover{
 opacity:1;
}

input.checkbox{
 width:5px;
}

label{
 display:inline-block;
 width:200px;
 height:16px;
 line-height:13px;
 padding: 10px 0 5px 0;
 float:left;
}

input.button{
width:140px;
margin:0 0 0 0;
}

input#txpCommentPreview{
 margin:0 3px 0 0;
}

ul.comments_error{
 padding:0;
 margin:15px 0;
}

ul.comments_error li{
 list-style:none;
 display:block;
 background:#ff0000;
 padding:15px;
 color:#fff;
 font-style:italic;
 font-weight:bold;
 margin:0;
}


/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Safari*/
.clearfix { display: block; } 

/* Clearfix-Anpassung IE */
.clearfix {display: inline-block;}

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

.floatbox { overflow:hidden; }