/* IE PNG FIX */
 img, td, div, a { behavior: url(iepngfix.htc) }


img {
border: 0;
display: block;
}

form {
margin: 0;
padding: 0;
}

table, td, input, textarea, select {
font-family: Times, 'Times New Roman', serif;
font-size: 1em;
}

.clr {
clear:both;
}

body {
margin: 0;
padding: 0;
font-family: Times, 'Times New Roman', serif;
font-size: 0.8em;
background: white url(img/bodybg.jpg) center top repeat;
color: #000;
}

* {
letter-spacing: 1px;
word-spacing: 1px;
}

#background {
background: transparent url(img/backbg.jpg) center top no-repeat;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 9%;
}

#base {
position: relative;
width: 725px;
}

#basetable {
width: 725px;
}

#base td {
vertical-align: top;
}

#menutop {
background-image: url(img/menutopbg.png);
width: 159px;
height: 60px;
}
#menu {
background: #fff3c4 url(img/menumidbg.jpg) 0 0 repeat-y;
width: 139px;
}
#menubot {
background-image: url(img/menubotbg.png);
height: 20px;
}
#menu-in {
padding: 0px 6px 0px 6px;
}

#menulogo {
display:block;
margin-top: 13px;
margin-bottom: 40px;
}
#siteselect {
height: 40px;
width:127px;
background: transparent url(img/line.png) top left no-repeat;
position: absolute;
bottom: 20px;
left: 14px;
}
#siteselect div {
padding-top:18px;
font-size: 0.3em;
text-align: center;
}
#siteselect img {
display:inline;
margin: 0 1px 0 1px;
}

#home #menutop, #home #menu, #home #menubot, #home .menushade,
#teaserpage #menutop, #teaserpage #menu, #teaserpage #menubot, #teaserpage .menushade {
background-image: none;
background-color: transparent;
}


#contenttop {
background-image: url(img/contenttopbg.png);
width: 551px;
height: 60px;
}
.contenttop_over {
background-image: url(img/contenttopbg_over.png) !important;
}
#contenttop a {
display:block;
position: absolute;
left: 439px;
top: 10px;
width: 42px;
height: 48px;
}

#content {
background: #fff3c4 url(img/contentmidbg.jpg) 0 0 repeat-y;
width: 531px;
}
#contentbot {
background-image: url(img/contentbotbg.png);
height: 20px;
}

#content-in {
min-height: 810px;
padding: 0 8px 34px 6px;
}
* html #content-in {
height: 810px;
}

#foot {
height: 40px;
width:517px;
background: transparent url(img/line.png) top left no-repeat;
position: absolute;
bottom: 20px;
left: 188px;
}
/*#home #foot,
#teaserpage #foot {
background: transparent url(img/line.png) top left no-repeat;
}*/

#foot img {
margin-left:26px;
margin-top:12px;
}

#siteheadline img {
display: inline;
}
#siteheadline {
height: 32px;
text-align: center;
position: relative;
}
#soundselect .line, #langselect .line, #siteheadline .line {
position: absolute;
left:0;
bottom:0;
width: 127px;
}
#siteheadline .line {
width: 517px;
}




.colsep {
width: 15px;
}

.leftshade {
background-image: url(img/leftshade.png);
width: 8px;
}
.rightshade {
background-image: url(img/rightshade.png);
width: 12px;
}

#langselect {
height: 32px;
position: relative;
}
#flags {
position:absolute;
right:5px;
top:4px;
}
#flags img {
display:block;
float: left;
margin-left: 3px;
}

#soundselect {
visibility:hidden;
height: 20px;
position: relative;
}

.line {
display: block;
height: 5px;
overflow: hidden;
background: transparent url(img/line.png) top left no-repeat;
}

.teaser, .intro, .media {
width: 474px;
height: 177px;
position: relative;
margin: 13px 0 9px 22px;
}
.intro {
height: 227px;
margin: 19px 0 16px 22px;
}
.media {
margin:0;
width: 212px;
height: 127px;
}
.teaser img, .intro img, .media img {
position: absolute;
display:block;
left:15px;
top:15px;
width: 446px;
height: 149px;
z-index: 1;
}
.intro img {
height: 199px;
}
.media img {
left: 9px;
top: 9px;
width: 196px;
height: 111px;
}

.teaser .frame, .intro .frame, .media .frame {
position: absolute;
display:block;
left:0px;
top:0px;
width: 474px;
height: 177px;
background: transparent url(img/teaserframe.png) 0 0 no-repeat;
z-index: 2;
}
.teaser a, .intro a, .media a, .mediaboxtable {
position: absolute;
display:block;
left:0px;
top:0px;
width: 474px;
height: 177px;
z-index: 3;
}

.mediaboxtable td {
text-align: center;
vertical-align: middle !important;
}

.mediaboxtable img, .mediaboxtable a {
position: static !important;
width: auto !important;
height: auto !important;
display: inline !important;
}

.mediaboxtable a {
visibility: hidden;
}
.linksshow a {
visibility: visible !important;
}


.intro .frame {
background-image: url(img/introframe.png);
height: 227px;
}
.media .frame {
background-image: url(img/mediaframe.png);
width: 212px;
height: 127px;
}
.intro a {
height: 227px;
}
.media a, .mediaboxtable, .mediaboxtable td {
width: 212px;
height: 127px;
}
* html .media a, * html .intro a, * html .teaser a {
background-color: black;
filter: alpha(opacity=1);
}

