body {
font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size:12px;
   }
   
/* Konstruktion der Seite */

/* grau: #C1C1C1 */

/* orange: #FF8102 */

/* helles orange: #FFCC99 */

#kopfleiste{ 
width:975px;
margin:auto;
border: 1px solid #C1C1C1;
}

#leisteunterkopf{
width:975px;
height:18px;
margin:auto;
border-bottom: 1px solid #C1C1C1;
border-right: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1;
background-color:#c1c1c1;
margin-top:2px;
margin-bottom:2px;
}

#container{
width:975px;
margin:auto;
border-right:1px solid #C1C1C1;
border-bottom:1px solid #C1C1C1;
} 

#linkeSpalte{ 
	padding:0px;
   background-color: #FFFFFF;
   position: relative; 
   display: block; 
   float: left; 
   width: 150px; 
} 

#containermittlereSpalte{ 
	width:675px;
	background-color:#FFFFFF;
	float:left;	
} 

#mittlereSpalte{ 
	width:667px;
	background-color:#FFFFFF;
	float:left;
	padding:0px 4px 4px 4px;
} 

#rechteSpalte{ 
    background-color:#FFFFFF;
    float: right; 
    width: 150px; 
} 

/* Blog: Anzeige vom Datum */

div.blog {
	width:80px; 
	float:left; 
	border:2px solid #FFCC99;
	text-align:center; 
	margin: 0px 5px 5px 2px;
	background-image:url(../images/calendar_background.png);
	background-repeat:repeat-x;
}

p.blogday {
	font-family:Georgia, Times New Roman;
	font-size:44px;
	text-align:center;margin:0px;
}

p.blogmonth {
	font-family:Georgia, Times New Roman;
	font-size:16px;
	margin:0px;
}

p.blogyear {
	font-family:Georgia, Times New Roman;
	font-size:24px;
	margin:0px;
}

/* */   
   
table {
   font-size:0.8em;
   border-collapse: collapse;
	}  
	
table.border {
	border:1px solid #000000;
	border-collapse: collapse;	
}	
	 
tr.border {
	border:1px solid #000000;
	padding:3px;
}		 
	 
td.border {
	border:1px solid #000000;
	padding:3px;
}	 	 

td.orange {
	background-color:#FFCC99;	
}

td.right {
	text-align:right;
}	
	 
td.blog_picture {
	width:140px;
	border-top:1px solid #999999;
	padding: 5px 0px 5px 0px;
	vertical-align:top;
}	
#top-col-1 {
   z-index:90;
   position:relative;
   padding-left:140px;
   padding-right:10px;
   }
#navigation {
   z-index:100;
/*   position:fixed;
   top:0;
   left:0;
   width:140px; */
   padding-left:4px;   
   font-family:Verdana, Arial, Helvetica, sans-serif;
   border-right: 1px dotted #999999; 
   font-size:0.8em;    
/*   height:100%; */ 
   }
#content {
   z-index:10;
   position:relative;
   top:0;
   padding-left:140px;
   padding-right:308px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }
#blogs {
   z-index:80;
   position:fixed;
   top:0;
   right:150px;
   width:150px;
   padding-left: 4px;
   margin-right:8px;
   border-left: 1px dotted #999999;   
   height:100%;   
   }   
#calendar {
   z-index:70;
   position:fixed;
   top:0;
   right:0px;
   width:150px;
   margin: 0px 4px 0px 4px;
   padding-left: 4px;   
   border-left: 1px dotted #999999;    
   height:100%;     
   }   
#bottom-col-1 {
   z-index:20;
   position:relative;
   padding-left:140px;
   padding-right:10px;
   }
#buttons {
   z-index:110;
	position:fixed;
	bottom:0px;
	left:10px;
	}   
#topnavi {
    z-index:111;
	position:fixed;
	bottom:10px;
	right:0px;
	font-size:0.8em;
	width:150px;
	}	
	
#framed {
	border:2px solid #FF8102;
	padding:4px;	
	}	

.console {
	font-family:"Courier New", Courier, monospace;
	background-color:#EAEAEA;
	padding: 5px;
	margin: 0px 10px 0px 10px;
	border:1px dashed #FF8102;
	}
	
tt {
	font-weight:bold;
	color:#990033;
	}	
	
.red {
	color:#FF0000;	
	}	

div.left {
	float:left;
	margin-right:5px;
}

div.right {
	float:right;
	margin-left:5px;
}


table.calendar {
text-align:right;
font-size:0.8em;
}	

td.calendar {
	border-left:1px solid #C1C1C1;
	border-top:1px solid #C1C1C1;
    margin:0px;	
}

td.calendar_top {
	border-left: 0px;
	border-top:1px solid #C1C1C1;
}

td.calendar_right {
	border-right:1px solid #C1C1C1;
}

td.calendar_bottom {
	border-bottom:1px solid #C1C1C1;
}

td.calendar_active {
	background-color:#a5a5a5;
	color:#FFFFFF;
}	

