/* Blubb CMS Style Sheet - Frontend, angepasst f. fehlerquotient.de	*/
/* Version 1.0 - MN 22.03.08	*/
 
/* HTML Elemente */

a:link 		{ color:white; text-decoration:none; }
a:visited	{ color:white; text-decoration:none;  }
a:hover		{ color:white; text-decoration:none; }
a:active	{ color:white; text-decoration:none; }

body,table	{   font-family:Arial, Helvetica;	  	        
	  	        background-color:black;
                color:white;
           	    padding-top:0px;
           	    padding-left:0px;
                padding:0px;
           	    margin:0px;
               	text-align:center; 		/* Hack fuer den IE: Damit Elemente Horizontal zentriert werden */               	               	         
			}

h1 		{ 	margin-top:1em;		  	
		  	padding-left:0em;			          	
		  	font-size:11pt;
		  	font-weight:bold;		  		 
		  	color:#CCCCCC;
		}

h2		{ margin-top:0.5em;
		  font-size:11pt;
		  font-weight:bold;
		  color:#CCCCCC;
		}
h3		{ font-size:9pt;
		  font-weight:bold;
		  color:#CCCCCC;
		}

ul		{ list-style-image:url(../images/common/bullet.gif);
		  vertical-align:middle;
          padding-bottom:4px;
		}
li		{ vertical-align:middle;
          padding-bottom:10px;
		}

img		{ border:0px;
		}

iframe		{ border:0px; }


         /* Klassen */

/* Textinhalte werden in diesem Container platziert */
.BoxContent { 	width:320px;
				padding-top:1px;
				padding-left:40px;
				
			 }
			 
/* Thumbs in diesen Container */			 
.BoxThumbs 	{	width:300px;
				float:right;
				padding-top:4px;
				padding-left:10px;
				
			}
			
.thumb	 	{	width:50px;
				height:50px;
				float:left;				
				margin-right:18px ! important;
				margin-top:6px ! important;																	
				border:solid 1px black;
				background-color:#CCCCCC;							
			}			
         
.naviItem	{ margin-right:25px;
	
			}
			
.naviItemActive { margin-right:25px;
				}
.naviItemActive a:link 	{ color:white;
						}

.naviItemActive a:visited 	{ color:white ! important;
							}		      

.notiz		{ font-size:1em;
		      text-align:justify;
		    }
		    
.author		{ font-size:0.7em;
		      text-align:justify;
		    }		    

.error      { font-size:0.8em;
              font-weight:bold;
		      color:red;
            }

.errorForm	{ border:solid 1px red;		/* Zum markieren von Formularfeldern */
    			}

.imagetext	{ font-size:0.8em;
			}
			
.panelfooter1	{                   		
                   color:white;
                   font-size:10pt;
                   font-weight:bold;
                   border-bottom:solid 1px #333333; 	
                   padding-left:8px;
                   padding-top:6px;
                   padding-bottom:6px;
                   clear:both;
                   border-top:solid 1px #333333;
                   border-left:solid 0px;
		}
		
.panelfooter2	{  		
                   color:white;
                   font-size:10px;
                   font-weight:normal;
                   /* border-bottom:solid 1px #ffffff;   */
                   padding-left:0.7em;
                   padding-top:15px;
                   padding-bottom:5px;
		}

.frameTop	{ 	border-top:1px solid #333333;
  		  		padding-top:10px;
			}

.imageleft	{ margin:15px;
			}

.imagelink	{ 	text-decoration:none;
		  		vertical-align:middle;
                 border:0px;                 
			}

.subNote		{ 	font-size:1em;
		  		color:white;
          		text-align:center;
			}

.centeredBox	{ text-align:center;
			}
	
#InnerBoxCenter	{ 	width:550px;
		  			text-align:left;
                  	margin:0 auto;
				}

	/* spezielle Linkformatierungen */

div#BoxMiddle a:link 	{ color:white; text-decoration:underline; border-bottom:1px #666666;}
div#BoxMiddle a:visited	{ color:white; text-decoration:underline; border-bottom:1px #666666;}
div#BoxMiddle a:hover	{ color:white; text-decoration:underline; border:0px;}
div#BoxMiddle a:active	{ color:#890018; text-decoration:underline; border:0px;}

div#BoxNavi a:link 		{ color:black; text-decoration:none; font-weight:bold; }
div#BoxNavi a:visited	{ color:black; text-decoration:none; font-weight:bold; }
div#BoxNavi a:hover		{ color:white; font-weight:bold; text-decoration:none; border:0px;}
div#BoxNavi a:active	{ color:#890018; text-decoration:none; font-weight:bold; }

div#BoxSubNavi a:link 		{ color:black; text-decoration:none; font-weight:bold; }
div#BoxSubNavi a:visited	{ color:black; text-decoration:none; font-weight:bold; }
div#BoxSubNavi a:hover		{ color:white; font-weight:bold; text-decoration:none; border:0px;}
div#BoxSubNavi a:active		{ color:#890018; text-decoration:none; font-weight:bold; }