.teaser a span, .intro a span, .media a span {
display: none;
}


em, a, .a {
color: #95632f;
font-style: normal;
text-decoration: none;
}

a:hover, .a:hover {
color: #663300;
}


#path {
padding: 4px 25px 1px 25px;
}
#path a, #path span {
padding: 0 2px 0 2px;
}

h1 {
margin:0;
padding: 0;
}

p {
margin:0;
padding: 9px 25px 6px 25px;
}

ul, ol {
margin-top:0;
margin-bottom:0;
padding-top:9px;
padding-bottom:6px;
}

.topline {
margin-bottom: 4px;
}
.botline {
margin-top: 4px;
margin-bottom: 1px;
}

.news p {
padding: 15px 25px 12px 25px;
text-align:center;
}

.mediablock {
position: relative;
z-index:1;
height: 175px;
background: transparent url(img/medialine.png) 0 0 no-repeat;
margin-top: -1px;
margin-bottom: -5px;
}
* html .mediablock {
width: 100%;
}


.mediablock .media {
position: absolute !important;
left: 20px;
top: 30px;
}
.mediainfo {
position: absolute !important;
top: 0;
right:0;
width: 270px;
height: 173px;
overflow:auto;
}
.mediablock p {
padding-top: 12px;
padding-bottom: 3px;
}

#contentnavi {
position: relative;
z-index:1;
margin-top: 5px;
margin-bottom:-17px;
font-size: 1.2em;
}
#contentnavi .out {
float: left;
margin-left: -2px;
padding-bottom: 12px;
}
#contentnavi .in {
display:block;
background: transparent url(img/navdot.gif) left bottom no-repeat;
}
#contentnavi a, #contentnavi .a {
cursor: pointer;
display:block;
padding: 3px 12px 10px 12px;
background: transparent url(img/navdot.gif) right bottom no-repeat;
}
.movelink, .movelink * {
background-image: none !important;
}
#contentnavi .active {
position: relative;
z-index:1;
background: transparent url(img/contentnavactive.jpg) center top no-repeat;
}
* html #contentnavi .active {
position: static;
}

#contentnavi .active a {
color:black;
background-image: url(img/navdot-right.gif);
}
#contentnavi .active .in {
background-image: url(img/navdot-left.gif);
}

.disabled {
visibility: hidden;
}

.openmenu {
background-color:#faf0d1;
margin-bottom:-3px;
padding-bottom: 26px;
}
.openmenu .nav1 {
height:38px !important;
background: transparent url(img/nav1open.gif) 85px 25px no-repeat;
}

.nav1 {
display:block;
height:26px;
overflow:hidden;
margin-bottom: -1px;
}

.nav2 {
position: relative;
display:block;
padding-bottom:2px;
margin-bottom: -3px;
}
.nav2active {
background: transparent url(img/nav2open.gif) right center no-repeat;
}

#loginei {
position: absolute;
left: 49px;
bottom: 90px;
width: 60px;
height: 162px;
background-image: url(img/loginei.png);
}
.loginei_over {
background-image: url(img/loginei_over.png) !important;
}
#loginei a {
display:block;
position: absolute;
left: 16px;
top: 63px;
width: 27px;
height: 36px;
}

.layer {
position: absolute;
right: 6%;
/*margin-left: -283px;*/
top: 0;
width: 569px;
height: 454px;
overflow:hidden;
background-image: url(img/layershade.png);
display: none;
z-index:1000;
}
.loginlayer,.medialayer {
position: absolute;
top: 6px;
left: 5px;
width: 551px;
height: 436px;
background-color: #cca14c;
background-image: url(img/loginlayer.jpg);
}
.medialayer {
background-image: url(img/medialayer.jpg);
}

#mediatitle {
position: absolute;
left:90px;
bottom: 36px;
font-size: 1.1em;
}

#siteselect {
cursor:default;
}
#siteselect a img {
visibility: hidden;
}
#siteselect a:hover img {
visibility: visible;
}

.layer em {
color: #663333;
}

#mediamov {
position: absolute;
left: 31px;
top: 31px;
}
#mediamov object, #mediamov embed {
width: 490px !important;
height: 307px !important;
}

#mediacontrols {
position: absolute;
left: 31px;
bottom: 22px;
width: 43px;
height: 42px;
}
#goprev {
position: absolute;
left: 0px;
top: 16px;
width: 10px;
height: 11px;
}
#gonext {
position: absolute;
right: 0px;
top: 16px;
width: 10px;
height: 11px;
}
#goup {
position: absolute;
left: 16px;
top: 0px;
width: 10px;
height: 11px;
}
#godown {
position: absolute;
left: 16px;
bottom: 0px;
width: 10px;
height: 11px;
}
#playthis {
position: absolute;
left: 13px;
top: 13px;
width: 16px;
height: 16px;
}
#closelayer {
position: absolute;
right: 5px;
top: 6px;
width: 11px;
height: 10px;
background-image: url(img/close.gif);
cursor: pointer;
}


.selecttitle .title, .selectcat .cat {
color: black;
}

.contentpic {
display: inline;
margin: 10px;
}