/* COMIC */

div.comicplatzieren {background:url(http://www.kleinefreiheit.com/comic/2010_06_massage.jpg) no-repeat; width:570px; height:407px; position:relative}
div.comicplatzieren a.produktlink {display:block; width:150px; height:165px; position:absolute; top:175px; right:5px}
div.comicplatzieren a.produktlink:hover {text-decoration:none; border:none}
div.comicplatzieren a.facebooklink {display:block; width:200px; height:55px; position:absolute; bottom:0px; right:0px}
div.comicplatzieren a.facebooklink:hover {text-decoration:none; border:none}
div.comic-backside {background:url(http://www.kleinefreiheit.com/comic/rueckseite.jpg) no-repeat; width:519px; height:371px; display:block; position:relative; margin-left:7px}
.an-wen {position:absolute; top:135px; left:300px; width:200px}
.empfaengername {position:absolute; top:165px; left:300px; width:200px}
.empfaengermail {position:absolute; top:207px; left:300px; width:200px}
.von-wem {position:absolute; top:256px; left:300px; width:200px}
.absname {position:absolute; top:285px; left:300px; width:200px}
.absmail {position:absolute; top:327px; left:300px; width:200px}
.nachricht {position:absolute; top:25px; left:20px}
.textnachricht {position:absolute; top:65px; left:20px; width:230px; height:282px; overflow:auto}
.textnachrichtEingabe {position:absolute; top:65px; left:20px;}
.Comic {background-color:#e5e5e5; border:0px; width:125px; color:#690000; margin-bottom:4px; float:right;}
textarea.ComicTXT {background-color:#e5e5e5; border:0px; height:282px; width:230px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; color:#690000;}


/*  PRELOADER */

#preloadedImages {
margin-left:-3000px;
float:left;
width:120px; 
}

/* ALLGEMEINES */

body {margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none; color:#690000; background-color:#ffdea4}
#seitenbreite {width:980px; margin:0 auto;}
p{margin:0 10px 10px;}
a{color: #d46e00; text-decoration:none}
a:hover {color: #690000; border-bottom:1px solid #690000; text-decoration:none}
a.ohne:hover {border-bottom:0px}
h1 {background-image:url(../bilder/layout/content/h1-background.jpg); width:543px; height:26px; text-transform:uppercase; font-size:120%; color:#ffffff; margin-top:9px; margin-bottom:0px; padding-top:6px; padding-left:27px}
h2 {color:#cf6d13; text-transform:uppercase; font-size:120%; margin:10px 0px 5px 10px; font-weight:bold}
h3 {color:#690000; text-transform:uppercase; font-size:110%; margin:10px 0px 5px 10px; font-weight:bold}
h2 a {color:#cf6d13;}
h2 a:hover {color:#690000; border:0px}
hr {background-color:#cf6d13;color:#cf6d13;height:1px;border-style:none;}
.dotted {border-bottom:1px solid #f8dbc0}
.hinweis {font-weight:bold; color:#006633}
.fehler {font-weight:bold; color:#ff0000}
a.link-im-teaser {color:#690000}
a.link-im-teaser:hover {color:#690000; border-bottom:0px; text-decoration:none}
.buttons {background-color:#e7e7e7; vertical-align:middle; border:1px solid #c0c0c0; color:#690000; display:block; text-align:center; padding-top:6px; width:103px; height:44px; float:left; margin-right:1px}
.buttons:hover {background-color:#ffffff; color:#690000; border-bottom:1px solid #c0c0c0}
.buttonsAktiv {background-color:#ffdea4; color:#690000; border:1px solid #c0c0c0; display:block; text-align:center; padding-top:6px; width:103px; height:44px; float:left; margin-right:1px}
.buttonsAktiv:hover {background-color:#ffffff; color:#690000; border-bottom:1px solid #c0c0c0}
.border-grau {border:1px solid #888887}

/* HEADER */

.head {width:980px; height:141px; background-image:url(../bilder/layout/header/head.jpg); position:relative }
.head .comichead {position:absolute; bottom:0px; right:15px}
.head .comichead a:hover {border:none; text-decoration:none}
.qype { margin-top:8px}
a.logo {background-image:url(../bilder/layout/header/logo.jpg); width:173px; height:126px; display:block; float:left; margin:10px 0px 0px 12px}
a.logo:hover {border-bottom:0px}
.metatags {margin:10px 0px 0px 840px; font-size:85%}
.metatags a {color:#690000; text-transform:uppercase;}
.metatags a:hover {border-bottom:1px solid #690000}
.breadcrumb {background-image:url(../bilder/layout/header/breadcrumb.jpg); width:965px; height:28px; margin:1px 0px 1px 0px; font-size:80%; color:#690000; padding:10px 0px 0px 15px}
.breadcrumb a {color:#690000}
.breadcrumb a:hover {color:#690000; border-bottom:0px}
.breadcrumb .facebook {float:right; margin:3px 12px 0px 0px;}
.breadcrumb .qype {float:right; margin:3px 12px 0px 0px;}
.breadcrumb .twitter {float:right; margin:3px 12px 0px 0px;}

/* NAVIGATION */

.navigation {clear:both; background-image:url(../bilder/layout/header/navi-background.jpg); height:38px; width:980px;}
a.navi {padding-top:9px; color:#ffffff; text-transform:uppercase; background-image:url(../bilder/layout/header/navi-trenner.jpg); background-position:right; font-weight:bold; background-repeat:no-repeat; height:29px; text-align:center; display:block; float:left; font-size:90%}
a.navi:hover{border-bottom:0px; background-color:#6f0000}
a.naviAktiv {padding-top:9px; color:#ffba00; text-transform:uppercase; background-image:url(../bilder/layout/header/navi-trenner.jpg); background-position:right; font-weight:bold; background-repeat:no-repeat; height:29px; text-align:center; display:block; float:left; font-size:90%; background-color:#6f0000}
a.naviAktiv:hover{border-bottom:0px; background-color:#6f0000}
a.navi-end {padding-top:9px; color:#ffffff; text-transform:uppercase; font-weight:bold; background-repeat:no-repeat; height:29px; text-align:center; display:block; float:left; font-size:90%}
a.navi-end:hover{border-bottom:0px; background-color:#6f0000}
a.navi-endAktiv {padding-top:9px; color:#ffffff; background-color:#6f0000; text-transform:uppercase; font-weight:bold; background-repeat:no-repeat; height:29px; text-align:center; display:block; float:left; font-size:90%}
a.navi-endAktiv:hover{border-bottom:0px; background-color:#6f0000}

/* TEASER LEFT */

.teaser-left {float:left; width:196px}
.teaser-laden {background-image:url(../bilder/layout/left/unser-ladengeschaeft.jpg); width:184px; background-position:top; background-repeat:no-repeat; height:210px; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7;}
.teaser-neu-shop {background-image:url(../bilder/layout/left/neuheiten-im-shop.jpg); width:184px; background-position:top; background-repeat:no-repeat; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7; margin-top:8px; height:253px; padding-top:44px}
.teaser-at-shop {background-image:url(../bilder/layout/left/online-shop-deutschland.jpg); width:184px; background-position:top; background-repeat:no-repeat; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7; margin-top:8px}
a.teaser-zum-shop {background-image:url(../bilder/layout/left/zum-shop.jpg); width:147px; height:22px; margin-right:1px; margin-bottom:1px; float:right}
a.teaser-zum-shop:hover {border-bottom:0px; background-image:url(../bilder/layout/left/zum-shop-aktiv.jpg)}
p.teaser-text {padding-top:44px; padding-left:10px; font-size:85%; line-height:145%}
p.teaser-text-neues-shop {float:right; font-size:75%; width:78px; }
p.teaser-text-ohne-abstand {padding-left:10px; font-size:85%; line-height:145%; min-height:105px}
p.teaser-text-bild {padding-top:44px; font-size:85%}
.shopbild-links {float:left; margin-left:13px; margin-right:2px; height:95px}
.preis {color:#690000; font-size:140%; font-weight:bold}
a.teaser-zum-neues-produkt {background-image:url(../bilder/layout/left/zum-shop.jpg); width:147px; height:22px; margin-right:1px; margin-bottom:1px; position:absolute; right:0px; bottom:0px}
a.teaser-zum-neues-produkt:hover {border-bottom:0px; background-image:url(../bilder/layout/left/zum-shop-aktiv.jpg)}
.teaser-neu-produkt {background-image:url(../bilder/layout/left/neuheiten-im-shop.jpg); width:184px; background-position:top; background-repeat:no-repeat; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7; margin-top:8px; height:253px; padding-top:44px; position:relative}

/* CONTENT */

.content {float:left; width:580px}
.maincontent {background-color:#fff8eb; padding:17px 17px 20px 17px; width:535px; min-height:526px; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7;}
.maincontent-dyn {background-color:#fff8eb; padding:17px 17px 20px 17px; width:535px; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7;}
.content-start-bilder {float:left; margin-right:20px; margin-top:4px;}
.content-start-bilder-rechts {float:right; margin-left:20px; margin-top:4px;}

/* TEASER RIGHT */

.teaser-right {width:204px; float:left}
.teaser-veranstaltungen {background-image:url(../bilder/layout/right/veranstaltungen.jpg); width:204px; background-position:top; background-repeat:no-repeat; height:210px; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7;}
.teaser-aktuelles {background-image:url(../bilder/layout/right/aktuelles.jpg); width:204px; background-position:top; background-repeat:no-repeat; height:210px; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7;}
a.teaser-weiterlesen {background-image:url(../bilder/layout/right/weiterlesen.jpg); width:147px; height:22px; margin-right:1px; margin-top:0px; float:right}
a.teaser-weiterlesen:hover {border-bottom:0px; background-image:url(../bilder/layout/right/weiterlesen-aktiv.jpg)}

.teaser-dvd-shop {background-image:url(../bilder/layout/right/dvd-bestellen.jpg); width:204px; height:320px; background-position:top; background-repeat:no-repeat; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7; margin-top:8px}
a.teaser-dvds {background-image:url(../bilder/layout/right/dvd.jpg); width:147px; height:22px; margin-right:1px; margin-bottom:1px; margin-top:6px; float:right}
a.teaser-dvds:hover {border-bottom:0px; background-image:url(../bilder/layout/right/dvd-aktiv.jpg)}
.teaser-special-shop {background-image:url(../bilder/layout/right/topmarken.jpg); width:204px; background-position:top; background-repeat:no-repeat; background-color:#fff8eb; border-right:1px solid #e6e0d4; border-bottom:1px solid #d8d2c7; margin-top:8px}
.dvd {float:left; margin-right:6px; padding-top:48px; padding-left:10px; height:210px}

/* FOOTER */

.footer {background-image:url(../bilder/layout/footer/footer-background.jpg); background-repeat:repeat; padding-top:6px; height:24px; width:980px; color:#ffffff; font-size:80%; text-align:center; margin-top:8px}

/*FORMULARE*/

fieldset {padding:10px; border:1px solid #690000}
legend {color:#690000; font-size:110%; font-weight:normal; text-transform:uppercase}
label {display:block; float:left; width:140px; border-bottom:1px dotted #848484;}
.Input {background-color:#ffffff; border:1px solid #690000; width:320px; color:#690000; margin-bottom:4px;}
.InputKurz {background-color:#ffffff; border:1px solid #690000; color:#690000; margin-bottom:2px; width:205px;}
.InputPLZ {background-color:#ffffff; border:1px solid #690000; width:40px; color:#690000; margin-bottom:4px;}
.InputOrt {background-color:#ffffff; border:1px solid #690000; width:275px; color:#690000; margin-bottom:4px;}
textarea {background-color:#ffffff; border:1px solid #690000; height:150px; width:500px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; color:#690000;}

/* FOTO POP UP */

.group {}
.group:hover {border-bottom:0px}
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../fancybox/fancy_title_right.png) repeat-x;
}

/* SLIDER */

#vertical_slide_0 { }
#vertical_slide_1 { }
#vertical_slide_2 { }
#vertical_slide_3 { }
#vertical_slide_4 { }
#vertical_slide_5 { }
#vertical_slide_6 { }
#vertical_slide_7 { }
#vertical_slide_8 { }
#vertical_slide_9 { }

/* Scroller Box */
#scroller_container {
 position: relative;
 margin-left:23px;
 width: 163px;
 height: 171px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */