/*  
Theme Name: Joachim Masannek
Theme URI: http://joachim-masannek.de
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}

/*Tag-Zuweisungen und gebundene Klassen*/
html, body {width:100%; min-height:100%;}
body {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.89em; line-height: 1.5em; font-weight: normal;}
ul {list-style: none;}
a {color:#76716c; font-weight: bolder; text-decoration: none;}
a:hover, a:active {color:#ba0000; text-decoration: none;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{outline:0;}
a img {border:0;}
blockquote {font-style: oblique;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bolder;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 135%; font-weight: bolder; margin-bottom: 20px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bolder; margin-bottom: 15px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bolder; margin-bottom: 10px;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; text-transform: uppercase; margin-bottom: 10px;}
h6 {font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; margin-bottom: 30px; margin-top: -17px;}

p {margin-bottom: 20px;}
small {font-size: 86%; font-weight: bolder; color: #76716c; display: block; margin-bottom: 6px;}
label {float:left; clear:both; display:block; width:20%; margin: 0 0 8px 0;}
input, textarea {display:block; margin-bottom:0; border: none; background: none; padding:9px 5px 4px 4px; font-size: 100%; font-weight: bold; float: right; clear: right;}
address { font-style:normal;}

/*ID*/
#header {width: 100%; height: 225px;}
#navigation {width: 80%; height: auto; position: relative;left: 40px;}
#navigation li {float: left;}
#content {position: relative; min-height: 810px; left: 50px; padding: 30px 10px 170px 80px; width: 470px; background-image:url(../images/grey.png);}
#content_start {position: relative; min-height: 720px; left: 50px; padding: 0 10px 140px 80px; width: 480px;}
#footer {font-size: 86%; width: auto; height: 173px; position: relative; background: url(../images/footer.png) no-repeat left top; padding-left: 50px; margin-top: -110px;}
#footer li {float: left; padding: 140px 20px 0 10px;}
#footer a {color:#ffffff;}
#footer a:hover, #footer a:active {color: #ba0000;}

/*Navi; ID für die Effects*/
#vita {height: 63px; width: 60px; background:url(../images/vita.png) no-repeat top left; display: block; margin-right: 10px;}
#vita.aktiviert {background-position: bottom left;}
#vitahover {height: 63px; width: 60px; background:url(../images/vita.png) no-repeat left bottom; display: block; margin-right: 10px;}

#buch {height: 63px; width: 85px;  background:url(../images/buch.png) no-repeat top left; display: block; margin-right: 15px;}
#buch.aktiviert {background-position: bottom left;}
#buchhover {height: 63px; width: 85px;  background:url(../images/buch.png) no-repeat bottom left; display: block; margin-right: 15px;}

#film {height: 63px; width: 65px; background:url(../images/filme.png) no-repeat top left; display: block;margin-right: 15px;}
#film.aktiviert {background-position: bottom left;}
#filmhover {height: 63px; width: 65px;  background:url(../images/filme.png) no-repeat bottom left; display: block;margin-right: 15px;}

#news {height: 63px; width: 60px; background:url(../images/news.png) no-repeat top left; display: block; margin-right: 13px;}
#news.aktiviert {background-position: bottom left;}
#newshover {height: 63px; width: 60px; background:url(../images/news.png) no-repeat bottom left; display: block; margin-right: 13px;}


#termine {height: 63px; width: 92px; background:url(../images/termine.png) no-repeat top left; display: block; margin-right: 14px;}
#termine.aktiviert {background-position: bottom left;}
#terminehover {height: 63px; width: 92px; background:url(../images/termine.png) no-repeat bottom left; display: block; margin-right: 14px;}


#links {height: 63px; width: 65px; background:url(../images/links.png) no-repeat top left; display: block; margin-right: 12px;}
#links.aktiviert {background-position: bottom left;}
#linkshover {height: 63px; width: 65px; background:url(../images/links.png) no-repeat bottom left; display: block; margin-right: 12px;}

#impressum {height: 63px; width: 120px; background:url(../images/impressum.png) no-repeat top left; display: block;}
#impressum.aktiviert {background-position: bottom left;}
#impressumhover {height: 63px; width: 120px; background:url(../images/impressum.png) no-repeat bottom left; display: block;}

/*Freie Klassen*/
.hidden {display: none;}
.logo {display: block; width: 700px; height: 124px; background: url(../images/logo.png) no-repeat top left;}

/*Positionierung für Bilder, Links etc.*/
.links {display: block; float:left; padding: 20px 20px 20px 0;}
.rechts {display: block; float:right; padding: 20px 0 20px 20px;}
.center {display: block; margin: 12px auto;}
.links_allein {display: block; padding: 20px 0;}
.rechts_allein {display: block; margin: 20px 0 20px auto;}
.linkpos {float: right; display: block;position: relative; right: 10px;}

/*Definiert die verschiedenen Hintergründe*/
.bgindex {background:url(../images/bg_start.jpg) no-repeat top left #000000;}
.bgvita {background:url(../images/bg_vita.jpg) no-repeat top left #000000;}
.bgnews {background:url(../images/bg_news.jpg) no-repeat top left #000000;}
.bgbuch {background:url(../images/bg_buecher.jpg) no-repeat top left #000000;}
.bgfilme {background:url(../images/bg_filme.jpg) no-repeat top left #000000;}

.startbild {position: absolute; left: 600px; top: 228px; height: auto; width: auto;}
.vita_text {background:url(../images/vitatext.jpg) no-repeat 10px 25px; height: 836px; width: 100%;}

/*Styling für Sektion Buch*/
.buch_start {position: relative; height: auto; margin-bottom: 60px; width: 100%;}
.buch_start p {width: auto;}
.buch_start img {float: left; width: 160px; height: auto; margin: 0 20px 10px 0;}
.buch_lang {position: relative; height: auto; margin-bottom: 60px; width: 100%; overflow: hidden;}
.text {width: auto;}
.buch_lang img {width: 120px; height: auto;  margin: 0 20px 10px 0; float:left;}
.buch_lang object {position: relative; display: block; float: right; margin-right: 30px; margin-top:-5px;}


/*Styling für Bildergalerien und Videofeld - Sektion Film*/
.film_start {position: relative; height: auto; margin-bottom: 60px; width: 100%; overflow: hidden;}
.film_start img {float: left; width: 160px; height: auto; margin: 0 20px 10px 0;}
.galerie {position: absolute; height: auto; width: 160px; left: 650px; top: 50px;}
.galerie li {float: left; padding-right: 10px; padding-bottom: 10px; position: relative; display: block;}
.galerie img {width: 40px; height: 40px;}
.video {width: 540px; height: 335px; background: url(../images/cineframe.png) no-repeat left top; padding-top: 35px; margin: 15px 0; position: relative; left: -20px;}
#player {display: block; width: 480px; height: 270px; margin: 0 auto;}

/*Styling für Blog und Kommentaren*/
.blog {position: relative; height: auto; margin-bottom: 60px; width: 90%;}
.blog img {width: 160px; height: auto;}
.comments_invite {margin-left: 30px;}
.comment {position: relative; height: auto; margin: 20px 0 40px 0; width: 100%; font-size: 90%;}
.older {position: absolute; display: block; height: 100px; width: 80%; bottom: 20px;}

/*Styling für das Kommentarformular*/
.comments-wrapper {width: 90%; height: auto; padding: 80px 0; position: relative;}
.comment_name_input {width: 266px; height: 46px; display: block; background:url(../images/comment_name.png) no-repeat top left;}
.comment_email_input {width: 266px; height: 46px; display: block; background:url(../images/comment_name.png) no-repeat top left;}
.txpCommentInputMessage {width: 266px; height: 177px; display: block; background:url(../images/comment_comment.png) no-repeat top left;}
.asy_examplequestion_ask {width: 135px; height: 50px; display: block; background:url(../images/captcha.png) no-repeat left top; position: relative;}
.clear {clear: both;}
#txpCommentSubmit {width: 135px; height: 50px; display: block; background:url(../images/senden.png) no-repeat left 5px; position: relative; right: 0; float: right;}
#txpCommentPreview {width: 135px; height: 50px; display: block; background:url(../images/vorschau.png) no-repeat left 5px; position: relative; right: 0; float: left;}

/*Styling für die Sektion Termine*/
.termine_blog {position: relative; height: auto; margin-bottom: 60px; width: 90%; overflow:hidden;}
.termine_blog p {margin-top: 10px;}
.termine_blog img {width: 180px; height: auto; display: block; float:right; padding: 0 0 20px 20px;}

/*Styling für die links*/
.verlinkung {position: relative; height: auto; margin-bottom: 60px; width: 100%; clear: both; overflow: hidden;}
.text {width: 250px; float: right;}
.verlinkung img {float: left; width: 140px; height: auto;}



/*Downloadbereich*/
.login fieldset {border: none; width: 90%; margin-top: 15px;}
.login label {float: left; clear:both; display:block; width:20%; margin: 8px 0 8px 0; font-weight: bold;}
.login input {width: 200px; height: 40px; display: block; background:url(../images/label_download.png) no-repeat top left; float: right; clear: right;}