@charset "UTF-8";
/* CSS Document */


    body  {
    	font: 10pt Verdana, Arial, Helvetica, sans-serif;
			line-height:1.5em;
    	background: #ffed00;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
	
	   #header { 
    	background: url(../img/melzilla-logo.png) no-repeat; 
    	height: 136px;
		width: auto;
		    } 
			
    #header h1 {
    	display: none;
		margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
   
    #menu_container { 
    	margin: 0 90px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px 0px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
  	width: 500px;
	
	} 
	
	#menu { 
    	margin: 0 200px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    background: #FFFFFF;
	}
	
	 .thrColFixHdr #menu_container h1 { 
    	display: none;
	}
	
   
    .thrColFixHdr #container { 
	  	
    } 
 
	#sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 150px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background:  #ffed00; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 10px 15px 20px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }
	#sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 160px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 10px 15px 20px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }
  
  #container { 
    	width: 540px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	/* background: #FFFFFF; */
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	/* text-align: left;  Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
    } 
  
  
    #mainContent { 
    	/*margin: 0 200px;  Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px 10px 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    background: #FFFFFF;

	} 
	
	
	 
    .thrColFixHdr #footer { 
    	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#DDDDDD;
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	
	/* melzilla specs */
	
	/* Body */

/* Headers */
h1 {
	color:#AC0F00;
	font-size:3.6em;
	letter-spacing:-3px;
	margin:30px 0 20px 25px;
	text-transform: uppercase;
}
h1 a {color:#00b6e8;}
h1 a:hover {text-decoration:none;}
h2 {color:#00b6e8; font-size:14pt; letter-spacing:0; margin:0 0 10px; padding:0 2px 2px 0px;}
h3 {
	border-bottom:1px solid #666666;
	color:#666;
	font-size:1.2em;
	margin:10px 0 8px;
	padding:1px 2px 2px 3px;
	text-transform: capitalize;
}



/* Content */
#content {float:right; line-height:20px; margin:0 15px 10px 0; text-align:justify; width:420px;}
#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:5px;}
#content p {margin:0 0 5px 5px;font-size:10pt;}
#content p.timestamp {
	font-size:10px;
	margin-top: -5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
}
#content p.timestamp a {font-weight:normal;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}

/* Footer */
#footer {clear:both; color:#808080; font-size:8pt; line-height:10pt; margin:0 auto; padding:8px 0; text-align: center; display: block;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080;}
#footer a:hover {text-decoration:underline;}
#footer ul {font-weight:normal;list-style-type: none; color: #818181;  margin: 0; padding: 0; white-space: nowrap; }
#footer li {list-style-type: none; margin: 0px; padding: 0; display: inline;}
#footer li a {font-size: 8pt; padding-right:10px; padding-left:10px;border-right:1px solid #ff0000; text-transform:uppercase;}

/* Comments */
#content div.comment {margin-bottom:15px;}
#content div.comment p {margin:0 0 4px 10px;}
#commentsection p {margin:0 0 8px 10px;}
#commentsection input,#commentsection textarea {padding:5px; width:280px;}
#commentsection textarea#comment {width:400px;}
#commentsection input#submit {
	width:75px;
	color:#fff;
	font-weight:bold;
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#commentsection input,#commentsection textarea,form div.searchbox input {font:9pt Arial, Helvetica, sans-serif; border:1px solid #ccc;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:10pt; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}


/* Links */
a {color:#00b6e8; text-decoration:none;}
a:hover {text-decoration:underline;
}
a img {border:0;}

.linkcat h2{
	color:#D65C00;
	font-size:14px;
	letter-spacing:0;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
margin: 0; 
padding: 0;
} 

ul {font-weight:normal;list-style-type: none; color: #818181;  margin: 0; padding: 0;}



/* Various classes */
.post {margin:0 0 40px 0;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

h2.lefth2 {color:#AC0F00; font-size:12pt; letter-spacing:0; margin:0 0 10px; padding:0 2px 2px 5px;}
h2.middle {
	border-bottom:0px solid #666666;
	color:#00b6e8;
	font-size:13pt;
	letter-spacing:0;
	margin:0 0 10px;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 5px;
}

.lefth2 {color:#AC0F00; font-size:13pt; letter-spacing:0; margin:0 0 10px; padding:0 2px 2px 5px;}

.middleheader {
	border-bottom:1px solid #AC0F00;
	color:#818181;
	font-size:13pt;
	letter-spacing:0;
	margin:0 0 10px;
	padding-top: 30px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
}



.middleheader_sm {color:#AC0F00; font-size:8pt; margin:0 0 10px; }

.widgettitle{
	border-bottom:1px solid #AC0F00;
	color:#D65C00;
	font-size:10pt;
	letter-spacing:0;
	margin:0 0 10px 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}


#feed_container {
    float:left;
    width:194px;
    padding-left:1px;
    padding-top:3px;
    margin-bottom:25px;
  } 
 .feed1{ 
    float:left;
    width:16px;
    padding-left:3px;
  }  
  
 .feed2{ 
    color:#000;
    margin:0;
    float:left;
    font:normal 12px Arial, Helvetica, sans-serif;
    width:170px;
    padding-left:5px;
  }  
  
.leftcontent1 {color:#000000; font-size:10pt; letter-spacing:0; margin:0 0 10px; padding:0 2px 2px 5px; clear:left;}
  
.kategorienlefthead {
	color:#D65C00;
	font-size:14px;
	letter-spacing:0;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
} 


#mainnavbar a {font-size:0.8em; color: #000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-right:10px;padding-left:10px;border-right:1px solid #ff0000;text-transform:uppercase;}
#mainnavbar {padding-left:305px; padding-top:150px;}

#mainnavbar ul {font-weight:normal;list-style-type: none; color: #818181;  margin: 0; padding: 0;}
#mainnavbar li {list-style-type: none;  margin: 0; padding: 0;display: block; float: left;}
#mainnavbar li a {font-size:0.8em; color: #000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-right:10px;padding-left:10px;border-right:1px solid #ff0000;text-transform:uppercase;}

#footerright {float:right; margin:0 0px 0px 0; text-align:right; width:600px;}

.klein {line-height:1em;
color: #999999;
}
.smaller a {font-size:10px; color: #00b6e8;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}