@charset "utf-8";

/**
 * CSS STYLES FOR WWW.JURA-REPETITORIUM.DE
 */
 
* { 
  margin: 0;
  padding: 0;
}
img { 
  border: 0;
}
html {
  font-size: 100.01%;
}

/*** PAGE SETTINGS ***/
body { 
  font-size: 62.5%;
  padding: 0 15px;
  font-family: 'Trebuchet MS', sans-serif;
  color: #333;
  background: #c8c8c8 url('../images/bodyBG.png') repeat-x 0 0;
} 
#page { 
  min-width: 780px;
  max-width: 100em;
  margin: 15px auto;
  border: 1px solid #888b95;
  background: #FFF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 8px #999;
  -moz-box-shadow: 0px 0px 8px #999;
  -webkit-box-shadow: 0px 0px 8px #999;
}

/*** HEADER STYLES ***/
#header { 
  position: relative; 
  width: 100%; 
  overflow: hidden;
}
#logo { 
  display: inline; 
  float: left; 
  width: 200px; 
  height:65px; 
  margin: 15px 0 15px 15px; 
  border: 0; 
}
#pageTitle { 
  clear: both;
  margin: 0 1px;
  padding: 2px 15px;
  border: 1px solid #445980;
  font: normal bold 2.9em 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #FFF;
  background: #5b75a9 url('../images/pageTitleBG.png') repeat-x 0 50%;
  text-shadow: 0px 0px 8px #384a6a;
}
.juraRep {
  margin: 0 5px;
  font-size: 1.345em;
}
#daaInfo {
	position: absolute;
	top: 8px;
	left: 240px;
	width: 192px;
	height: 74px;
	text-indent: -900em;
	background: url('../images/daaLogo.png') no-repeat 0 0;
}

/*** NAVIGATION ***/
#mainNavigation {
  position: absolute;
  top: 0;
  right: 15px;
  list-style: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.navItem { 
  display: inline;
  float: left;
  padding: 30px 5px;
}
.navLink, .navLink:visited { 
  display: block;
  width: auto;
  padding: 9px 10px;
  font: normal bold 1.4em 'Trebuchet MS', sans-serif;
  text-decoration: none;
  color: #5b75a9;
}
.navLink:hover, .navLink:focus { 
  padding: 8px 9px;
  border: 1px solid #cbd1de;
  background-color: #edf0f6;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.active { 
  background: url('../images/navLinkActive.png') no-repeat 50% 0;
}
.demo, .demo:visited {
  padding: 9px 15px 9px 38px;
	background: url('../images/playButton.png') no-repeat 5px 50%;
}
.demo:hover, demo:focus {
	padding: 8px 14px 8px 37px;
	background-position: 4px 50%;
	background-color: #edf0f6;
}
.flexButton {
  margin: 3px 5px 3px 0; 
  padding: 3px 10px; 
  border: 1px solid #BBB; 
  text-decoration: none; 
  color: #333; 
  font-weight: bold; 
  line-height: 21px;
  background:  #F6F6F6 -moz-linear-gradient(center top , #F6F6F6, #EEEEEE);
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  box-shadow: 0px 0px 3px #BBB; 
  -moz-box-shadow: 0px 0px 3px #BBB; 
  -webkit-box-shadow: 0px 0px 3px #BBB;
}
.flexButton:hover, .flexButton:focus {  
	border-color: #999;
  color: #000;
  outline: 0;
  box-shadow: 0px 0px 3px #999; 
  -moz-box-shadow: 0px 0px 3px #999; 
  -webkit-box-shadow: 0px 0px 3px #999;
}
.pdf {
	padding: 0 0 0 25px;
	background: url('../images/pdf.gif') no-repeat 0 1px;
}

/*** CONTENT STYLES ***/
#content {
  width: 100%;
  overflow: hidden;
  font-size: 1.4em;
}
.padding {
  padding: 20px 20px;
}

