@charset "UTF-8";
@import url("menu.css");
@import url("artikel.css");
@import url("module.css");
@import url("mailform.css");
/* CSS MAIN */

html{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
border: 0;
text-align: center;
font-family: "Trebuchet MS";
font-size: 16px;
background-color: #90BCDF;
background-image: url(../../img/body-background.jpg);
background-repeat: repeat-x;
}

.hidden{
display: none;
}

.killfloat{
clear: both;
height: 0;
width: 0;
overflow: hidden;
}

#page{
position: absolute;
text-align: left;
left: 50%;
top: 0;
margin: 0;
padding: 0;
margin-left: -500px;
width: 1000px;
}

#page .shadowleft{
background-image: url(../../img/page-shadow-left.png);
background-repeat: repeat-y;
background-position: left;
}

#page .pagecontent{
position: relative;
width: 960px;
margin-left: 10px;
padding: 0;
background-color: #E5F0F8;
overflow: hidden;
}

#page .shadowright{
background-image: url(../../img/page-shadow-right.png);
background-repeat: repeat-y;
background-position: right;
position: relative;
}

#page .pagebottom{
background-image: url(../../img/page-background-bottom.png);
background-repeat: no-repeat;
background-position: bottom;
height: 85px;
}

#top{
height: 129px;
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
}

#top .logo{
float: left;
margin-left: 5px;
}

#top .topimage{
float: left;
}

#top .tabs{
float: right;
margin: 0;
padding: 0;
}

#main .left{
width: 470px;
clear: left;
float: left;
margin-left: 5px;
/* background-color: #f00; */
overflow: hidden;
}

#main .normal{
float: left;
/* background-color: #ff9; */
width: 470px;
padding: 0 0 20px 10px;
overflow: hidden;
}

#main .right{
clear: left;
/* background-color: #6c6; */
}

.bottom{
clear: left;
}

.videobtn{
position: absolute;
right: 1px;
top: 178px;
}