body {
margin: 0px;
background-color: #fff;
font-family: verdana, aria, helvetica;
font-size: 11px;
color: #666;
line-height: 1.2em;
overflow:hidden;
width:100%;
height:100%;
}
td {
font-size: 11px;
vertical-align: top;
}
a {
outline:none;
padding:0px;
margin:0px 2px 0px 2px;
color: #666;
}
object {
outline:none;
}
h1{
margin:0px;
padding:5px 0px 5px 0px;
font-family: arial, verdana;
font-size: 17px;
}
.clear {
clear:both;
}
.invisible{
display:none !important;
}

/**************************************************************/
/**************************** CONTENT *************************/
/**************************************************************/
#scrollbody{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
overflow: auto;
background-color: #fff;
}
.top_cont {
background-color:#fbfbfb;
position:relative;
}
.top_cont_wrap {
position:absolute;
padding:0px;
margin:0px;
background:#fbfbfb url(img/topcont_bg.png) repeat-x left top;
bottom:0px;
width:100%;
margin-bottom:10px;
border-bottom:2px dotted #c7c7c7;
}
.top_cont .left {
float:left;
width:48%;
clear:left;
}
.top_cont .right {
float:right;
width:48%;
clear:right;
}
.top_cont div.inner {
padding:15px 0px 15px 0px;
margin:0px;
position:relative;
width:766px;
left:50%;
margin-left:-410px;
}
.cut {
width:17px;
height:13px;
position:absolute;
bottom:-7px;
left:50%;
margin-left:-410px;
background:transparent url(img/cut.png) no-repeat left top;
}
.top_cont .close {
width:20px;
height:23px;
background: transparent url(img/close.png) no-repeat;
position:absolute;
top:20px;
right:-2px;
cursor:pointer;
}
.center {
width: 766px;
position: relative;
left:50%;
margin-left:-410px;
padding:3px 0px 5px 0px;
}
#maincenter {
width: 1000px;
position: absolute;
left:50%;
margin-left:-507px;
}
#logo {
background-image: url(img/mokka_1.jpg);
width: 956px;
height: 266px;
margin-top:30px;
}
#kontaktlink {
position:absolute;
right:70px;
top:60px;
width: 130px;
height: 90px;
display: block;
}
/**************************************************************/
/************************* NAVIGATION *************************/
/**************************************************************/
#nav {
width: 185px;
height: 140px;
position: absolute;
z-index:3;
top: 350px;
left:50%;
margin-left:305px;
background: url(img/nav_bg_1.png) no-repeat left top;
padding-top: 20px;#
}

#nav a img {
position:relative;
z-index:2;
border: none;
display:block;
}
#nav a {
margin: 0 0 0 50px;
padding: 4px 0 0px 5px;
display: block;
height:14px;
position:relative;
}
#nav a.act {
background: url(img/menu_act.png) no-repeat left top;
}
#nav a:hover {
}

#nav a span.link_back {
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background: url(img/menu_hover.png) no-repeat left top;
}

/**************************************************************/
/************************* TOP MENU ***************************/
/**************************************************************/
#topnav {
position:absolute;
top:0px;
left:0px;
z-index:10;
width:100%;
}
#menu {
bottom:0px;
left:0px;
width:100%;
height:39px;
background: transparent url(img/topnav_bg.png) repeat-x bottom left;
}
#menu a img {
border: none;
padding:0px;
margin:0px;
}
#menu a {
margin:0px;
padding: 5px 6px 5px 6px;
float:left;
background-color:#fbfbfb;
}
#menu .spacer {
float:left;
width:1px;
height:21px;
background: url(img/menu_spacer.png) repeat-y left top;
}
#menu a.logo {
padding: 0px;
margin:0px 10px 5px 2px;
}

/**************************************************************/
/******************* CONTENT ELEMENTS *************************/
/**************************************************************/
.teaser {
width: 751px;
background-color: #999999;
margin-left: 100px;
margin-bottom: 100px;
border: 7px solid #999999;
position:relative;
text-align: center;
}

.teaser a img {
border: 0px;
}

.aktuell {
position: absolute;
top: -16px;
left: -18px;
}
.projekt {
width: 750px;
height: 374px;
margin-left: 100px;
margin-bottom: 100px;
border: 7px solid #ccc;
position:relative;
}

.projekt a img {
border: 0px;
}

.projekt img {
display: block;
}
.projektinfo {
color: #666666;
font-size: 10px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
background-color:#fff;
display:none;
}
.projektinfo p{
margin:0px;
padding:5px;
}
.kategorie {
width: 751px;
height: 270px;
background-color: #fff;
margin-left: 100px;
margin-bottom: 100px;
border: 7px solid #999999;
}

.kategoriemokka {
width: 751px;
background-color: #fff;
margin-left: 100px;
margin-bottom: 100px;
border: 7px solid #999999;
}

.kat_inner {
background: url(img/eck.png) no-repeat right top;
padding: 20px 0px 0 20px;
height: 100%;
}
.inhalt {
height: 240px;
width: 100%;
}
.print {
background-image: url(img/siegel_print.png);
background-repeat: no-repeat;
background-position: 550px 0px;
}
.web {
background-image: url(img/siegel_web.png);
background-repeat: no-repeat;
background-position: 550px 10px;
}
.video {
background-image: url(img/siegel_video.png);
background-repeat: no-repeat;
background-position: 600px 50px;
}
#buying {
background-image: url(img/banner.jpg);
background-repeat: no-repeat;
background-position: 410px 0px;
}

.mokka {
background-image: url(img/sugar.jpg);
background-repeat: no-repeat;
background-position: 530px 160px;
width: 100%;
}

/**************************************************************/
/************************* FORM *******************************/
/**************************************************************/
div.rowElem{
position:relative;
}
label {
width:60px;
}
input[type=text]{
width:230px;
padding:0px;
margin:0px;
}
textarea{
width:230px;
padding:0px;
margin:0px;
font-family:Arial,Helvetica,sans-serif;
}
div.jqTransformInputInner{
position:relative;
}
div.error {
text-align:right;
position:absolute;
right:-15px;
top:0px;
z-index:10;
display:block;
clear:both;
padding:0px;
margin:0px;
padding-top:2px;
}
form{
clear:both;
margin-bottom:7px;
}

.vidcont div {
display:none;
}

.mustbeblank {
display: none !important;
}

#video_02 {
position: absolute;
top: 50px;
left: 120px;
}

#video_03{
position: absolute;
top: 50px;
left: 210px;
}

#video_04{
position: absolute;
top: 10px;
left: 210px;
}

#video_05{
position: absolute;
top: 5px;
left: 190px;
}

#video_06{
position: absolute;
top: 20px;
left: 125px;
}

#video_07{
position: absolute;
top: 20px;
left: 215px;
}

#video_08{
position: absolute;
top: 15px;
left: 100px;
}

/**************************************************************/
/**************************** NEW *************************/
/**************************************************************/
#scrollbody{
position:static;
}
body{
overflow:auto;
height:100%;
}
html{
height:100%;
}
#topnav{
position:fixed;
}
#nav{
position:fixed;
}