@CHARSET "UTF-8";

html { overflow: hidden; margin:0px; padding: 0px; }
body {
 margin: 0px;
 padding: 0px;
 background: url(gfx/mainBg.jpg);
 font-family: Arial;
 font-size: 12px;
}

#bottom {
 width: 100%;
 margin-top: -16px;
 height: 101px;
 color: #fff;
 position:relative;
}

#bottomBg {
 background: url(gfx/footerBg.png) repeat-x;
 width: 100%;
 z-index:10;
 height: 101px;
 position: absolute;
 left:0px;
 top:0px;
}	
	
#container {
 overflow: auto;
 padding: 0px;
}

#content {
 padding: 20px;
 width: 960px;
}

#content_news { 
 padding: 20px;
 width: 830px;	
}

#content_page {
 padding: 20px;
 width: 700px;	
 position: relative;
}

.theTitle { margin-bottom: 0px; padding-bottom:0px; color: #c70d02; }
.kategorie { display: block; width: 100%; margin-bottom: 10px;}
.kategorie a { text-decoration:none; color: #aaa; }
.kategorie a:hover { color: #333; }

.nothing { text-align: center; color: #c70d02; }
.pagetitle { color: #c70d02; } 

.imgsingleHolder { width: 230px; height: 150px; float: left; position: relative; }

.wpis { line-height: 1.7em; color: #222; }

.wpis a { text-decoration: none; color: #000; }
.wpis a:hover { text-decoration: underline; }

.wpis h1 { color: #c70d02; font-size: 1.7em; }
.wpis h2 { color: #c70d02; font-size: 1.4em; }
.wpis h3 { color: #c70d02; font-size: 1.1em; }

.imgsingleBG {
 width: 182px;
 height: 105px;
 padding: 14px;
 background: url(gfx/imgBg.png) no-repeat;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 10;
}

.imgsingle {
 width: 182px;
 height: 105px;
 padding: 14px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 z-index: 109;
}

.imgsingle p { margin: 0px; padding: 0px; padding-top: 3px; }

.imgsingle img { border: 0px; z-index: 110; }
.imgsingle a { text-decoration: none; margin-bottom: 3px; }

.imgsingleTitle { color: #000; font-weight:bold; margin-top: 3px; z-index: 110;}
.imgsingleTitle a { color: #000; font-weight:bold; }
.imgsingleTitle:hover { text-decoration: underline; }

.imgsingleDate { display: block; width: 182px; text-align: right; color: #aaa; font-size: 10px; text-decoration: none; margin-top: 1px; padding-top:0px; }
.imgsingleDate a { color: #aaa; text-decoration: none; z-index:110; }
.imgsingleDate a:hover { color: #333; }

#logo {
 position: absolute;
 left: 20px;
 top: 34px;
 width: 173px;
 height: 45px;
 z-index: 100;
}

#logo img { border: 0px; }

.menu { font-size: 11px; color: #fff; padding: 0px 10px; border-left: 1px solid #f4f4f4; line-height: 1.5em; z-index: 103; }
.menu a { text-decoration: none; color: #fff; }
.menu a:hover { text-decoration: underline; }

#menu1 { position: absolute; left: 250px; top: 35px; width: 80px; }
#menu2 { position: absolute; left: 360px; top: 35px; width: 80px; }

.navigation { position: relative; width: 100%; overlow: hidden; height: 15px; color: #333; margin: 20px 0px; }
.navigation a { text-decoration: none; color: #333; font-size: 10px; }
.navigation a:hover { color: #000; }

.tagi { clear: both; width: 100%; overlow: hidden; color: #333; margin-top: 10px; text-align: left; font-size: 10px; }
.tagi a { text-decoration: none; color: #333; font-size: 10px; }
.tagi a:hover { color: #000; }


.alignleft { position: relative; width: 30%; float: left; overflow: hidden; }
.alignright { position: relative; width: 30%; float: right; text-align: right; overflow: hidden; }
.aligncenter { float: left; width: 40%; position: relative; overflow: hidden; text-align: center; }

#alivebadge {
 position: absolute;
 width: 139px;
 height: 163px;
 top: 65px;
 left: 735px;
}

#alivebadge img { border: 0px; }