div#BoxLeft a:link 		{ color:white; text-decoration:none; border-bottom:1px #666666;}
div#BoxLeft a:visited	{ color:white; text-decoration:none; border-bottom:1px #666666;}
div#BoxLeft a:hover		{ width: 100%; color:white; background-color:black; text-decoration:none; border:0px;}
div#BoxLeft a:active	{ color:#890018; text-decoration:none; border:0px;}

div#BoxBlogContent a:link 		{ color:white; text-decoration:none; border-bottom:1px dotted #666666;}
div#BoxBlogContent a:visited	{ color:white; text-decoration:none; border-bottom:1px dotted #666666;}
div#BoxBlogContent a:hover		{ color:white; background-color:black; text-decoration:none; border:0px;}
div#BoxBlogContent a:active		{ color:#890018; text-decoration:none; border:0px;}

div#BoxAppendix a:link 		{ color:white; text-decoration:none; border-bottom:1px dotted #666666;}
div#BoxAppendix a:visited	{ color:white; text-decoration:none; border-bottom:1px dotted #666666;}
div#BoxAppendix a:hover		{ color:white; background-color:black; text-decoration:none; border:0px;}
div#BoxAppendix a:active	{ color:#890018; text-decoration:none; border:0px;}

.panelfooter1 a:link 	{ color:white; 	text-decoration:none; } 
.panelfooter1 a:visited	{ color:white; 	text-decoration:none; } 
.panelfooter1 a:hover 	{  } 
.panelfooter1 a:active	{ color:#666666;	text-decoration:underline; }

	/* ----- Formular-Elemente ----------------------------------------- */
 	
input,textarea,select { border:solid 1px black;
						background-color:white; 
                        font-family:Arial;
                        font-size:10pt;
                        padding:3px;
                   	   	width:100%;
    		         	}
label           	{ font-size:8pt; }
input:focus	    	{ background-color:#cccccc;}
textarea:focus		{ background-color:#cccccc; }

.auswahl	{	border:solid 0px;    	  	 	
    		}

.button	{ 	background-color:white;
			color:black;
		   	border-color:black;
            border-width:2px;
            border-style:solid;
	      	font-size:9pt;
            font-family:Verdana,Arial,Helvetica;
            font-weight:bold;
            width:85px;
         }


	/* ----- Tabellenfreies Layout ----------------------------------------- */
 	
 	/* Der Spruch unter der Headergrafik */
#claim	{	font-size:10px;
		}
 	

  div#Page { 	text-align:left;
	    		margin:0 auto;      /* horizontale Zentrierung */
             	             		width:780px;
             	    	
    	    	background-image:url(../images/design/img_bg_main.jpg); 
    	    	background-repeat:no-repeat;
    	    	background-position:0px 0px;    	    	    	    	
  	  		}

  html>body div#Page 	{ border-color:#333333;  /* Browserweiche: Farbangleichung fuer IE  */  			 
  						}

  div#BoxLeft {
            font-size:1em;
	        float:left;
	        width:1.2em;
	        margin-top:0em;
            margin-left:0.5em;
            margin-bottom:0.2em;
            padding:0.3em;
            border:1px solid #333333;
           
            color:white;
  	     }
  div#BoxLeft p { font-size:0.8em;
  		        }

  div#BoxRight {	
            		font-size:1em;
		    		float:right;
    				width:0.5em;
    				margin-top:1.5em;
            		margin-bottom:1.5em;
            		margin-right:0.5em;
            		padding:0.5em;
    				border:0px solid #333333;
    				background-color:#000000;
    				/* display:none; */
  	      	}

  div#BoxRight p { font-size:0.8em;
  				}
  				
  div#BoxBlogRight {	
            			font-size:1em;
		    			float:right;
    					width:11.5em;
    					margin-top:1.5em;
            			margin-bottom:1.5em;
            			margin-right:0.5em;
            			padding:0.5em;
    					border:1px solid #333333;
    					background-color:#000000;
    					/* display:none; */
  	      	}

  div#BoxBlogRight p { font-size:0.8em;
  					}

  				

  div#BoxMiddle {	font-size:11pt;                  		              
                  	margin-left:35px;                  	                  	
                  	                  	width:710px;	                  	
                  	padding-right:1em;
                  	                  	height:315px;
                  	overflow:auto;
					/* border:1px solid #333333; */     		 		
    		 		color:#cccccc;    
    		 		font-weight:normal;
  	       		}
  	       		
  div#BoxHeader {	font-size:9pt;                  		              
                  	font-weight:normal;
                  	text-align:center;
                  	width:725px;	                  	
                  	height:40px;
                  	padding-top:115px;
                  	margin-left:35px;                  	    		 		    		 		                  	                  	                  	                  	                  	                  	                                                     	
					/* border:1px solid #333333; */     		 		
    		 		color:#CCCCCC;        		 		    		 		    		 		
  	       		}

	div#BoxNavi {	font-size:9pt;                  		              
                  	font-weight:normal;
                  	text-align:center;
                  	width:725px;	                  	
                  	height:20px;
                  	padding-top:60px;                  	
                  	margin-left:35px;                  	    		 		    		 		                  	                  	                  	                  	                  	                  	                                                     	
					/* border:1px solid #333333; */     		 		
    		 		color:#CCCCCC;    		 		        		 		    		 		    		 	
  	       		} 

	div#BoxSubNavi {	font-size:9pt;                  		              
                  		font-weight:normal;
                  		text-align:right;                  		
                  		width:680px;
                  		height:14px;	                  	                  		
                  		padding-top:5px;                  	
                  		margin-top:0px;
                  		margin-left:35px;                  	    		 		    		 		                  	                  	                  	                  	                  	                  	                                                     	
						/* border:1px solid #333333; */      		 		
    		 			color:#CCCCCC;    		 		        		 		    		 		    		 	
  	       			}   	       		
  	       		
  	       		