a.external {
	padding-left:15px;
	padding-right:0px;
	background: url(../images/link_external.png) no-repeat left;
}

a.external:visited {
	padding-left:15px;
	padding-right:0px;
	background: url(../images/link_external_visited.png) no-repeat left;
}	
	
a.navi:link {
	font-size:0.8em;
 	display:block;
 	margin:0px;
 	padding:2px;	
	text-decoration: none;
	font-family: "Lucida Grande",sans-serif;
	font-weight:bold;
	color: #000000;
	background-color:#FFFFFF;
 	border-left:1px solid #C1C1C1;
 	border-bottom:1px solid #C1C1C1;
}
a.navi:visited {
	font-size:0.8em;
 	display:block;
 	margin:0px;
 	padding:2px;	
	text-decoration: none;
	font-family: "Lucida Grande",sans-serif;
	font-weight:bold;
	color: #000000;
	background-color:#FFFFFF;
 	border-left:1px solid #C1C1C1;
 	border-bottom:1px solid #C1C1C1;
}
a.navi:active {
	font-size:0.8em;
 	display:block;
 	margin:0px;
 	padding:2px;	
	text-decoration: none;
	font-family: "Lucida Grande",sans-serif;
	font-weight:bold;
	color: #000000;
	background-color:#FFFFFF;
 	border-left:1px solid #C1C1C1;
 	border-bottom:1px solid #C1C1C1;
}
a.navi:hover {
	font-size:0.8em;
 	display:block;
 	margin:0px;
 	padding:2px;	
	text-decoration: none;
	font-family: "Lucida Grande",sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#a5a5a5;	
 	border-left:1px solid #C1C1C1;
 	border-bottom:1px solid #C1C1C1;
}
a.navi:focus {
	font-size:0.8em;
 	display:block;
 	margin:0px;
 	padding:2px;	
	text-decoration: none;
	font-family: "Lucida Grande",sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#a5a5a5;	
 	border-left:1px solid #C1C1C1;
 	border-bottom:1px solid #C1C1C1;
}		   

a.navi.blog {
	padding-left:10px !important; 
}


/* .orange {
	background-color: #FF8102;
} */

.border-left {
   border-left: 1px solid #000000;
}

.border-right {
   border-right: 1px solid #000000;
}

/* Datumsfensterchen */

p.info {
	float: left;
	width: 40px;
	margin: 0 5px 0 0;
	background: url(../images/date.png) top left no-repeat;	
	border-right: 1px solid #FF8102;
	border-bottom: 1px solid #FF8102;	
	border-left: 1px solid #FF8102;		
	text-align: center;
	padding: 2px 0 0;
}

p.info span.tagname { 
	text-transform: uppercase; 
	font-weight:bold;  
}

p.info span.tag { 
	font-size: 1.8em; 
}

p.info span.monat { 
	text-transform: uppercase; 
	color: #FF8102; 
	font-weight:bold; 
	margin-bottom: 2px; 
}

p.info span.jahr { 
	margin-bottom: 9px; 
	font-weight:bold;  
	color: #FF8102; 
}

p.right {
	text-align: right 
}

a.blog_title {
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

h1 {
	font-size: 2em;
	background-color:#FFCC99;	
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin-top: 0px;
}

h2 {
	font-size: 1.5em;
	border-top:2px solid #FFCC99;
	border-bottom:2px solid #FFCC99;	
	padding-top: 3px;
	padding-bottom: 4px;
}

img {
border:0px;
}

img.left {
	float:left;
	margin-right:5px;
	}
	
img.right {
	float:right;
	margin-left:5px;
	}	
	
img.center {
	display:block;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
	}		

table.fixed {
	table-layout:fixed;
	}

.small {
	font-size: 0.8em
}

.center {
	text-align:center;
	}

blockquote {
	display: block;
	padding: 0 20px;
}

blockquote:before, blockquote:after {
	font-family:Georgia, Times New Roman;
	color: #FFCC99;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.5em;
}
blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -50px;   
	margin-left: 450px;
}

.quote {
	font-size: 0.8em;
	font-style:italic;
}
	
.key {
	border: 1px solid #000000;
	margin:0px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #EEEEEE;
}

.underline {
	text-decoration:underline;
}

.bottom {
	vertical-align:bottom;
}

div.ul {
	margin-left:2em;
}

ul.none {
	list-style-type:none;
}

.clear{ 
    clear: both; 
    width: 0.1em; 
    height: 0.1em; 
    line-height: 0.1em; 
    overflow: hidden; 
}

h4 {
	padding:2px;
	margin:0px;
	min-height:18px;
	background-color:#FF8102;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
}

h4.logobackground {
	background-image:url(../images/logo_gray_division.png);
	background-repeat:no-repeat;
}

td.topgallery { 
margin: 0; 
padding: 0; 
border-style: none;
}

img.topgallery {
vertical-align: bottom;
}

tt.taste {
border:1px solid #000000;
padding:1px 3px 1px 3px;
-moz-border-radius:6px;
}