/*

Theme name: hellight von Peter Lohren

*/

/* -------------------------------- allgemeine styles -------------------------------- */

* {
margin: 0;
padding: 0;
outline: 0;
}

body {       
          
          background-color: #F4F4F4;
          text-align: center; 
           }




body, table, tr, td, th, input, textarea {font: 10pt/16pt georgia; 
	                                           letter-spacing: 1pt;
                                                       
                                                           }

small {font-size:10px;	
         }

hr {
        height: 0; line-height: 0; font-size: 0;
         border-top: 1px solid #CCC;
         display: block; clear: both;
         padding: 0; margin: 10px 0;
       }


p { 
   margin-bottom: 20px;
}



.alignleft {
	float: left;
                padding: 8px;
               }

.left {
        float: left;
        padding: 10px;
       }

.alignright {
	 float: right;
                  }

.right {
           float: right;
          }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
               }


img {border: none;}


.clear {
	clear: both;
           }

.center {
	text-align: center; 
            }

blockquote {
	  letter-spacing: 1pt;
	 color: #666;
	 border-left: 1px solid #CCC;
	 padding-left: 20px;
               }



/* -------------------------------- layout styles -------------------------------- */

#container  {
                 box-shadow: 3px 2px 5px #aaa;
                -moz-box-shadow: 3px 2px 5px #aaa;
                -webkit-box-shadow: 3px 2px 5px #aaa;
                 -webkit-border-radius: 7px;
                 -moz-border-radius: 7px;
               border-radius: 7px;
                background-color: #fff;
                  border: 1px solid #aaa;
                     
                     width: 910px;
                    margin: 0px auto;
                   text-align: left; 
                    
                  }


#page {    background-color: #fff;
	width: 850px;
	margin: 0px auto;
           }



#header {  
                  
             background-image:url(images/linie_header.jpg);
             background-repeat: no-repeat;
             width: 850px;
             height: 100px;
             padding-left: 20px;
             margin-top: 40px;
              }

#menu {
               width: 850px;
                height: 60px;
               margin-left: 75px;
               padding-top: 8px;
               margin-top: -10px;
               text-transform: uppercase;
              font-size: 12px; color: #666;
              }




ul#menu li a {
                      background:  url("images/links.gif") left no-repeat;
                      padding: 8px;
                      
                     }

ul#menu li a , ul#menu li a:visited , ul#menu li a:active {
                                                                                      background:  url("images/rechts.gif")  right  no-repeat;
                                                                                     color:#000;
                                                                                     text-decoration:none ;
                                                                                      }

/* H o v e r */



ul#menu li a:hover {
                              background:  url("images/rechts2.gif")  right ;
                              color:#3F3F3F;
                              text-decoration:none ;
                               }
              


#monate {width: 300px;
              float: left;
              text-align: left;  
              margin-right: 30px;
              }

#jahre {
            margin-bottom: 30px;
            margin-left: 30px;
             text-align: left;
            
}
#bereiche {text-align: left;
                  margin-left: 30px;

}
#suchen {width: 300px;
              float: left;
              text-align: left;  
              margin-right: 30px;
              }

#datum {
               float: right;
                margin-top: 100px; 
                margin-right: 50px;
}


#content {
               width: 850px;
	text-align: left;
	padding: 30px 10px; 
                
             }

#maincontent { 
	       
                           width: 520px;
                          margin-left: 50px;
                          float: left;
                        }

#catmaincontent {
	        
                           width: 620px;
                          margin-left: 50px;
                          float: left;
                        }

/*=========== Sidebar ===========*/


#sidebar{

background-image:url(images/navback.jpg);
background-repeat:repeat-x;
overflow: hidden;
padding-top:10px;
background-color:#fff;
padding-left: 0px;
padding-right: 0px;
width:202px;
float:right;
margin-top:30px;
margin-right: -10px;


}



#sidebar ul, #sidebar li {
 list-style: none;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0px;color:#2F2F2F;
}


