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

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

/*/*/a{}
body {
	padding: 0;
	margin: 0;
	font-family:  "Lucida Grande",  "Trebuchet MS", Trebuchet, sans-serif;
        font-size: small;
	voice-family: "\"}\"";
	  voice-family: inherit;
	  font-size: medium;
}
body.comments {
       margin: 0.5em;
}
html>body {
	    font-size: medium;
	}
/* */

#rahmen-aussen {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#nav {
      padding: .25em;
      margin-bottom: 1em;
     }
#nav h1 {
      margin: 0;
      padding: 0;
      text-align: center;
      font-size: .75em;
}

#nav ul {
      margin: 0;
      padding: 0;
      font-size: .75em;
}
ul.nav {
	position: absolute;
        top: .4em;
        right: .4em;
}

li.nav {
	display: inline;
	list-style: none;
	margin-right: .5em;
	 /* font-size: .75em; */
}

ul.styleswitch {
	position: absolute;
        top: .4em;
        left: .4em;
	
        
}

li.styleswitch {
	display: inline;
	list-style: none;
}
li.styleswitch img {border: none; text-decoration: none;}

#rahmen-bild {
	margin-top: 3em;
	margin: 1em auto;
}


#rahmen-bild h1, #rahmen-bild2 h1 {
	font-size: 1.5em;
}

#rahmen-bild ul, #rahmen-bild2 ul {
	text-align: right;
	margin-top: 0;
}

#rahmen-bild li, #rahmen-bild2 li {
	display: inline;
	list-style: none;
	margin-top: 0;
	font-size: .75em;
}

.imgtitle {
         font-size: small;
         color: black;
         border: 1px #111 solid;
         background: #FFF;
         opacity: 0.85;
         filter: alpha(opacity=85);
         padding: 4px;
         -moz-border-radius: .3em;
       border-radius: .3em;
         }
div.thumb {
     float: right;
     margin: 0.75em;
}

/*Kommentare */

.extended {
        font-size: .8em;
}
dl {
	width: 350px;
	margin: 0 0 20px 20px;
	padding: 0;
		}

dt {
	margin: 0;
	padding: 1px 5px 1px 42px;
}

dd {
	vertical-align: bottom;
	margin: 0;
	margin-top: -5px;
	padding: 0 5px 0 42px;
        min-height: 30px;
	
}
/********************************* Mouseover Boxen ******************/
.imgtitle {
         font-size: small;
         color: black;
         border: 1px #111 solid;
         background: #FFF;
         opacity: 0.85;
         filter: alpha(opacity=85);
         padding: 4px;
         -moz-border-radius: .3em;
       border-radius: .3em;
         }
.linktitle {
         font-size: x-small;
         color: black;
         border: 1px #111 solid;
         background: #EEE;
         padding: 1px;
         -moz-border-radius: .2em;
         border-radius: .2em;
}
/* Drei Spalten Design ************************************************/

#inhalt {
       text-align: left;
       width: 64%;
       float: left;
       margin-left: 1em;
       line-height: 1.35;
        font-size: .8em;
}
div.entry-title {
      margin-top: 2em;
       padding: .3em 1em .3em 1em;
       margin-right: 0.5em;
       -moz-border-radius: .3em;
       border-radius: .3em;
}

h2.entry-title {
     font-size: 1.1em;
     float: left;
     margin: 0;
     padding: 0;
}

a.entry-title {
     float:right;
}

div.thumb img{
    border: 1px solid black;
    text-decoration: none;
    }
#calendar {
      float: left;
      width: 3.5%;
      font-size: .75em;
      margin-left: 1em;
     }

#calendar ul {
       border:1px black solid;
       -moz-border-radius: .4em;
      }

#calendar li {
       border-top: 1px solid; 
}
#calendar li:first-child {
    border-top-width: 0px;
}
     
calendar li:last-child { 
    color: green;
}

#calendar p {
     margin-bottom: 0;
}

#seitenleiste {
       text-align: left;
        width: 26%;
        float: right;
        margin-right: 1em;
       font-size: .75em;
}

#seitenleiste h2 {
        font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	
	}

#seitenleiste ul, #calendar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#seitenleiste li { /* all list items */
	margin-bottom: .4em;
}

#seitenleiste ul.community {
      margin-top: 5em;
      }

#fussleiste {
       font-size: x-small;
	line-height: 150%;
       text-align: center;
}


/* About Boxen *****************************************/

.moreinfo {}
.moreinfobody, .moreinfobodywide {
         font-size: small;
         width: 150px;
         color: black;
         border: 1px #111 solid;
         background: #FFF;
         opacity: 0.85;
         filter: alpha(opacity=85);
         padding: 4px;
         -moz-border-radius: .3em;
       border-radius: .3em;
         }
.moreinfobodywide {width: 250px;}

div.kasten {
	border: 1px black;
	padding: 5px;
        
	}

/*Kalender ********************************************************************/
.calendar1 {
	 
	height:20px;    /*specifies 1st rotating cell info*/
	text-align:center; 
	vertical-align:middle;
}

.calendar2 {
	
	height:20px;    /*specifies 2nd rotating cell info*/
	text-align:center; 
	vertical-align:middle;
	}
.today {	
	font-size: 13px;          /*specifies this day's rotating cell info*/
	border: solid 1px #BBB;
	vertical-align:middle; 
	text-align: center; 
	}
	
.cal-days {
	border-bottom: solid 1px #BBBBBB;
        text-align: center;
	}

#calendar thead {
        text-align: center;
	margin-bottom:15px;
	text-transform: uppercase;
	letter-spacing: .1em;
	}

th {
      text-align: center;
}


/* Legacy Stuff */





 #photoblogring {
margin:4px;
text-align:center;
color:#BBBBBB;
font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
font-size:11px;
}
#photoblogring a,
#photoblogring a:link,
#photoblogring a:visited {
color:#666666;
text-decoration: none;
font-weight:normal;
}
#photoblogring a:active,
#photoblogring a:hover {
color:#333333;
}



textarea[id="comment-text"] {
	width: 80%;
	}


#recententries {
        border: solid 1px #BBBBBB;
        }
/* Contact Seite */
#contact {background: none;}
#contact dd {margin-left:0;margin-bottom: 10px; background: none;}
#contact dt {margin-bottom: 5px; background: none; float: left; top: -2px; width:70px; display: block;}

/* ********************* Contact ****************************/

label{
	float: left;
	font-size: 0.95em;
	display: block;
	width: 5em;
	clear: left; /* Umbruch */
	padding-bottom: 0.2em;

}


fieldset input{
	position: relative;
	left: 5em;
	width: 18.7em;
	display: block;
	padding: 0 2px;
	margin-bottom: 0.5em;
	background: #fff;
}


textarea{
	position: relative;
	top: 0em;
	left: 5.2em;
	display: block;
	padding: 2px;
	width: 19em;
	height: 15.7em;
}
 form{
 display: block;
 float: left;
 margin-right: 10px;
 
 }

 fieldset{
 border: 1px solid #000;
 display: block;
 padding: 1em 2em 1em 0em;
 clear: both;
 width: 20em; /* wichtig */
 margin: 0;
}

legend {
	display: none;
	}
fieldset { border: none;}

div.form-admin {
	margin-left: 9em;
	width: 19em;
	padding: 1em 0;
}
.form-admin label {
	float: none;
	display: inline;
	width: 100%;
	clear: none;
	padding-bottom: 0;
	vertical-align: middle;
}

.form-admin input {
	position: static;
	width: auto;
	margin-right: 1em;
	display: inline;
	margin-bottom: 0;
	padding: 0;
	font-size: .75em;
		
}
.form-admin button {
	font-size: .9em;
}
/************************************** Neue Dinge *********************************************/
#rahmen-bild h1, #rahmen-bild2 h1 {
	text-align: center;
}

#comments {
	background: white;
	border: solid 1px #BBB;
	padding: 1em;
	-moz-border-radius: .3em;
       border-radius: .3em;
}

#comments p {
	font-size: .7em;
	}
#rahmen-bild2 {
	position: fixed ! important;
	position: absolute;
	top: 50px;
	left: 480px;
}
img.close {
	position: absolute;
	top: 4px;
	right: 4px;
}

#comments h2 {
	font-size: 1em;
	}

#comments-aussen {
	position: absolute;
	width: 400px;
	top: 40px;
	left: 40px;
	}
	
#comments form {float: none;}
#comments-open-challenge label {width: 24em; font-size: 1.5em; float: none; padding-left: 6em;}
/***** neue Unternavigation *****/
#subnav {
	position: fixed ! important;
	position: absolute;
	top: 40px;
	left: 0;
	}
#subnav ul {
	padding: 0;
	margin: 0;
	}
.subnav-link {
	height: 30px;
	width: 30px;
	text-indent: -999em;
	padding: 1px 0;
display: block;
	}
#subnav #open-comments {
	background: url(images/comment.gif) no-repeat top right;
	}
#subnav #close-comments {
	background: url(images/close.gif) no-repeat top left;
	}
#subnav #copyright {
	background: url(copyright-s.png) no-repeat top left;
	border-bottom: 1px solid #a9a9a9;
	}
#subnav #prev {
	background: url(images/prev.gif) no-repeat top left;
	}
#subnav #current {
	background: url(images/home.gif) no-repeat top left;
	}
#subnav #next {
	background: url(images/next.gif) no-repeat top left;
	}