html, body
{
    background:#FFF;
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, Verdana, sans-serif;
}

#main
{
    height:650px;
    width:880px;
    margin:2px auto 0px;
    padding:0px;
}

#logo
{
    position:relative;
    float:left;
    width:809px;
    height:62px;
    margin:0px 0px 10px;
    padding:0px;
    background:url('../img/logo.gif') left no-repeat;
}

#img
{
    position:relative;
    float:left;
    width:74px;
    height:580px;
    margin:0px;
    padding:0px;
    background:url('../img/img.jpg') left no-repeat;
}

#nav
{
    position:relative;
    float:left;
    width:147px;
    height:580px;
    margin:0px;
    padding:0px;
    background:url('../img/nav_bg.jpg') left no-repeat;
}

#content
{
    position:relative;
    float:left;
    width:588px;
    height:580px;
    margin:0px;
    padding:0px;
}

#content a,
#content a:link,
#content a:active,
#content a:visited
{
    color:#333;
    text-decoration:none;
}

#content a:hover
{
    color:#333;
    text-decoration:underline;
}

#cnt
{
    position:absolute;
    top:30px;
    left:50px;
    z-index:100;
    font-size:11px;
    line-height:20px;
    color:#000;
}

#cnt h1
{
    font-size:12px;
    font-weight:bold;
    color:#000;
    line-height:18px;
    margin:0px;
    padding:0px;
}


#eisenland_img
{
    vertical-align:bottom;
    position:absolute;
    width:107px;
    height:100px;
    bottom:0px;
    left:50px;
    z-index:50; 
}

#cartoon
{
    position:absolute;
    width:530px;
    height:200px;
    bottom:0px;
    left:50px;
    z-index:50;
}

#third_nav
{
    position:relative;
    float:left;
    width:71px;
    height:580px;
    margin:0px;
    padding:0px;
    background:url('../img/3rd_nav_bg.jpg') left no-repeat;
}

#third_nav a,
#third_nav a:link,
#third_nav a:visited
{
    color:#000;
    text-decoration:none;
}

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

#third_nav_cnt
{
    position:absolute;
    top:0px;
    left:0px;
    width:71px;
    height:500px;
    margin:0px;
    padding:0px;
}

#impressum
{
    position:absolute;
    bottom:0px;
    left:3px;
    height:15px;
    width:68px;
    margin:0px;
    padding:40px 0px 0px 0px;
    font-size:10px;
    color:#000;
}

#impressum a,
#impressum a:link,
#impressum a:visited
{
    color:#000;
    text-decoration:none;
}

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


/*****************************/
/* Content-Background-Images */
/*****************************/

.home
{
    background:url('../img/big_img/beck.jpg') 90% 40% no-repeat;
}

.tourbilon
{
    background:url('../img/big_img/tourbilion.gif') 85% 20% no-repeat;
}

.modelle
{
    background:url('../img/big_img/tourbilion.gif') 85% 20% no-repeat;
}

.eisenleut
{
    background:url('../img/big_img/eisenleut.gif') 100% 100% no-repeat;
}

.eisenland
{
    background:url('../img/big_img/eisenland.gif') 90% 100% no-repeat;
}

.pendel
{
    background:url('../img/big_img/pendel.gif') 90% 100% no-repeat;
}

.kreisel
{
    background:url('../img/big_img/kreisel.gif') 90% 100% no-repeat;
}

.rollerer
{
    background:url('../img/big_img/rollerer.gif') 90% 100% no-repeat;
}

.feuer
{
    background:url('../img/big_img/feuer.gif') 90% 100% no-repeat;
}

.installationen
{
    background:url('../img/big_img/installationen.gif') 50% 100% no-repeat;
}

.rent_a_beck
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.projekt
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.locations
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.anfrage
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.termine
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.kontakt
{
    /*background:url('../img/big_img/home.gif') right bottom no-repeat;*/
}

.sternen_spaziergaenge
{
    background:url('../img/big_img/spaziergaenge.jpg') 50% 100% no-repeat;
}

/****************************/
/*                Navigation               */
/****************************/
.menu
{
    z-index:1000;
    margin:0px;
}

