/** (c) 2007-2011 all rights reserved by Katharina Bachman **/

/** Design und Programierung by 
<!-- Katharina Bachman | Schriftstellerin und Autorin -->
/** Version 1.1 **/

/** Farben:
Rot: #a6163e 
Gelb: #F8B228 **/

/* -- Alles auf Null setzen -- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,li,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
a { outline:0; cursor:pointer; }
img { border:none; }
h3,h2,h1,li,ul,p,a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
p.trenner { width:100%; height:40px; float:left; }
body { margin:0; padding:0; width:100%; text-align:center; }
#header-small { width:100%; height:auto; background-image:url(../bilder/bg_top_small.jpg); background-repeat:repeat-x; background-position:0 0; }
#header { width:100%; height:auto; background-image:url(../bilder/bg_top.jpg); background-repeat:repeat-x; background-position:0 0; }
#headercontent-small { width:960px; height:150px; margin-left:auto; margin-right:auto; text-align:center; }
#headercontent { width:960px; height:430px; margin-left:auto; margin-right:auto; text-align:center; }
#logobox { width:290px; height:110px; float:left; margin-left:10px; text-align:left; padding:20px auto; background-image:url(../bilder/bachman_logo.png); background-repeat:no-repeat; background-position:0 0; }
#navigation { width:610px; height:110px; float:right; text-align:right; }
#navicontent { width:600px; height:110px; float:right; text-align:right; }
#navicontent ul { float:right; }
#navicontent li { list-style:none; text-decoration:none; display:inline; float:left; }
#navicontent a { }
#navicontent a:hover { color:#FFF; background-image:url(../bilder/linie.png); background-position:bottom; background-repeat:no-repeat; }
#navicontent a.active { color:#f8b228; background-image:url(../bilder/linie.png); background-position:bottom; background-repeat:no-repeat; }
#navicontent a:active { position:relative; top:1px; }
#navicontent li a { font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:20px 0 0; padding-right:15px; display:block; float:left; text-align:center; font-weight:normal; width:70px; height:60px; text-decoration:none; color:#FFF; }
#socialbox { width:590px; height:280px; float:left; text-align:left; background-image:url(../bilder/sprechblase.png); background-repeat:no-repeat; }
#tweetbox { width:600px; height:220px; float:left;}
.tweet { width:385px; height:150px; float:left; margin:50px 0 0 65px; }
.tweet,.query { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; line-height:30px; color:#FFF; text-align:left; font-style:italic; font-weight:400; }
.tweet .tweet_list,.query .tweet_list { list-style-type:none; margin:0; padding:0; }
.tweet .tweet_list .awesome,.tweet .tweet_list .epic,.query .tweet_list .awesome,.query .tweet_list .epic { text-transform:uppercase; }
.tweet .tweet_list li a,.query .tweet_list li a { color:#F8B228; border-bottom: dashed 1px #F8B228; text-decoration: none;}
.tweet .tweet_list li a:hover,.query .tweet_list li a:hover { color:#FFF; }

#socialcontact { width:600px; height:60px; float:left; text-align:left; }
#socialcontact a:active { position:relative; top:1px; }
#socialcontact ul { text-align:left; float:left; margin:0 0 0 20px; padding:0; }
#socialcontact li { list-style:none; text-decoration:none; display:inline; }
#socialcontact li a { width:45px; height:45px; float:left; display:block; padding-right:5px; text-decoration:none; }
.slideshow { width:300px; height:330px; float:left; position:relative; margin-left:40px; background-image:url(../bilder/slideshow/bg_slideshow.png); background-repeat:no-repeat; background-position:0 0; }
.slideshow img { margin:15px 0 0 14px; }
#sitebox { width:960px; height:auto; margin:0 auto; text-align:center; }
#sitecontent { width:960px; height:auto; float:left; }
.teaserbox { width:300px; height:560px; float:left; text-align:left; margin:30px 17px 0 0; }
.teaser { width:280px; height:auto; margin:0 0 0 10px; }
.teaser h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; font-weight:400; color:#a6163e; text-align:left; }
.teaser h1 a, .teaser h1 a.shops { font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; font-weight:500; font-style:italic; color:#a6163e; text-decoration:none; text-align:left; display:block; border-bottom:dotted 1px #a6163e; padding:10px 0 3px; }
.teaser h1 a:hover, .teaser h1 a.shops:hover { color:#F8B228; }
.teaser p { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color:#000000; text-align:left; font-weight:normal; padding:10px 0 0; }
.teaser img { border:none; margin-top:10px; padding:0; }
.teaser a.weiter-lesen, .teaser a.shops { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#F8B228; text-decoration:none; text-align:left; font-style:italic; }
.teaser a.weiter-lesen:hover, .teaser a.shops:hover{ color:#a6163e; border-bottom:dotted 1px #a6163e; font-style:italic; }
.articlebox { width:600px; height:auto; float:left; text-align:left; }
.article { width:580px; height:auto; margin-left:10px; }
.article h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:26px; font-weight:500; font-style:italic; color:#a6163e; text-decoration:none; text-align:left; display:block; border-bottom:dotted 1px #a6163e; padding:10px 0 5px; }
.article h1 a { font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:26px; font-weight:500; font-style:italic; color:#a6163e; text-decoration:none; text-align:left; display:block; }
.article a:hover { color:#F8B228; }
.article h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:26px; font-weight:500; font-style:normal; color:#F8B228; text-decoration:none; text-align:left; display:block; border:none; padding:10px 0 5px; }
.article h2.old { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:26px; font-weight:500; font-style:normal; color:#666; text-decoration:none; text-align:left; display:block; border:none; padding:10px 0 5px; }
h2.trenner { font-family:Arial, Helvetica, sans-serif; width:580px; height:40px; background-color:#FFF; float:left; font-size:18px; line-height:45px; font-weight:500; font-style:normal; color:#F8B228; text-decoration:none; text-align:left; display:block; border:none; padding:25px 0 0; list-style: none; }
.article a.weiter-lesen,a.aida { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#F8B228; text-decoration:none; text-align:left; font-style:italic; }
.article a.weiter-lesen:hover,a.aida:hover { color:#a6163e; border-bottom:dotted 1px #a6163e; font-style:italic; }
.article p { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000000; text-align:left; font-weight:normal; padding:10px 0 0; }
.article p.old { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#CCC; text-align:left; font-weight:normal; padding:10px 0 0; }
.article p.sterntext { font-size:12px; line-height:14px; margin-top:50px; }
.article strong { font-size:15px; font-weight:bold; }
.article img { border:none; margin:10px 10px 0 0; padding:0; }
p.fusszeile { color:#333; font-size:12px; }
p.fusszeile a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#F8B228; text-decoration:none; text-align:left; font-style:normal; }
p.fusszeile a:hover { color:#a6163e; border-bottom:dotted 1px #a6163e; font-style:normal; }
a.presse { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:35px; font-weight:500; font-style:normal; color:#666; text-decoration:none; text-align:left; display:block; width:420px; padding-left:25px; background:#FFF url(../bilder/punkt-grau.jpg) no-repeat left; }
a.presse:hover,a.presse:visited:hover { color:#a6163e; background:#FFF url(../bilder/link_visited_red.jpg) no-repeat left; }
a.presse:visited { color:#666; background:#FFF url(../bilder/link_visited_gray.jpg) no-repeat left; }
a.highslide { width:90px; height:95px; margin:5px 5px 0 0; padding:0 0 10px; float:left; }
a.mp3 { text-decoration:none; border:none; }
.rightbarbox { width:310px; height:auto; float:left; text-align:left; margin-left:35px; }
.rightbarcontent { width:280px; height:auto; float:left; margin-left:30px; }
.rightbarcontent h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:25px; font-weight:500; color:#F8B228; text-align:left; border-bottom:dotted 1px #F8B228; padding:10px 0 5px; }
.rightbarcontent p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333; text-align:left; font-weight:normal; padding-top:10px; }
.rightbarcontent a { font-family:Arial, Helvetica, sans-serif; font-size:13px; height:20px; color:#a6163e; text-align:left; font-weight:normal; text-decoration:none; font-style:italic; margin:2px 0 0; }
.rightbarcontent a:hover { color:#F8B228; font-style:italic; border-bottom:1px solid #F8B228; }
.rightbarcontent a.closed { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:30px; width:270px; height:auto; display:block; overflow:hidden; background:#FFF url(../bilder/icon-rechts.png) no-repeat 3px 0; border:none; padding-left:20px; padding-right:-20px; margin:2px 0; }
.rightbarcontent a.opened { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:30px; width:270px; height:auto; display:block; background:#F8B228 url(../bilder/icon-unten.png) no-repeat 3px 0; border:none; margin:2px 0; padding:0 0 0 20px; color:#000000; }
.rightbarcontent strong { font-size:12px; font-weight:bold; }
.accordion { width:280px; background:url(../bilder/bg-accordion.png) repeat-y top left; }
.accordion p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; text-align:left; font-weight:normal; padding-top:5px; padding-bottom:10px; margin-left:20px; }
.accordion a { font-style:normal; }
.accordion a:hover { font-style:normal; }
.accordion li { list-style:none; text-decoration:none; display:inline; }
.accordion li a:hover { background:#F8B228 url(../bilder/icon-unten.png) no-repeat 3px 0; color:#000000; border:none; }
.accordion a.pdf-icon,.rightbarcontent a.pdf-icon { width:25px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; font-weight:normal; text-decoration:none; font-style:normal; background-color:#a6163e; color:#FFF; background-image:none; padding:0 5px; margin-left:5px; border:none; }
.accordion a.pdf-icon:hover,.rightbarcontent a.pdf-icon:hover { color:#a6163e; background-color:#F8B228; background-image:none; text-decoration:none; border:none; }
.rightbarcontent img { border:none; text-align:left; margin-top:5px; }
.rightbarcontent h2.icon-shop { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#a6163e; text-align:left; border:none; padding:14px 0 5px; background:url(../bilder/icon-shop.png) no-repeat right; }
.rightbarcontent h2.icon-download { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#a6163e; text-align:left; border:none; padding:14px 0 5px; background:url(../bilder/icon-download.png) no-repeat right; }
.rightbarcontent h2.icon-interview { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#a6163e; text-align:left; border:none; padding:14px 0 5px; background:url(../bilder/icon-interview.png) no-repeat right; }
.rightbarcontent h2.icon-presse { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#a6163e; text-align:left; border:none; padding:14px 0 5px; background:url(../bilder/icon-presse.png) no-repeat right; }
.rightbarcontent h2.icon-video { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:60px; font-weight:500; color:#a6163e; text-align:left; border:none; padding:14px 0 5px; background:url(../bilder/icon-video.png) no-repeat right; }
.rightbarcontent a.shops { border:none; background-image:none; }
.rightbarcontent a.shops:hover { border:none; background-image:none; text-decoration: none; }
#footer { width:100%; height:auto; float:left; background-image:url(../bilder/bg_bottom.jpg); background-repeat:repeat-x; background-position:0 0; }
#footercontent { width:960px; height:100px; margin-left:auto; margin-right:auto; text-align:center; padding-top:120px; }
#fcleft { width:600px; height:100px; float:left; }
#fcleft p { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-align:left; font-weight:normal; text-decoration:none; display:block; float:left; }
#fcright { width:320px; height:100px; float:left; }
#fcright a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-align:right; font-weight:normal; text-decoration:none; display:block; float:right; margin:0 0 0 15px; }
#fcright a:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#F8B228; text-align:right; font-weight:normal; text-decoration:none; display:block; float:right; }

/* Slider Eigenschaften */
.nivoSlider { position:relative; width:570px; height:300px; }
.nivoSlider img { position:absolute; top:0; left:0; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }

/* Bild-Caption Eigenschaften */
.nivo-caption { position:absolute; left:0; bottom:0; background:#FFF; opacity:0.6; width:570px; z-index:89; }
.nivo-caption p { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000; text-align:center; font-weight:normal; padding:5px 10px; margin:0; }
.nivo-caption a { display:inline!important; }
.nivo-html-caption { display:none; }

/* Next Prev Eigenschaften */
.nivo-directionNav a { width:30px; height:30px; position:absolute; top:45%; z-index:99; cursor:pointer; background:url(../bilder/nextprev.png) no-repeat; text-indent:-9999px; border:0; }
.nivo-prevNav { left:0; }
a.nivo-prevNav { left:15px; }
.nivo-nextNav { right:0; }
a.nivo-nextNav { background-position:-30px 0; right:15px; }

/* Kontaktformular*/
form#kontakt label,form#feedback label,form#empfehlen label,form#newsletter label,form#suche label { cursor:text; }
form { width:100%; height:630px; float:left; padding:5px; }
form p.formfeld { width:100%; height:45px; display:block; float:left; text-align:left; margin:0; padding:0; }
form p.formnachricht { width:100%; height:395px; display:block; float:left; text-align:left; margin:0; padding:0; }
form p.formsenden { width:450px; height:45px; display:block; float:right; text-align:right; margin:0 60px 0 0; padding:0; }
label { margin:0; padding:0; width:70px; vertical-align:top; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; word-spacing:1px; color:#a6163e; text-align:left; font-weight:normal; }
textarea { margin:5px 0 0 20px; padding:5px; width:410px; height:380px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; word-spacing:1px; color:#000000; text-align:left; font-weight:normal; background-color:#f4f4f4; }
input { margin:0 0 0 20px; padding:0 5px; width:220px; height:30px; text-align:left; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:30px; word-spacing:1px; color:#000000; text-align:left; font-weight:normal; background-color:#f4f4f4; }
input:focus,textarea:focus { background-color:#CCC; }
input:hover,textarea:hover { background-color:#CCC; }
button { width:auto; height:30px; border:none; color:#000; background-color:#CCC; float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; font-weight:normal; margin-top:10px; }
button:hover { width:auto; height:30px; border:none; color:#FFF; background-color:#a6163e; float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; font-weight:normal; margin-top:10px; }

/* error message */
.error { height:15px; background-color:#FFFE36; border:none; color:#a6163e; padding:3px 30px; margin-left:3px; background:url(../bilder/warnung.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; }
a.zadesign { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#B6C600; text-align:left; font-weight:normal; padding:10px 0 0; text-decoration:none; }