.courseOverview {
  display: inline;
  float: left;
  width: 74%;
  margin: 0 0 30px 0;
}
.infoBar {
  display: inline;
  float: right;
  width: 26%;
}
.firstExam {
  display: inline;
  float: left;
  width: 50%;
}
.secondExam {
  display: inline;
  float: right;
  width: 50%;
  margin-left: -5px;
}
.firstExam .content, .secondExam .content {
  margin: 0 25px 15px 0;
  padding: 0 10px 10px 10px;
  border: 1px solid #CCC;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 10px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
}
.courseOverview .heading {
  margin: 0 0 5px 0;
  padding: 3px 5px;
  text-align: center;
  font: normal normal 1.5714em 'Trebuchet MS', sans-serif;
  color: #5b75a9;  
}
.infoBar .heading {
  margin: 10px 0 2px 0;
  padding: 0;
  text-align: center;
  font: normal normal 1.4285em 'Trebuchet MS', sans-serif;
  color: #5b75a9;  
}
.firstExam .heading, .secondExam .heading {
  margin: 1px -9px 10px -9px;
  color: #FFF;
  background: #AAA;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
}
.firstExam .heading {
  border: 1px solid #5c7099;
  background: #738cbf;
  text-shadow: 0px 0px 2px #222;
}
.secondExam .heading {
  border: 1px solid #384869;
  background: #465a82;
  text-shadow: 0px 0px 2px #000;
}
.coursesList {
  margin: 0 0 0 0;
}
.course {
  overflow: hidden;
  margin: 0 0 15px 0;
  border: 1px solid #999;
  background: #EFEFEF url('../images/courseBG.png') repeat-x 0 50%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #bbb;
  -moz-box-shadow: 0px 0px 5px #bbb;
  -webkit-box-shadow: 0px 0px 5px #bbb;
}
.coursesList .last {
  margin: 0;
}
.completeBundle { 
  border-color: #555;
  box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
}
.unpublished {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: 0px 0px 5px #ddd;
  -moz-box-shadow: 0px 0px 5px #ddd;
  -webkit-box-shadow: 0px 0px 5px #ddd;
}
.unpublished .linkToCourse, .unpublished .linkToCourse:hover, .unpublished .linkToCourse:focus {
  color: #222;
}
.unpublished .courseTitle {
  text-decoration: none;
}
.firstExam .completeBundle {
  background: #f0d9a2 url('../images/discountFirstExam.png') no-repeat 100% 0;  
}
.secondExam .completeBundle {
  background: #f0d9a2 url('../images/discountSecondExam.png') no-repeat 100% 0;  
}
.linkToCourse {
  display: block;
  margin: 7px 7px 7px 10px;
  line-height: 1.4em;
  font-size: 0.857em;
  text-decoration: none;
  color: #222;
}
.linkToCourse:hover, .linkToCourse:focus {
  color: #f03715;
}
.completeBundle .linkToCourse {
  margin: 7px 35px 7px 10px;
}
.courseTitle {
  margin: 0 0 5px 0;
  font-size: 1.1667em;
  text-decoration: underline;
}
.completeBundle .courseTitle {
  font-size: 1.6667em;
  line-height: 1.2em;
}
.completeBundle .first {
  font-size: 1.5em;
  line-height: 1.15em;
}
.coursePrice {  
  margin: 5px 5px 5px 10px;
  line-height: 25px;
}
.coursePrice .value {
  font-size: 1.286em;
}
.completeBundle .coursePrice {
  font-size: 0.7857em;
}
.completeBundle .value {
  font-size: 1.6364em;
}
.oldPrice {
  margin: 0 5px 0 0;
}
.releaseDate {
  display: block;
  padding: 5px 5px 12px 10px;
}
.linkToPreview {
  display: inline;
  float: right;
  margin: 0 7px 7px 0;
  padding: 4px 8px;
  border: 1px solid #908915;
  text-decoration: none;
  color: #000;
  background: #f2e635 url('../images/previewLinkBG.png') repeat-x 0 50%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 3px #aaa;
  -moz-box-shadow: 0px 0px 3px #aaa;
  -webkit-box-shadow: 0px 0px 3px #aaa;
}
.linkToPreview:hover, .linkToPreview:focus {  
  border-color: #555108;
  color: #000;
  background: #ffae00;
}
.completeBundle .linkToPreview {
  border-color: #806000;
  color: #000;
  background: #ffc000 url('../images/previewLinkBG2.png') repeat-x 0 50%;
  text-shadow: 0px 0px 1px #bbb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 3px #555;
  -moz-box-shadow: 0px 0px 3px #555;
  -webkit-box-shadow: 0px 0px 3px #555;
}
.completeBundle .linkToPreview:hover, .completeBundle .linkToPreview:focus {
  background: #fff000;
}
.courseParts {
  display: inline;
  float: right;
  width: 218px;
  height: 55px;
  margin: 0 30px 0 0;
  padding: 0;
  background: url('../images/courseParts.png') no-repeat 50% 50%;
}
.digiCert {
  display: inline;
  float: right;
  width: 81px;
  height: 63px;
  margin: 0 22px 0 0;
  background: url('../images/securitySeal.png') no-repeat 50% 50%;
}
.overviewPdf {
	clear: both;
  display: inline;
  float: left;
  margin: 10px 0 0 0;
  padding-left: 5px;
}
.advantages {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px 0;
}
.advantages .list { 
  margin: 0 0 0 5px; 
  list-style: none;
  font-size: 1em;
}
.advantages .listItem {
  margin: 0 0 5px 0;
  padding: 0 0 0 25px;
  background: url('../images/checkmark.png') no-repeat 0 50%;
}
.contact {
  margin: 15px 10% 10px 10%;
  padding: 0 5px 5px 5px;
  border: 1px solid #ccc;
  line-height: 1.5em;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 3px #ddd;
  -moz-box-shadow: 0px 0px 3px #ddd;
  -webkit-box-shadow: 0px 0px 3px #ddd;
}
.faq {
  display: inline;
  float: right;
  width: 20em;
  margin: 0 0 15px 15px;
}
.contact .heading {
  margin: 1px -4px 1px -4px;
  padding: 4px;
  border: 1px solid #465A82;
  font-size: 1em;
  line-height: 1em;
  color: #FFF;
  background: #5B75A9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.contact .linkToMail {
  color: #000;
}
.contact .linkToMail:hover, .contact .linkToMail:focus {
  color: #f03715;
}
.facebookLike {
  margin: 0 0 5px 0;
}
.facebookLikeDemo {
  display: inline;
  float: right;
  width: 300px;
  height: 64px;
  margin: 15px 0 10px 0;
}
.newsletterFrame {
  width: 100%;
  height: 20em;
  overflow: hidden;
  margin: 10px 0 0 0;
}
.newsletter .heading {
  margin: 0 0 5px 0;
  padding: 0;
  font: normal normal 1.2857em 'Trebuchet MS', sans-serif;
  color: #5b75a9;
}
.newsletterList {
  margin: 10px 0 0 0;
  list-style: disc;
}
.newsletterList .listItem {
  margin: 0 0 10px 40px;
  padding: 0 0 0 5px;
}
.newsletterForm {
  width: 100%;
  overflow: hidden;
  margin: 0 0 15px 0;
  text-align: center;
}
.newsletterForm #email { 
  width: 70%;
  margin: 0 0 5px 0;
  padding: 5px 5px 5px 31px;
  border: 2px solid #AAA;
  font-size: 0.8571em;
  color: #000;
  background: #FFF url('../images/mail.png') no-repeat 5px 50%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.newsletterForm #email:focus {
  border-color: #445980;
}
.newsletterForm .submit { 
  width: 86%;
  padding: 3px 6px;
  border: 2px solid #465A82;
  font-size: 1.0714em;
  font-weight: bold;
  color: #FFF;
  background: #5B75A9;
  cursor: pointer;
  text-shadow: 1px 1px #555555;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 2px #AAA;
  -moz-box-shadow: 0px 0px 2px #AAA;
  -webkit-box-shadow: 0px 0px 2px #AAA;
}
.newsletterForm .submit:hover, .newsletterForm .submit:focus {
  border-color: #5972A3;
  background: #6283C4;
}
.newsletterForm .info {
  margin: 10px 15px 5px 15px;
  font-size: 0.7143em;
  color: #445980;
}
.playerContainer {
  clear: both;
  box-shadow: 0px 0px 3px #CCC;
  -moz-box-shadow: 0px 0px 3px #CCC;
  -webkit-box-shadow: 0px 0px 3px #CCC;
}
#demoLecture {
  width: 100%;
  height: 600px;
}
.textBlock {
  clear: both;
  margin: 30px 0 0 0;
  padding: 15px 15px 0 15px;
  border-top: 1px solid #DDD;
  line-height: 2em;
  color: #555;
}
.textBlock .heading {
  margin: 15px 0 10px 0;
  font: italic normal 1.143em 'Trebuchet MS', sans-serif;
}
.textBlock .keyword {
  font-weight: normal;
}
.textBlock .courses {
  width: 100%;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.textBlock .first, .textBlock .second {
  display: inline;
  float: left;
  width: 50%;
}
.textBlock .list {
  margin: 0 15px 10px 0;
  list-style: circle;
}
.textBlock .listItem {
  margin: 0 0 2px 30px;
}
.text_main {
  display: inline;
  float: left;
  width: 63%;
}
.text_sidebar {
  margin: 0 0 0 63%;
  padding: 0 0 0 48px;
}
.text_sidebar .contact {
  margin: 0 0 30px 0;  
}
.text_sidebar .newsletterFrame {
  height: 14em;
  margin: 0 0 30px 0;
}
.testimonial .quote {
  margin: 0;
  font-style: italic; 
}
.testimonial .author {
  margin: 0 0 30px 0;
  border-top: 1px dotted #CCC;
  text-align: right;
}
.testimonial cite {  
  font-weight: bold;  
  font-style: normal;
}

/*** TEXT STYLES ***/
.hidden {
  position: absolute;
  left: -900em;
}
.text {
  margin: 0 30px;
  line-height: 2em;
  color: #444;
}
.pageHeading {
  margin: 10px 0 15px 0;
  font: normal normal 1.571em 'Trebuchet MS', sans-serif;
  color: #5b75a9;  
}
.textHeading {
  margin: 30px 0 5px 0;
  font: italic normal 1.143em 'Trebuchet MS', sans-serif;
  color: #000;
}
.teaser {
  margin: 0 20px 20px 0;
  line-height: 1.6em; 
  font-size: 1.071em;
  color: #444;
}
.teaser strong {
  color: #000;
}
.early_bird_discount {
  color: #f03715; 
 }
.address {
  display: inline;
  float: left;
  margin: 0 30px 15px 0;
}
.faqIndex {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #DDD;
  line-height: 1.3em;
}
.faqEntry {
  margin: 0 0 15px 0;
}
.faqLink {
  color: #000;
}
.faqLink:visited {
  color: #777;
}
.faqLink:hover, .faqLink:focus {
  color: #f03715;
}
h3 {
  margin: 20px 0 10px 0;
  font-size: 1.1249em; 
}
h4 {
  margin: 15px 0 10px 0;  
  text-align: center;
  color: #5B75A9;
}
h4:first-child {
  margin-top: 0;  
}
p {
  max-width: 55em;
  margin: 0 0 1em 0;
}
.image_martin, .image_carolin {  
  display: inline;
  width: 50%;
  text-align: center;
 }
.image_martin {
  float: left;
}
.image_carolin {
  float: right;
}
.eauthors_list .list_item {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px 0;
  font-size: 0.9167em;
  line-height: 1.1em;
  color: #5B75A9;
}
.eauthor_picture {
  display: inline;
  float: left;
  border: 1px solid #ccc;
}
.eauthor_data {
  margin: 0 0 0 65px;
}
.eauthor_full_name {
  display: block;
  margin: 2px 0 4px 0;
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.02em;
  color: #000;
}
/*** FOOTER STYLES ***/
#footer {
	clear: both;
  margin: 30px 1px 1px 1px;
  padding: 15px;
  border: 1px solid #445980;
  font: normal normal 1.4em Arial, sans-serif;
  text-align: center;
  color: #FFF;
  background: #5b75a9 url('../images/pageTitleBG.png') repeat-x 0 50%;
  text-shadow: 0px 0px 8px #384a6a;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
}
.impressum { 
  color: #FFF;
}

