html{
font-size:100.01%;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.750em;
font-family:arial,helvetica,verdana,sans-serif;
color:#333333;
margin:0;
padding:0;
text-align:left;
background:#fff url(../gfx/body-bg.gif) repeat-x left top;
height:100%;
width:100%;
border:0;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#333333;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
ul li{list-style-type:none;}
fieldset{padding:0;margin:0;border:0}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:963px;
margin:0;
position:relative;
min-height:100%;
padding:0;
text-align:left;
background:#fff url(../gfx/page-bg.jpg) no-repeat left top;
}
* html #page{
height:100%;
}
/*HEADER begin*/
#header{
width:958px;
min-height:200px;
position:relative;
}
* html #header{
height:200px;
}
#header h2 a{
position:absolute;
top:40px;
right:0;
width:181px;
height:97px;
}
#header h2 a span{
width:181px;
height:97px;
background:url(../gfx/mediekos-logo.gif);
}
#header .headline{
position:absolute;
top:87px;
right:-223px;
font-size:11px;
color:#333;
}
/*HEADER end*/

/*SEARCH begin*/
form#search fieldset{
position:absolute;
top:160px;
left:720px;
}
form#search h3{
font-size:24px;
font-weight:normal;
color:#000;
position:absolute;
top:17px;
left:0;
}
form#search input.inputText{
position:absolute;
top:0;
left:0;
width:232px;
height:16px;
padding:1px 3px 0;
border:1px solid #000;
background:#fff;
font-size:12px;
font-family:arial;
}
form#search input.btn{
position:absolute;
top:20px;
left:160px;
}
/*SEARCH end*/

/*MENU begin*/
.menu{
background:url(../gfx/menu-bg.gif) repeat-y left top;
font-size:14px;
color:#fff;
float:left;
min-height:160px;
width:238px;
margin:40px 2px 0 0;
}
* html .menu{
height:160px;
}
.menu a{
text-decoration:none;
height:18px;
display:block;
padding:2px 11px 0;
color:#fff;
}
div.menu a:hover,div.menu a.active{
color:#99ff00;
}
ul.menu a:hover,ul.menu a.active{
background:url(../gfx/menu-active.gif) no-repeat;
}
div.menu ul{
background:#006436;
width:238px;
min-height:160px;
}
* html div.menu ul{
height:160px;
}
div.menu ul li{
background:url(../gfx/menu-line.gif) repeat-x 0 0;
}
div.menu ul li.first{
background:none;
}
#menu1{
text-transform:uppercase;
}
/*MENU end*/

#content{
width:963px;
margin-top:20px;
padding-bottom:329px;
}

/*LEFT COLUMN begin*/
#leftCol{
width:227px;
float:left;
padding:45px 0 0 11px;
}
#leftCol h3{
color:#000;
font-size:24px;
padding:0 0 20px;
font-weight:normal;
text-transform:uppercase;
}
.news{
background:url(../gfx/dot.gif) repeat-x left bottom;
margin-left:-11px;
margin-bottom:5px;
}
.newsBox{
background:url(../gfx/dot.gif) repeat-x 0 0;
width:227px;
padding:5px 0 6px 11px;
}
.newsBox p.date{
color:#cc00ff;
font-size:10px;
}
a.linkArchiv{
width:78px;
height:20px;
background:url(../gfx/archiv-btn.gif) no-repeat;
position:relative;
text-indent:-9999px;
float:right;
margin-top:4px;
}
/*LEFT COLUMN end*/


/*MAIN COLUMN begin*/
#mainCol{
width:702px;
float:right;
position:relative;
}
#mainColIn{
padding:31px 0 0 221px;
}
#mainCol img.mainColImg{
z-index: 100;
position:absolute;
top:88px;
left:0;
}
#mainCol h1{
font-size:36px;
font-weight:normal;
text-transform:uppercase;
padding:0 0 12px;
}
#mainCol p{
padding:0 0 10px;
}
.navigation{
position:absolute;
top:0;
right:0;
background:#000;
font-size:10px;
color:#99ff00;
width:470px;
height:12px;
padding:1px 0 0 8px;
line-height:1;
}
.navigation a{
color:#99ff00;
text-decoration:none;
}
.navigation a:hover{
text-decoration:underline;
}
.navigation span{
margin:0 4px;
}
/*MAIN COLUMN end*/

/*FOOTER begin*/
#footer{
width:958px;
height:329px;
position:absolute;
bottom:0;
left:0;
background:url(../gfx/footer-bg.jpg) no-repeat left top;
}
#footer img.logo{
position:absolute;
top:168px;
left:9px;
}
#footerText{
width:958px;
height:100px;
position:absolute;
bottom:0px;
left:11px;
}
#footerText h3{
font-size:12px;
font-weight:bold;
position:absolute;
top:7px;
left:0;
}
#footerText .clearfix{
position:absolute;
top:22px;
&top:30px;
left:0;
line-height:1.2;
}
#footerText ul{
font-size:11px;
margin-left:30px;
}
#mainCol ul li{
	list-style-type: disc;
	margin-left: 30px;
}
#mainCol ol li{
	margin-left: 30px;
}
.clearfixbig{
float: right;
height: 200px;
}
/*FOOTER end*/