/* ----- style.css ----- */

/* ----- Selektoren normalisieren ----- */

html, body, h1, h2, h3, h4, h5, h6, div, p, span, table, td, form, img, li, ul, ol, a, dd, dt, dl, blockquote, address, hr, pre { 
margin: 0; 
padding: 0;
border: none; 
}


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

/* .clearfix {
display: inline-block;
}
*/

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

.hide {
	display:block !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	margin-left: -3000px !important;
	margin-top:-3000px !important;
}


/* ----- Anzeige des im Browser markierten Textes abaendern ----- */

/* ::-moz-selection {
background-color: #fff;
color: #900;
}
*/

/* ----- Allgemeine Einstellungen ----- */

* { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a {
color:#900;
}


a:focus { 
outline: none; 
} 

a img {
border: none;
}

div img {
padding: 0;
max-width: 100%;
border: none;
/* vertical-align: bottom; */
}

span img {
border: none;
}
    
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
    
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

img.categoryIcon {
float: right;
border: 0px;
margin: 5px;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

/* ----- Ueberschriften ----- */

h1 {
font-size: 22px;
color: #900;
font-weight: bold;
}

h1 a {
font-size: 22px;
color: #900;
font-weight: bold;
text-decoration: none;
}

h1 a {
text-decoration: underline;
}

h2 {
color: #900;
font-weight: bold;
}

h2 a {
text-decoration: none !important;
font-size: 18px !important; 
} 

h2 a:hover {
text-decoration: underline !important;
} 

h3 { 
font-size: 12px; 
font-weight: bold; 
padding-bottom: 4px;
}

/* ----- body ----- */

body {
background: url(../img/streifen.jpg) top left repeat-x; 
margin: 0 auto; 
min-width:1046px;
border-top:#000 3px solid;
}

/* ----- komplette Seite ----- */

#container {
width: 1046px; 
margin: 0 auto;
background: url(../img/logo.png) top center no-repeat;
}

/* 

html > body #container {
background: url(../img/logo.png) top center no-repeat;
}	

* html #container {
* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='crop');
}	
		
*/

#page {
width: 935px; 
margin: 0 auto;
min-height: 575px;
padding-bottom:80px;
}

#pageumrandung {
width: 900px; 
text-align: left; 
background-color: #F0F0F0; 
border-right: #cfcfcf 2px solid; 
border-bottom: #cfcfcf 2px solid;
}

/* ----- Navigation ----- */

#navigation { 
height: 54px; 
width: 895px; 
padding-left: 5px; 
font-size: 12px; 
font-weight: bold; 
background: url(../img/header.jpg) top left no-repeat; 
}

#navigation a { 
padding-top: 3px; 
float: left; 
}

/* ----- Header (wg margin-left minus 30px, wg margin-right zusaetzlich minus 150px) ----- */

#header {
width: 340px; 
height: 76px; 
margin: 0 auto; 
padding-top: 86px; 
background: url(../img/logo_schriftzug.gif) center bottom no-repeat;
}

#header a {
color: #000;
text-decoration: none;
font-size: 52px; 
}

#header a:hover {
text-decoration: underline;
}

/* ----- Content-Bereich ----- */

#content {
width: 641px; 
margin: 32px 60px 0 40px;
float: left; 
background-color: #fff;
font-size: 12px; 
line-height: 22px;
display:inline;
text-align:justify;
}

#content a { 
/* color: #838589; */
font-size: 12px;
text-decoration: underline; 
}

#content h2 { 
} /* wird in entries.tpl in Zeile 7 definiert! */

#verlauf {
background: url(../img/background_verlauf.jpg) top left no-repeat;
}

/* ----- Schriftformatierung des kompletten Post-Bereichs innerhalb des contents ----- */

.narrowcolumn { 
margin-left: 30px; 
margin-right: 150px; 
font-size: 12px; 
color: #76787d; 
}

/* ----- Angaben unter dem Post zum Autor, Uhrzeit des Postings, Anzahl Kommentare und Trackbacks ----- */
 
.postmetadata { 
padding-top: 17px; 
padding-bottom: 40px; 
/* border-bottom: #76787d 1px solid;  */
font-size: 9px; 
} 

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

div.postmetadata a { /* ueberschreibt den style .content a, damit die links im comment von denen im div.postmetadata a differenziert werden koennen */
color: #900 !important;
font-size: 9px !important;
text-decoration: none !important;
}
 
div.postmetadata {
color: #900 !important;
}
 
div.postmetadata a:hover { 
text-decoration: underline !important;
}
 
 
/* ----- kompletter Post inklusive der .postmetadata ----- */

.post { 
margin-bottom: 20px; 
text-align: justify; 
} 

/* -----Links innerhalb eines geposteten Textes nach rechts einrücken, um Schwiergkeiten mit dem IE6 zu vermeiden ----- */
.post ul { 
margin-left:16px; 
}

/* ----- zeigt unten die Seitenanzahl und die insgesamt geposteten Einträge auf der aktuellen Seite ----- */

.navigation { 
margin-top: 10px;
margin-bottom: 60px; 
font-size: 9px; 
text-align: center; 
} 

/* ----- Angaben, wann der Post gemacht wurde - steht unter der Post-Ueberschrift ----- */

.small { 
padding-top: 4px;
padding-bottom: 12px; 
font-size: 12px; 
} 

/* ----- Footer ----- */

#footer {
height:350px; 
background: url(../img/schatten_footer.gif) bottom center no-repeat; 
}

a.footer_links { 
color: #838589; 
font-size: 12px; 
text-decoration: none; 
}

a.footer_links:hover { 
text-decoration: underline; 
}

#footer_angaben {
height:50px; 
padding-top:280px; 
font-size:11px;
text-align:center; 
}

#rand {
height: 51px; 
/* margin-top: 47px;  */
margin: 47px auto 0px auto !important; 
width: 935px;
background: url(../img/rand.png) center bottom no-repeat; 
}

#rand_img {
height: 51px; 
width: 935px;
margin: 0 auto;
}

.navigation a { 
font-size: 9px !important;
}

/*
* html #rand {
* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/rand.png', sizingMethod='crop');
}			

html > body #rand {
background: url(../img/rand.png) center bottom no-repeat; 
}	
*/

#schatten {
background: url(../img/schatten_oben.gif) top center no-repeat; 
margin: 0 auto;
}