@charset "utf-8";
/* CSS Document */
body {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
background-image:url(http://www.yoyo-buohler.com/img/verlauf.gif);
background-color:#FFFFFF;
background-position:fixed;
background-repeat:repeat-x;
background-attachment:fixed;
font-family:"Tahoma", Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.ghost_layer {
position:fixed;
border:none;
background-color:#000000;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
-khtml-opacity:0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
margin:0px;
padding:0px;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:left;
z-index:100;
cursor:wait;
}

.player {
position:fixed;
left:50%;
width:640px;
margin-left:-320px;
top:50%;
height:545px;
margin-top:-270px;
z-index:102;
cursor:auto;
}

div#layer_top {
position:fixed;
float:left;
background-color:#000000;
left:0px;
top:0px;
width:100%;
height:60px;
border-bottom:3px #fd952e solid;
z-index:10;
filter:alpha(opacity=85);
opacity:0.85;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}

div#layer_middle {
position:relative;
float:left;
width:100%;
/*height:auto;*/
left:0px;
margin-top:63px;
padding-bottom:80px;
overflow:hidden;
}

div#layer_bottom {
position:fixed;
float:left;
background-color:#000000;
left:0px;
bottom:0px;
width:100%;
height:60px;
border-top:3px #fd952e solid;
filter:alpha(opacity=85);
opacity:0.85;
-moz-opacity:0.85;
-khtml-opacity:0.85;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}
div#bottom_menue {
position:fixed;
float:left;
left:0px;
bottom:0px;
width:100%;
height:60px;
text-align:center;
color:#fd952e;
}

div#content {
position:relative;
left:50%;
width:800px;
margin-left:-400px;
top:50px;
margin-bottom:100px;
}

div#content_top {
width:800px;
height:21px;
background-image:url(img/content_top.gif);
margin:0;
padding:0;
}

div#content_middle {
width:760px;
height:auto;
background-image:url(img/content_middle.gif);
background-repeat:repeat-y;
margin:0;
padding-left:20px;
padding-right:20px;
color:#FFFFFF;
z-index:10;
}

div#content_bottom {
width:800px;
height:23px;
background-image:url(img/content_bottom.gif);
margin:0;
padding:0;
}

div#header {
position:fixed;
float:left;
left:50%;
width:800px;
margin-left:-400px;
width:800px;
height:60px;
z-index:12;
}

#logo {
position:fixed;
float:left;
height:60px;
margin-left:10px;
margin-top:28px;
position:absolute;
color:#fd952e;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
z-index:1000;
}

div#menue {
position:fixed;
float:left;
height:60px;
margin-top:32px;
margin-left:240px;
position:absolute;
width:auto;
color:#FFFFFF;
z-index:1000;
}

.menueLink {
position:relative;
float:left;
width:80px;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#fd952e;
text-align:center;
text-decoration:none;
font-weight:bold;
padding-top:10px;
cursor:pointer;
}

.menueLink:hover {
position:relative;
float:left;
width:80px;
height:23px;
background-image:url(img/menue.jpg);
background-repeat:no-repeat;
background-position:center;
color:#000000;
text-align:center;
text-decoration:none;
font-weight:bold;
padding-top:10px;
cursor:pointer;
}

.link {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
padding:4px;
border:1px #fd952e solid;
}

.link:hover {
background-color:#000000;
color:#b7bb20;
font-weight:bold;
text-decoration:none;
padding:4px;
border:1px #b7bb20 solid;
}

h1 {
font-size:14px;
margin-left:0px;
margin-top:15px;
color:#000000;
}

.bottom_link, bottom_link:hover {
color:#fd952e;
text-decoration:none;
}

.gal_imgs {
padding:2px;
border:2px #fd952e solid;
}
.gal_imgs:hover {
background-color:#b7bb20;
padding:2px;
border:2px #000000 dashed;
}