/*** RECOMMENDATION BAR  ***/
#recommendation_bar { position: fixed; right: 0; bottom: 0; margin: 0; padding: 0; font-size: 1.3em; line-height: 30px; border-top: 2px solid #333; border-left: 2px solid #333; list-style: none; background: #fff url('../images/bg_recommendation_bar.png') repeat-x 0 100%; z-index: 1; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
#recommendation_bar .item_group { display: inline; float: left; height: 30px; margin: 0; padding: 0; border-right: 1px solid #777; border-left: 1px solid #fff; }
#recommendation_bar .item { display: inline; float: left; height: 30px; margin: 0; padding: 0px 15px; font-weight: bold; color: #222; }
#recommendation_bar .link { text-decoration: none; }
#recommendation_bar .link:hover, #recommendation_bar .link:focus { outline: 0; text-decoration: underline; color: #000; }
#recommendation_bar .invite { background: url('../images/bg_invite.png') no-repeat 0 0; }
#recommendation_bar .recommend { position: relative; border-left: 0; }
#recommendation_bar .feedback { border-right: 0; }
#recommendation_bar .recommend .label, #recommendation_bar .recommend .link { padding-right: 0; }
#recommendation_bar .bookmark_container { display: inline; float: left; height: 30px; margin: 0; padding: 0; }
#recommendation_bar .invite_friend .item { padding-left: 32px; background: url('../images/frontend_icons.png') no-repeat 7px -1592px; }
#recommendation_bar .become_fan .item { padding-left: 26px; background: url('../images/icons.png') no-repeat 7px -393px; }
#recommendation_bar .feedback .item { padding-left: 26px; background: url('../images/frontend_icons.png') no-repeat 7px -1791px; }
#recommendation_bar .social_bookmarks { display: inline; margin: 0; padding: 2px 5px 1px 5px; border: 0; }
#recommendation_bar .social_bookmarks .list_item { display: inline; width: 16px; line-height: 26px; margin: 0; padding: 0; }
#recommendation_bar .social_bookmarks .bookmark_icon { padding: 4px; vertical-align: bottom; }
#recommendation_bar .social_bookmarks .bookmark_icon:hover { outline: 0; padding: 3px; border: 1px solid #aaa; background: #ddd url('../images/bg_recommendation_link.png') repeat-x 0 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#recommendation_bar .further_bookmarks { position: absolute; top: -263px; left: 10px; width: 340px; height: 260px; margin: 0; padding: 0; border: 1px solid #333;  list-style: none; background: #eee url('../images/bg_recommendation_bar.png') repeat-x 0 100%; z-index: 10;  }
#recommendation_bar .jsdisabled_class { display: none; }
#recommendation_bar .bookmark_container:hover .jsdisabled_class { display: block; }
#recommendation_bar .further_bookmarks .label { margin: 0 0 0 15px; font-size: 14px; font-weight: bold; color: #777; }
#recommendation_bar .further_bookmarks .social_bookmarks { display: block; width: 100%; overflow: hidden; margin: 0; padding: 5px 0 10px 0; }
#recommendation_bar .further_bookmarks .list_item { float: left; width: 170px; }
#recommendation_bar .further_bookmarks .bookmark_link { margin: 0 15px; padding: 1px 5px 1px 20px; text-decoration: none; font-weight: bold; color: #222; background-image: url('../images/SocialBookmarks/bookmark_collection.png'); background-repeat: no-repeat; }
#recommendation_bar .further_bookmarks .bookmark_link:hover { text-decoration: underline; color: #000; }
.delicious { background-position: 0 -48px; } .digg { background-position: 0 -96px; } .facebook { background-position: 0 -144px; } .folkd { background-position: 0 -192px; } .google { background-position: 0 -240px; } .linkarena { background-position: 0 -288px; } .mrwong { background-position: 0 -336px; } .myspace { background-position: 0 -384px; } .newsvine { background-position: 0 -432px; } .reddit { background-position: 0 -480px; } .studivz { background-position: 0 -528px; } .stumbleupon { background-position: 0 -576px; } .twitter { background-position: 0 -624px; } .windows { background-position: 0 -672px; } .yahoo { background-position: 0 -720px; } .yigg { background-position: 0 -768px; }
#recommendation_bar .further_bookmarks .close_window, #recommendation_bar .further_bookmarks .close_window:focus { position: absolute; top: 1px; right: 1px; width: 30px; height: 30px; outline: 0; background: url('../images/icons.png') no-repeat 50% -596px; }
#recommendation_bar .off { display: none; }