div#BoxMiddle p	{	font-size:9pt;
					font-weight:normal;
    		   		margin:1em 0;    		   		
				}
		 			
div#BoxMiddle div	{	font-size:9pt;
    		   			font-weight:normal;
    		   			margin:1em 0;    		   			
		 			}
		 			
 div#BoxMiddleBM {	font-size:1em;
                  	margin-top:0em;
	              	margin-bottom:0.5em;
                  	margin-left:0.5em;
                  	padding-left:1em;
                  	padding-bottom:1em;
                  	                  	width:45.2em;
                  	padding-right:1em;
                  						border:1px solid #333333;
    		 		background-color:white;
    		 		color:black;
  	       		}
  	       		
div#BoxMiddleBM p 	{ 	font-size:0.8em;
    		   				margin:1em 0;
		 			}
		 			
div#BoxMiddleBM div	{	font-size:0.9em;
    		   				margin:1em 0;
		 			}		 			
		 			
div#BoxBlogContent {	font-size:1em;
                  	margin-top:1.5em;
	              	margin-bottom:1.5em;
                  	margin-left:1.0em;
                  	padding-left:1em;
                  	padding-bottom:1em;
                  	                  	width:30.5em;
                  	padding-right:1em;
                  						border:1px solid #333333;
    		 			background-color:#000000;
  	       		}
  	       		
div#BoxBlogContent p 	{ 	font-size:0.8em;
    		   				margin:1em 0;
		 			}		 			
		 			
div#BoxBlogContent div	{ 	font-size:0.9em;
    		   					margin:1em 0;
		 				}
		 
  div#BoxAppendix {	font-size:1em;
                  	margin-top:1.5em;
	              	margin-bottom:1.5em;
                  	margin-left:11.0em;
                  	padding-left:1em;
                  	padding-bottom:0.2em;
                  	                  	width:26.5em;
                  	padding-right:1em;
                  						border:1px solid #333333;
    		 			background-color:#000000;
  	       		}

	div#BoxAppendix p { 	font-size:0.8em;
    		   				margin:1em 0;
		 			}


  div#BoxInnerLeft { float:left;
  		     		border:1px dashed #666666;
                     padding:10px;
                     padding-bottom:0px;
                   }

  div#BoxInner	{ /* float:left; */
  		     		width:498px;
 		     		border:1px dashed #ffffff;
		     		margin-top:25px;
		     		padding:10px;
		     		padding-bottom:0px;
   		   		}

  div#BoxInnerRight {float:left;
  		     		border:1px dashed #ffffff;
                     margin-left:15px;
                     padding:10px;
                     padding-bottom:0px;
                    }
                    
                    
                    
                    
	/* Formatierung fuer Gaestebuch */               
.shtbox		{ visibility:Hidden;
			}	
	
.shoutBox	{ 	display:block;
                 border:solid 1px #666666;
                 padding:0px;
                 margin:2px;
				width:390px;
				font-size:1em;
			} 

.shoutBoxLeft	{ 	display:inline;
					float:left;
                   	border-right:solid 1px #666666;
                   	padding:2px;
                   	margin:1px;
                   	width:100px;
                   	font-size:1em;
				}

.shoutBoxRight	{	display:inline;
			  		float:left;
	                 padding:5px;
	                 margin:1px;
					width:270px;
					font-size:100%;
				}    
				
/* Blog Teaster */
.blogteaster_readmore 	{ 	text-align:right;
							font-size:10px;
							font-weight:bold;
							padding-right:5px;	
						}
             
.blogteaster_date	{	font-size:10px;
						font-weight:bold;
					
					}