/* ********
GENERAL
******** */
body { 
margin:0; 
padding:0; 
background:#FFF url("img/bg.gif") repeat left top;	
font-family: Vollkorn, serif;
font-size: 15px;
line-height: 22px;
color:#333333;
}

/* Create white top */
.waver {
background: transparent url("img/wave.png") repeat-x left top;	
width: 100%;
height: 200px;
position: absolute;
z-index: -100;
}

/* Images */
img {
border: 0px;
}

img a {
border: 0px;
}

/* Links */
a { 
font-family:'Ropa Sans', sans-serif; 
font-weight:normal; 
text-decoration: none;
}
a:link, a:visited {
color: #333;
}
a:hover, a:active {
color: #e63604;
}

a.active {
color: #e63604 !important;
}

/* Links in content area */
.content a:link, .content a:visited {
color: #e63604;
}
.content a:hover, .content a:active {
color: #333;
}

/* Headers */
h1, h2, h3, h4, h5, h6 					{ font-family:'Ropa Sans', sans-serif; font-weight:normal; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight: inherit; }
h1										{ font-family: Vollkorn, serif; font-size: 50px; line-height: 60px;}
h2, h3										{ font-size: 22px; margin-bottom: 20px;}
h2 										{ line-height: 24px;}

/* Header for Contact */
h2.line	{
background: transparent url(img/dots.png) repeat-x left bottom;
padding-bottom: 20px;
}

/* Lists */
ul {
margin: 20px;
padding: 0px;
}


ul li {
margin: 0px;
padding: 0px;
}


/* ********
END GENERAL
******** */

/* ********
LAYOUT
******** */

/* Top menu */
.contact {
text-align: right;
font-size: 22px;
padding: 40px 0px 30px 0px;
}

/* Logo */
.logo h1 {
margin: 0px;
padding: 20px 0px 0px 0px;
}

.logo a {
font-style: italic;
}

.logo a:hover {
color: #505050;
}

/* About-Link */
.about a {
text-align: center;
display: block;
}

.about a:link, .about a:visited {
background: transparent url(img/about.png) no-repeat left top;
}
.about a:hover, .about a:active {
background: transparent url(img/about-focus.png) no-repeat left top;
}

.about a.active {
background: transparent url(img/about-focus.png) no-repeat left top;
}

/* Main menu */
.menu a {
text-align: center;
display: block;
}
.menu a:link, .menu a:visited {
background: transparent url(img/menu.png) no-repeat left top;
color: #fffbdb;
}
.menu a:hover, .menu a:active {
background: transparent url(img/menu-active.png) no-repeat left top;
color: #e63604;
}

.menu1 a {
font-size: 40px;
line-height: 40px;
width: 140px;
height: 75px;
padding: 45px 0px 20px 0px;
}
.menu2 a {
font-size: 36px;
line-height: 36px;
width: 140px;
height: 75px;
padding: 30px 0px 35px 0px;
}
.menu3 a {
font-size: 28px;
line-height: 28px;
width: 140px;
height: 80px;
padding: 40px 0px 20px 0px;
}
.menu4 a {
font-size: 28px;
line-height: 28px;
width: 150px;
height: 120px;
padding: 40px 0px 20px 0px;
}
.menu4 span.noshow {
display: none;
}

/* Content area */

.content {
margin: 30px 0px 40px 0px;
}

/* Images in content */
.photo {
padding-top: 20px;
}

.photo img {
border: 6px solid white;
}

/* Image captopns */
.caption {
padding: 10px 0px 0px 0px;
font-style: italic;
text-align: right;
}

/* Large headers with dotted line */
.category {
background: transparent url(img/dots.png) repeat-x left bottom;
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
min-height: 32px;
}

.category h2 {
font-size: 38px;
display: inline;
}

.open {
padding-left: 10px;
font-style: italic;
}

/* Film category buttons */
.button {
position: absolute;
right: 0;
top: -20px;
}

/* About Naehrwerte */

.naehrwert {
margin-left: 130px;
}

.nw {
width: 74px;
height: 102px;
float: left;
margin-right: 3px;
font-family:'Ropa Sans', sans-serif; 
font-size: 10px;
text-align: center;
padding: 18px 1px 2px 1px;
line-height: 12px;
margin-bottom: 20px;
}

.nw1 {
background: transparent url(img/naehrwert1.png) no-repeat left top;
}
.nw2 {
background: transparent url(img/naehrwert2.png) no-repeat left top;
}
.nw3 {
background: transparent url(img/naehrwert3.png) no-repeat left top;
}
.nw4 {
background: transparent url(img/naehrwert4.png) no-repeat left top;
}
.nw5 {
background: transparent url(img/naehrwert5.png) no-repeat left top;
}
.nw6 {
background: transparent url(img/naehrwert6.png) no-repeat left top;
}


/* Footer */

.footer {
background: transparent url(img/dots.png) repeat-x left top;
text-align: center;
font-family:'Ropa Sans', sans-serif;
font-size: 15px;
padding: 20px 0px 60px 0px;
}

.copy {
background: transparent url(img/strip.png) no-repeat left top;
width: 394px;
height: 69px;
margin: 0 auto;
padding-top: 20px;
}

/* ********
END LAYOUT
******** */

/* ********
POPUPS
******** */

/* Popups */
.popupfilm {
padding: 10px;
color: white;
line-height: 18px;
}
.popupinfo {
max-width: 540px;
}
.popupinfo a {
color: red;
}

.info-left {
float: left;
width: 56%;
}

.info-right {
float: right;
width: 40%;
padding-top: 20px;
}

.popupfilm table {
font-family:'Ropa Sans', sans-serif; 
font-size: 13px;
line-height: 11px;
color: #333333;
}

.popupfilm tr.odd {
background-color: #d3e2df;
}

.popupfilm tr.even {
background-color: #ffffff;}

.popupfilm th {
background-color: grey;
color: #ffffff;
text-align: left;
padding: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid white;
}

.popupfilm table td {
padding: 4px;
border-bottom: 1px solid black;
}

.popupfilm table td.lefttd {
border-right: 1px solid black;
}

/* */

.popupbook {
padding: 10px;
color: white;
line-height: 18px;
width: 526px;
}

.popupbook .info-left {
float: left;
width: 52%;
padding-top: 20px;
}

.popupbook .info-right {
float: right;
width: 48%;
}

.popupbook table {
font-family:'Ropa Sans', sans-serif; 
font-size: 13px;
line-height: 11px;
color: #333333;
}

.popupbook tr.odd {
background-color: #fef881;
}

.popupbook tr.even {
background-color: #ffffff;
}

.popupbook th {
background-color: grey;
color: #ffffff;
text-align: left;
padding: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid white;
}

.popupbook table td {
padding: 4px;
border-bottom: 1px solid black;
}

.popupbook table td.lefttd {
border-right: 1px solid black;
}

div.look {
height: 40px;
width: 72px;
background: transparent url(img/look.png) no-repeat right top;
padding-right: 25px;
}

.popupbook img {
margin-bottom: 20px;
}

.popupinfo ul li {
margin-bottom: 10px;
}

/* For bio and filmography */
.dottedheader {
padding-bottom: 20px;
border-bottom: 2px dotted white;
}

.year {
color: #faf3b5;
}


/* ********
END POPUPS
******** */

/* ********
AUDIO PLAYER
******** */
.jp-current-time {
margin-left: 20px !important;
}

.jp-duration {
margin-right: 40px !important;
}

.jp-audio {
margin: 0 auto !important;
}
/* ********
END AUDIO PLAYER
******** */