.menu ul
{
    padding:0;
    margin:-5px 0px 0px 0px;
    list-style-type:none;
    width:71px;
    position:relative;
}

.menu li
{
    height:70px;
}

.menu ul li
{
    display:block;
    height:70px;
    width:71px;
	padding:0 0 0 5px;
    font-size:10px;
    margin:5px 0px 0px 0px;
}

* html .menu li
{
    margin-left:16px;
    margin-left:0;
}

.menu table
{
    position:absolute;
    border-collapse:collapse;
    top:0;
    left:0;
    z-index:100;
    width:0;
    height:0;
}

.menu ul li a,
.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited
{   
	display:block;
	width:66px;
	height:50px;
	padding:25px 0px 0px 0px;
    text-decoration:none;
    color:#fff;
    overflow:hidden;
}

.menu ul li a:hover
{
    color:#fff;
    background:url('../img/active.gif') right top no-repeat;
}

.active_1st
{
    color:#fff;
    background:url('../img/active.gif') right top no-repeat;
}

.menu ul ul li
{
    display:block;
    height:70px;
    width:71px;
	padding:0 0 0 5px;
    font-size:10px;
    margin:5px 0px 0px 5px;
}

.menu ul ul li a,
.menu ul ul li a:link,
.menu ul ul li a:active,
.menu ul ul li a:visited
{
	display:block;
	width:71px;
	height:50px;
	padding:25px 0px 0px 0px;
    text-decoration:none;
    color:#000;
    overflow:hidden;
}

.menu ul li ul li a:hover
{
    color:#000;
    background:url('../img/2nd_nav_active.png') right top no-repeat;
}

.active_2nd
{
    color:#000;
    background:url('../img/2nd_nav_active.png') right top no-repeat;
}

.menu ul ul
{
    display:none;
    position:absolute;
    top:0px;
    left:70px;
}

.menu ul li:hover ul,
.menu ul li a:hover ul,
.active_ul
{
    display:block !important;
    height:585px;
    width:77px !important;
    top:-5px;
    *top:0px;
    margin:0px;
    padding:0px;
    background:url('../img/2nd_nav_bg.jpg') right bottom no-repeat;
}



/****************************/
/*           Navigation_Third            */
/****************************/
#third_nav_cnt
{
    z-index:1000;
    margin:0px;
}

#third_nav_cnt ul
{
    padding:0;
    margin:-5px 0px 0px 0px;
    *margin:-6px 0px 0px 0px;
    list-style-type:none;
    width:71px;
    position:relative;
}

#third_nav_cnt li
{
    height:70px;
    *height:71px;
    *margin-top:1px;
}

* html #third_nav_cnt li
{
    margin-left:-16px;
}

#third_nav_cnt table
{
    position:absolute;
    border-collapse:collapse;
    top:0;
    left:0;
    z-index:100;
    width:0;
    height:0;
}

#third_nav_cnt ul li a,
#third_nav_cnt ul li a:visited
{
    display:block;
    text-decoration:none;
    height:25px;
    width:71px;
    color:#fff;
    font-size:10px;
    margin-top:5px;
}

#third_nav_cnt ul li a:hover
{
    color:#fff;
    background:url('../img/active.gif') right top no-repeat;
}



/****************************/
/*                   Videos                 */
/****************************/

.video
{
    position:relative;
    float:left;
    width:71px;
    height:71px;
    margin-bottom:4px;
}



/****************************/
/*                   PopUp                 */
/****************************/
#popup
{
    display:none;
}

#popup_open
{
    position: absolute;
    width: 400px;
    height:500px;
    top:50%;
    left:50%;
    margin: -250px 0px 0px -225px;
    padding: 20px;
    border:#000 solid 1px;
    background: #FFFFFF;
    overflow:auto;
    z-index:200;
    font-size:11px;
    line-height:20px;
    color:#000;
}

#popup_open h1
{
    font-size:12px;
    font-weight:bold;
    color:#000;
    line-height:18px;
    margin:0px;
    padding:0px;
}

#popup_open a,
#popup_open a:link,
#popup_open a:visited
{
	position: absolute;
	top:10px;
	right:20px;
    color:#000;
    text-decoration:none;
    z-index:20;
}

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