#sidebar a ,#sidebar a:visited , #sidebar a:active{
        display:block;width:160px;

        border-bottom: solid 0px #DFDFDF;
        text-decoration:NONE;
       background:transparent;
       font-size: 12px;
       font-family: georgia,"times new roman", helvetica, serif;
       height:20px;

       color:#333333;
       font-style:normal;
       letter-spacing:1px


}

#sidebar a:hover {background-color:#fff;
background:transparent;
        color:#800000;
        text-decoration:underline;}

#footer {
	width: 850px;
                height: 50px;
	 background-image: url(images/footer.jpg);
                background-repeat: no-repeat;
                text-transform: uppercase;
	display: block; clear: both;
	padding: 20px 0; margin: 40px auto;
}

/* -------------------------------- layout styles -------------------------------- */

.size-medium, .size-thumbnail {
	display: block; float: left;
	margin: 0 20px 20px 0;
}

.size-large, .size-full {
	display: block; clear: both;
	margin-bottom: 20px;
}

.date {
	font-size: 8pt; font-weight: normal; color: #999;
	display: block; clear: both;
	margin-bottom: 10px;
}

.post
{
                 text-align: justify;
	width: 520px;
                padding-top: 5px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	margin-left: 20px;
	margin-bottom: 20px;
}


.comment 
{
                 text-align: justify;
	width: 520px;
                padding-top: 5px;
	overflow: hidden;
	
	margin-left: 20px;
	margin-bottom: 20px;
}
.catpost {
             
                 text-align: justify;
	width: 620px;
                padding-top: 5px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	margin-left: 20px;
	margin-bottom: 20px;
                 }
.singlepost {
	width: 520px;
                 text-align: justify;
                padding-top: 5px;
	overflow: hidden;
	display: table; clear: both;
}

.postmeta,
.commentmeta {
	display: block; clear: both;
	margin-bottom: 20px;	
}

#pagination,
#navigation {
	display: block; clear: both;
}

#pagination {
	width: 520px;
	overflow: hidden;
	  text-transform: uppercase;
	display: table; clear: both;
	padding: 10px 0;
}

.commentavatar {
	float: left; margin-right: 20px;
}

.commenttext {
	float: left;
}
.textbox
             {  background-color: #F1F2F3;

}
.alt {
	/*background: #EFEFEF;*/
}

.widget {
	display: block; clear: both;
	margin-bottom: 20px;	
}

/* -------------------------------- Heading styles -------------------------------- */

h1 {
	display: block; float: left;
}

h2 {       
	font-size: 14px; font-weight: normal; color: #999; line-height: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	display: block; clear: both;
	margin-bottom: 20px;
}

h3 {        
	font-size: 14px; font-weight: normal; color: #999;
}

#big { font-size:36px; }




#maincontent h3 {   
                             font-size:22px;	
                             font-weight:normal;
                             font-variant: small-caps;
                             color: #223344;    
}         

h4 {	
	font-size: 14px; font-weight: normal; color: #999;
}

/* -------------------------------- Link styles -------------------------------- */

a,
a:focus, 
a:link, 
a:active { 
	outline: none; 
}

a {
	color: #904D47; text-decoration: none;
}



a:visited {
	color: #336; text-decoration: none;
}

a:hover {
	color: #000; text-decoration: underline;
}



.rss {
	background: url('images/rss-icon.png') left 50% no-repeat;
	padding-left: 26px;
                padding-right: 50px;
}

/* -------------------------------- List styles -------------------------------- */
ul,
ol,
li {
}

ul#menu li {
	display: block; float: left;
	
}

ul#menu li.right {
	float: right;
	margin: 0;
}


#maincontent ul {
	list-style: disc inside;
	display: block; clear: both;
	margin-bottom: 20px;
}



/* -------------------------------- Form styles -------------------------------- */

input {
	width: 50%;
	color: #999;
	background: #FFF;
	border: 1px solid #CCC;
}

#sidebar input {
	width: 100%;
	margin-bottom: 20px;
}

textarea {
	width: 100%;
	color: #999;
	 background-color: #F1F2F3;
	border: 1px solid #CCC;
	overflow: auto;
}