﻿body {width: 100%;margin: 0;padding: 0;border-top: 5px  solid #2e81b4;font-family: Arial, Helvetica, Sans-Serif;font-size: 14px; line-height: 23px; color: #4F5A60; background-color: white}
#header {margin-top: 22px; height: 120px;}
.wrapper {width: 985px;margin: 0 auto;}
h1{margin-top: 18px; width: 175px}
h2 {font: normal 33px/41px Georgia;	color: #2497BD;	margin: 0px; display: inline-block; float: left; min-width: 750px}
h2 span {font-size: 21px; line-height: 20px; padding-left: 5px;}
.h2xxl h2 {font-size: 39px; line-height: 60px;}
h3 {display: inline-block; float: left; font-family: 'Yanone Kaffeesatz', serif; font-size: 30px; font-weight: normal; line-height: 44px; text-decoration: none; margin: 0; padding: 0}
h3 a {color: #4F5A60;}
h3 a:hover {color: #2e81b4;}
h4 {font-family: Merriweather, Georgia; font-weight: normal; font-size: 19px; font-weight: 400; line-height: 30px; margin: 30px 0 10px 0; float: left; border-bottom: 1px dotted #a8a392; width: 100%;}
h5 {font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: normal;}
h6 {font-family: Merriweather, Georgia; font-weight: normal; font-size: 20px; font-weight: 400; margin: 0; color: #4F5A60}
#logo{height:90px; width: 176px; float: left; margin: 0 54px 0 -10px}
#logo img {width: 176px; height: 50px}
ul {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none; color: #2e81b4;}
a:hover {color: #0386d7;}
p {margin-bottom: 20px; clear: left}
p a {border-bottom: 1px #2e81b4 dotted; padding: 0 1px}
p a:hover {border-bottom: 1px #0386d7 solid;}
img {border-style: none;}
fieldset {border: solid 0 transparent; padding: 0; margin: 0}
.clear {clear: both;}
.margin28 {margin-right: 28px;}
.margin15 {margin-right: 15px;}
.left {float: left}
.right {float: right;}
.quantum {float: left;width: 55px; height: 60px;padding-left: 4px;padding-top: 33px;text-align: center; font-weight: bold; font-size: 29px ;color: #3C4448;	background: url('../images/pdfpage.png') no-repeat left bottom;}
.info2zeilen {float: right;width: 150px;margin-top: 25px; line-height: 20px; font-size: 15px}
.info2zeilen a {color: #4F5A60;	text-decoration: underline;	padding-left: 2px;}
.info2zeilen a:hover {color: #0386d7; text-decoration: none}
.meinkonto {display: block;	float: right;color: #4F5A60;font-family: 'Yanone Kaffeesatz', serif; font-size: 23px; font-weight: normal; line-height: 46px; text-decoration: none;}
.meinkonto:hover {color: #2e81b4;}
#navpanel {float: left; margin-top: 17px; width: 471px;}
#navigation {float: left;width: 385px;line-height: 100%;display: inline-block;	margin: 0}
#navigation li {float: left;position: relative; margin-right: 9px; ; z-index: 100}
#navigation a {text-decoration: none;display: block;margin: 0; color: #4F5A60; padding: 0 32px 0 14px;	background: url('../images/bg-nav.gif') no-repeat right top;}
#navigation a:hover {color: #fff;background-color: #2e81b4;}
#navigation li:hover > ul {display: block;}
#navigation ul {display: none;margin: 0;padding: 0 0 12px 0;width: 100%;position: absolute;top: -1px;left: -1px;background: #fff;	border: solid 1px #b4b4b4;-webkit-box-shadow: 0 2px 5px rgba(0,0,0, .3);-moz-box-shadow: 0 2px 5px rgba(0,0,0, .3);box-shadow: 0 2px 5px rgba(0,0,0, .3); z-index: 100}
#navigation ul li {float: none;margin: 0;padding: 0;border: none;background-image: none; z-index: 100}
#navigation ul li span {background: url('../images/bg-li.gif') repeat-x left center; display: block; margin: 0 15px;}
#navigation ul ul {left: 176px; top: -10px; padding: 10px 0}
#navigation ul a {font: 14px/24px Arial;background-image: none;}
#navigation ul li:first-child > a {font-family: 'Yanone Kaffeesatz', serif; font-size: 30px; font-weight: normal; line-height: 44px; padding: 0 32px 0 14px;}
#navigation ul li:first-child > a:hover {background: #fff;color: #2e81b4;}
#navigation ul ul li:first-child > a {font: 14px/24px Arial;;}
#navigation ul ul li:first-child > a:hover {color: #fff;background: #2e81b4;}
#navigation:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] #navigation {display: block;}
* html #navigation {height: 1%;}
.xmas {background-image: url('../images/xmas-icon.png'); background-color: gray }

.content {width: 100%;}
.linedotted {border-bottom: 1px dotted #a8a392; padding-bottom: 6px; width: 100%; margin-bottom: 24px; float: left; position: relative; z-index: 1}
.sticker {position: absolute; right: -4px; top: -10px; z-index: 10}
.ui {width: 100%;float: left;height: 14px;font: 12px/12px Arial;color: #818181;	margin-bottom: 6px;}
.ui li {float: left; display: inline; padding-right: 4px}
.ui li a {padding-right: 4px;color: #AE93A3;}
.ui li a:hover {text-decoration: underline;}
.button {display: block; background-position: left top; background-repeat: no-repeat;}
.button:hover {background-position: left bottom;}
.cssbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	color: #555;
	line-height: 100%;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.cssbutton:hover {text-decoration: none;background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');border: solid 1px #9E9E9E;color: #444;}
.cssbutton:active {position: relative;top: 1px;}
.bigbutton {font-size: 17px; padding: 8px 35px; margin-top: 12px}
.smallbutton {font: normal 12px/100% Arial, Helvetica, sans-serif; padding: 5px 12px; margin-top: -3px}
.middlebutton {font-size: 15px; padding: 10px 35px;}
.middlesmalbutton {font-size: 16px; padding: 0px 7px; line-height: 29px; text-align: center; width: 135px; margin-top: 23px}
.flatbutton {display:block; color: white; font-family: Merriweather, Georgia; font-size: 18px; font-weight: 300; line-height: 43px;text-align: center; -webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;transition:background .1s linear;}
.green {background-color: #64A700; width: 260px; margin-top: 15px}
.green:hover {background-color: #719A29; color: #fff}
.orange {background-color: #FE6D4C; width: 270px; margin: 30px 20px 32px 0; }
.orange:hover {background-color: #E15000; color: white}
.grau {background-color: #888; color: #fff; padding: 0px 40px; border: none; margin-top: 8px}
.grau:hover {background-color: #67ADD8; color: #fff}
.pdfupload .flatbutton {margin: 18px 0 5px 0;}
.pdfupload .flatbutton span {background-image: url('../images/icon-upload.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 35px}
.itemnav {float: right; display: inline-block; min-width: 80px; margin-top: 18px; text-align: right; z-index: 10}
.buttonball {float: right; height: 28px; width: 28px; border-radius: 5px; background-color: #CECECE; text-align: center; font-size: 29px; color: #fff; font-weight: bold; margin: 3px 0 0 10px; line-height: 22px; font-family: Georgia; -webkit-transition:background .2s linear;-moz-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}
.buttonball:hover {background-color: #67ADD8; color: white}
.g-close {font-size: 16px; color: #AE93A3; margin-top: 15px}
.g-close:hover {color: #0386d7; text-decoration: underline}

.contentleft {width: 542px;}
.contentright {padding-top: 26px; margin-bottom: 30px; float: right}
.w378 {width: 370px}
.w294 {width: 294px}
.w332 {width: 332px; padding-top: 15px}
.contentright a {white-space: nowrap}
.contentright select {width: 270px; margin: 3px 0 -10px 0; padding: 3px 5px; color: #4F5A60}
.details {background: #DAEDF4; margin: 30px 0; padding: 10px 20px; min-width: 220px; border-radius: 7px; max-width: 300px;}
.details p {margin: 0; font-size: 13px; padding: 2px 0; }
.details span {padding: 0 8px; }
.details a {border: none; white-space: nowrap; margin-right: 8px}
.details a:hover {border: none; text-decoration: underline}
.tags {width: 100%; line-height: 26px;}
.tags li {float: left; background: url('../images/bg-li-tags.png') no-repeat right center; color: #818181; padding-right: 19px;}
.tags li a {color: #818181}
.tags:hover a {color: #2e81b4}
.tags li a:hover {text-decoration: underline; color: #0386d7}
.tags li:last-child {background-image: none}
.merken {display: inline-block; width: 1px; height: 1px; padding: 8px; background-image: url('../images/favorite.png'); margin: 43px 10px 0 0; float: left}
.vorschauform {display: inline-block; width: 1px; height: 1px; padding: 8px; background-image: url('../images/vorschau.png'); margin: 43px 10px 0 0; float: left}
#vorlagenfelder {padding: 40px 30px 10px 0; width: 750px;}
#vorlagenfelder img {margin: 0 50px 30px 40px; float: left; -webkit-box-shadow: 0px 0px 8px 3px #777; -moz-box-shadow: 0px 0px 8px 3px #777;box-shadow: 0px 0px 8px 3px #777;}
#vorlagenfelder strong {font-size: 16px; margin: 15px 0 12px 0; display: block}
#vorlagenfelder a {display: block; margin-top: 10px}
.woodbox {float: left; padding: 12px; border: 1px dotted #a8a392;}
.inner {background: #323232 url('../images/leinen-dunkel.png') repeat fixed; padding: 35px 40px 30px 40px; font: 13px/20px Arial; color: white;}
.w-preview {width: 550px; height: 484px; text-align: center; margin-bottom: 12px}
.w-preview .inner {height: 484px; padding: 0}
.genrebox {margin-top: 70px; float: left}
.genrebox .inner {padding: 0px 10px 22px 10px}
.genrebox li {width: 185px; float: left; text-align: center}
.genrebox .details a {display: block; min-width: 142px; float: left}
.catogorybox {margin: 40px 0 10px 0; width: 480px}
.catogorybox h2 {font-size: 23px}
.catogorybox .inner {padding: 0px 30px 22px 30px; position: relative}
.catogorybox .woodbox li {width: 190px; float: left; text-align: center}
.catogorybox .tags {font-size: 11px; line-height: 18px; margin-top: 2px; float: left; margin-bottom: 10px}
.catogorybox .tags li:first-child {background-image: none; padding-right: 7px; color: #4F5A60}

.catarrow {position: absolute; display: block; width: 30px; height: 53px; right: -6px; top: 79px; background-image:url('../images/cat-arrow.png')}
.preview-form {display: none;}
.a4hoch {margin-top: 61px;padding: 8px;background: url('../images/bg-a4-hoch.png') no-repeat center center;	width: 245px; height: 346px;}
.a4quer {margin-top: 110px;	padding: 8px; background: url('../images/bg-a4-quer.png') no-repeat center center; width: 346px; height: 245px;}
.teilen li {float: left; padding-right: 20px;}
.template-links {width: 100%; margin-top: 15px}
.template-links ul {float: left; padding-top: 20px; padding-left: 30px;}
.template-links ul li {float: left; width: 185px; height: 174px; text-align: center;}
.bestseller {width: 962px; margin-top: 20px}
.bestseller .template-links ul {padding: 30px 0 0 0}
.bestseller .template-links ul li {margin-bottom: 50px;}
.portrait {width: 112px; height: 158px; background: url('../images/bg-a4potrait.png') no-repeat center center; padding: 4px 5px 9px 6px;}
.landscape {width: 158px; height: 112px; margin-top: 23px; background: url('../images/bg-a4landscape.png') no-repeat center center; padding: 5px 5px 9px 6px;}
.padleft30 {padding-left: 30px}
.contentbox {background: #efeeeb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 13px 16px -16px #555; -moz-box-shadow: 0 13px 16px -16px #555; box-shadow: 0 13px 16px -16px #555;}
.wide {margin: 60px 0px; padding: 90px 40px 30px 40px; position: relative}
.w700px {width: 620px; padding: 35px 40px 30px 40px; margin: 30px 0 40px 0;}
.w700px h4 {margin-top: 0px}
.content700 {width: 700px; }
.content620 {width: 620px; float: left;}
.blogbox {position: relative; margin-bottom: 60px}
.blogbox h6 {font-size: 25px;margin-bottom: 15px; line-height: 40px}
.blogimg {box-shadow: 0 8px 6px -6px #999; margin-right: 40px}
.pdfupload {width: 260px; float: right; margin: 15px 0 80px 0; padding: 20px 30px; color: #444; font-size: 14px; background: #efeeeb url('../images/bg-upload.gif') no-repeat right top}
.itemprint {width: 223px; background-color: #DAEDF4; border: 1px #fff solid; margin-bottom: 20px}
.itemprint img {width: 223px;  height: 165px}
.itemprintinner {padding: 0px 5px 15px 15px;}
.itemprintinner strong {font-size: 19px; color: #444; display: block; line-height: 30px; padding-top: 25px}
.itemprintinner span {font-size: 13px; color: #818181; display: block; padding-bottom: 15px}

.druckbeispiel {width: 630px;}
.abb {padding: 8px; border: 1px dotted #a8a392; width: 630px; height:472px; margin-bottom: 15px}
.druckbeispiele li {position: relative;margin-top: 10px;margin-bottom: 22px;overflow: hidden;width: 310px;height: 210px;}
.druckbeispiele img {width: 310px;height: 210px;}
.druckbeispiele a.thumb {position: absolute;display:block;width: 100%;height: 100%;z-index: 110;}
.druckbeispiele .cover {position: absolute;bottom: 0;display: block;width: 100%;height: 20%; background-color: #333;opacity: 0.6;filter: alpha(opacity=60);z-index: 50;}
.druckbeispiele .title {position: absolute;bottom: -40px;display: block;width: 90%;padding: 0 5% 5% 5%;font-size: 15px;color: #fff;z-index: 100;}
.druckbeispiele .name {padding-bottom: 10px;border-bottom: 1px solid #fff;margin-bottom: 10px;}
.druckbeispiele .view {height: 13px; line-height: 13px; font-size: 12px; background: url(../images/ansehen.png) no-repeat 100px 0;}

.tour {float: right; margin-top: -70px; margin-left: 50px}
.ribbon-y {position: absolute; top: 30px; left: -10px; background: transparent url('../images/ribbon-y-left.png') no-repeat left top; height: 51px; padding-left: 10px}
.ribbon-y span {background: transparent url('../images/ribbon-y-end.png')  no-repeat right top; padding-right: 29px; display: block; height: 100%}
.ribbon-y em {font-size: 19px; font-family: Georgia; line-height: 43px; color: #505050; background: transparent url('../images/ribbon-y-bg.png') repeat-x top; display: inline-block; height: 100%; padding: 0 20px}
.ribbon-vertikal {position: absolute; top: -7px; right: 51px; width: 41px; height: 73px; background: transparent url('../images/ribbon-vertikal.png') no-repeat left top; padding: 8px 0 0 7px; text-align: center; font-family: Georgia; font-size: 12px; line-height: 18px}
.ribbon-vertikal span {font-size: 30px;}

#searchbox {margin-top: 6px; float: right; width: 226px;}
#searchbox input {float: left;background: #F4F4F4; border: 1px dotted #a8a392;width: 186px;height: 27px; font: 13px/27px Arial, Helvetica, Sans-Serif; padding: 0 0 0 5px; color: #999;}
#searchbox .button {float: right;width: 29px; height: 29px;	border-style: none;	background: transparent url('../images/button-suche.png') no-repeat center top}
#searchbox .button:hover {background-position: center bottom}
#searchbox input:focus {border: 1px solid #2497BD; color: #555;}
#searchbox input:hover {border: 1px solid #2497BD;}

.navleft {width: 200px; float: left;}
.navright {width: 226px; float: right; margin-top: 55px}
.w310px {width: 310px; margin-top: 40px}
.subnav ul {font: 13px/27px Arial;margin: 12px 0px 55px 0px;width: 100%}
.subnav li {border-bottom: 1px dotted #a8a392; position: relative;}
.subnav li:first-child {border-top: 1px dotted #a8a392;}
.subnav li:hover {background-color: #E6F4F9;}
.subnav a {display: block;color: #4F5A60;}
.subnav a:hover {color: #202426;}
.subnav span {color: #AE93A3; padding-left: 3px; font-size: 12px}

.email a {font-size: 22px; display: block; border-bottom: none;}
.email a:hover {text-decoration: underline; border: none}
.fotostream a {float: left; width: 85px; height: 85px; border: 1px dotted #a8a392; padding: 4px; margin: 12px 12px 0 0}
.fotostream a:hover {border: 1px solid #9FD9EA; background-color: #9FD9EA}

.navleft .aktiv  {text-indent: 5px}
.aktiv a {color: #202426;}
.aktiv {background-color: #EBF5FA;}
.aktiv:hover {background-color: #D0EBF4;}
.w-gallery {width: 959px; height: 489px; text-align: center; margin-top: 20px}
.w-gallery .inner {height: 484px; padding: 0}
.gallerie {float: right; font-size: 12px; width: 100%}
.w731px {width: 731px;}
.galfilter {width: 100%; float: left;}
.galfilter span {display: inline-block; float: left}
.boxfilter {float: left; margin-right: 28px;}
.w225px {width: 225px;}
.boxperpage {float: right; width: 179px;}
.buttondotted {display: inline-block; padding: 0px 12px 0px 12px; color: #888; border: 1px dotted #a8a392; line-height: 22px;}
.buttondotted:hover {color: #4F5A60; border: 1px solid #a8a392;}
.galerieansicht {padding-left: 28px; background: url('../images/icon-gallery.png') no-repeat 6px center}
.awesome {width: 125px;}
.genre {width: 148px;}
.perpage {width: 58px;}
.filter {border: 1px dotted #a8a392;line-height: 22px;font-size: 12px;background: url('../images/filterpfeil.gif') no-repeat right center;}
.filter:hover {border-style: solid;}
.filter a {display: block;	padding: 0px 10px 0px 10px;	color: #888;}
.filter:hover a {color: #4F5A60;}
.filter ul {position: absolute;left:-9999px; background:  #fff;	width: 100%; margin: -2px 0 0 -1px; padding: 10px 0 8px 0; z-index: 100}
.filter:hover ul {border: 1px solid #a8a392;border-top: none;}
.filter li {position: relative; z-index: 10}
.filter li:hover ul { left: auto;}
.filter li li a:hover {text-decoration: underline;}
.faqbox {background-color: #DAEDF4; margin: 40px 0; padding: 30px 40px}
.faqbox ul {width: 430px; margin-bottom: 50px}
.faqbox ul li a {color: #555; text-decoration: underline; line-height: 28px}
.faqbox ul li a:hover {color: #333; text-decoration: none}
.faqbox ul li h6 { margin-bottom: 15px}
.answerbox {width: 880px; float: left}
.answerbox strong {font-size: 17px; display: block; padding-bottom: 7px}

.preview {position: absolute; top: 6px; left: 6px; display: block; width: 213px; height: 213px; background: #323232 url('../images/leinen-dunkel.png') repeat fixed; text-align: center;}
.item-box {margin-top: 35px; margin-bottom: 35px; position: relative;}
.item-box a {float: left; width: 223px; height: 223px; border: 1px #909090 dotted; text-align: left; background-color: white; font-size: 13px; color: #AE93A3;}
.item-box a:hover {background-color: #9FD9EA; color: #666; border: 1px #9FD9EA solid;}
.a4hkl {background: url('../images/schatten-a4h-kl.png') no-repeat center center; width: 112px; height: 158px; margin-top: 22px; padding: 5px}
.a4qkl {background: url('../images/schatten-a4q-kl.png') no-repeat center center; width: 158px; height: 112px; margin-top: 45px; padding: 5px}
.item-text {position: absolute; left: 0px; top: 225px; padding-top: 6px; }
.nav-page {float: left; clear: both; width: 100%; margin: 40px 0px -20px 0px; font-weight: bold;}
.nav-page h6 {font-size: 18px; width: 300px; margin: 0; float: left}
.nav-page a {display: inline-block; float: right; margin-left: 9px; padding: 0px 7px 0px 7px; color: #2497BD; background: #EFF7FA; border: 1px dotted #2497BD; line-height: 22px;}
.nav-page a:hover {color: #fff; border: 1px solid #2497BD; background: #2497BD}
.control {font-size: 17px;}
.nav-page span {display: inline-block; float: right; margin-left: 9px;}

#crossslide {position: absolute; bottom: -3px; right: 93px; width: 293px; height: 328px; background: url('../images/schatten-home.png') no-repeat center top;}
#crossslide img {padding: 8px 8px 0px 8px}
.w961px {width: 961px; height: 236px; margin: 46px 0 17px 0; position: relative}
.woodbox h2 {float: none; font-size: 26px; font-family: Merriweather, Georgia; font-style: normal; font-weight: 400; color: white; line-height: 42px;}
.w961px .inner {padding: 39px 0 0 47px; height: 200px;}
.w961px .inner span {font-size: 15px; display: block; padding: 1px 0px 20px 0px; line-height: 26px; margin-top: 10px}
.homebox {width: 310px;color: #555; margin-top: 90px; margin-bottom: 10px;}
.bandarolebottom {height: 56px; position: absolute; left: -8px; bottom: -30px; font: 14px/50px Arial; padding-top: 3px; color: #3C4448; z-index: 10}
.bandarolebottom span {padding-left: 28px;}
.bandarolebottom span a {color: #4F5A60; text-decoration: underline; font-weight: bold}
.w961px .bandarolebottom {width: 943px; background-image: url('../images/bandarole1002.png'); padding-left: 59px;}

.gratislink a {display: block; border: 1px dotted #A1C4CE ; background: #DAEDF4; padding: 15px; margin: 20px 0 29px 0; font-family:Georgia; font-size: 23px; font-style: italic; color: #2e81b4; text-align: center}
.gratislink a:hover {border: 1px solid #2e81b4; background: #2e81b4; color: white;}

.w605px {width: 505px; position: relative; margin-top: 20px; padding: 110px 50px 40px 50px;}
select {padding: 7px; border: 1px solid #A1C4CE; background-color: #fff; margin: 0}
textarea {padding: 7px; border: 1px solid #A1C4CE; background-color: #fff; margin: 0; font-family: Arial, Helvetica, Sans-Serif}
input {padding: 7px; border: 1px solid #A1C4CE; background-color: #fff; margin: 0;}
textarea:focus {border-color: #2497BD; box-shadow: 0 0 2px #2497BD;}
input:focus {border-color: #2497BD; box-shadow: 0 0 2px #2497BD;}
#kontaktform input {width: 380px; margin-right: 20px}
label {float: left; margin: 0;}
#kontaktform div {float: left; font-size: 11px; line-height: 35px; letter-spacing: 1px; color: #77868E; margin: 3px 0 15px 0}
#loginbox {padding: 30px 30px 0px 30px; width: 650px;}
.PopForm h4 {font: normal 30px/40px Georgia; color: #2497BD; margin: 0 0 20px 0; float:none}
#loginbox h4 {font: normal 30px/40px Georgia; color: #2497BD; margin: 0 0 20px 0; float:none}
#loginbox fieldset {background-color: #DAEDF4; padding: 15px;}
#loginbox input {width: 210px; float: left;}
#loginbox label {width: 210px; float: left;}
.FormInLine fieldset {line-height: 31px}
.FormInLine span {float: left; display: block; width: 100%; margin-bottom: 8px}
.FormInLine label {display: inline-block;}
.PopForm {padding: 30px; width: 600px}
.PopForm input {width: 350px; float: right}
.PopForm .FormInLine fieldset {padding: 25px 30px; background-color: #DAEDF4;}
.PopForm .middlesmalbutton {margin: 0}
.ratiostyle {background-color: transparent; border: none; margin: 0 5px 0 0;}
#payment label {margin-left: 15px; border-bottom: 1px dotted #a8a392; width: 90%; position: relative; height: 57px; padding-top: 9px}
#payment .ratiostyle {margin: 5px 0px 0px 6px;}
#payment span {position: absolute; left: 30px; top: 10px; line-height: 22px}
#payment img {position: absolute; top: 17px; right: 10px}

table {border-collapse: collapse}
#preise {background-color: #F4F3F0; margin-top: 50px; text-align: right}
#preise td {border: none; padding: 7px 25px;}
#preise tr:nth-of-type(even) {background-color: #efeeeb;}
#preise tr:nth-of-type(odd) {background-color: #F4F3F0;}
#preise td:nth-child(n+2){text-align: center}
#preise th {border-bottom: 4px #2e81b4 solid;background-color: white; text-align: left; font-weight: 400; font-family: Merriweather, Georgia; font-size: 27px; padding-bottom: 10px; padding-left: 20px}
#preise col {border-left: 1px #a8a392 dotted; width: 200px;}
#preise col#textCol {border: none; width: 380px;}
#preise tr:nth-last-child(3) {border: 2px #90B93E solid;}
.flatbuttonsmall {display: block; color: white; background-color: #67ADD8; line-height: 37px; margin: 12px 0; font-family: Merriweather, Georgia; font-size: 17px; font-weight: 300; border-radius: 5px; text-align: center}
.flatbuttonsmall:hover {background-color: #2e81b4; color: #fff}
#webbrowser td a {display: block; background-color: #FAFAFA; line-height: 37px; font-size: 30px; color: #4DAC6F}
#webbrowser td a:hover {background-color: #4DAC6F; color: #fff}
.zahlungsm {line-height: 32px; cursor: default}
.zahlungsm li {float:left; margin-right: 50px; font-size: 20px; color: #AE93A3}
.zahlungsm li:hover {color: #2e81b4}
.zahlungsm a:hover {text-decoration: none}
.w310px .zahlungsm li {margin-right: 30px;}

.messagebox {padding: 15px 0; margin: 30px 0; text-align: center; background-color: #FFFFE2; border: 1px #CCCC99 solid; border-radius: 7px; display: block; width: 100%}
.linkunderline:hover { text-decoration: underline}
.noresult {padding: 15px; margin-bottom: 10px; text-align: center; background-color: #DCF1F8; border: 3px #81C5DB dashed; font-size: 14px}

#footer {width: 100%;margin: 110px 0px 0px 0px;font: 13px/24px Arial; color: #AE93A3}
#footer .wrapper {position: relative; padding-top: 70px; padding-bottom: 25px; background: url('../images/keinabo.gif') no-repeat left 90px}
.ribbon {position: absolute; right: -20px; top: 0px; width: 500%; background: url('../images/bg-footer-990.png') no-repeat right bottom; padding-bottom: 4px}
h5 {color: white; height: 39px; margin: 0; font-size: 18px; line-height: 39px; background: #2e81b4 url('../images/ribbon-end.png') no-repeat right center; }
h5 span {display: block; width: 751px; float: right;}
#footer ul {float: right; margin: 10px 0 25px 0;  width: 146px}
#footer ul a {display: block;}
#footer ul a:hover {text-decoration: underline; }
#footer:hover a {color: #0386d7}
#footer .clear {font-size: 11px; text-align: center;}

/* jCarousel */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-item {float: left;list-style: none;width: 400px;height: 400px;}
.jcarousel-list li {float: left;list-style: none;width: 400px;height: 400px;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 839px;padding: 0px 60px;}
.jcarousel-skin-tango {	padding: 0px 0px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  838px;height: 485px;}
.jcarousel-skin-tango .jcarousel-item {width: 417px;height: 485px;padding-left: 0px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 0px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 212px;right: -7px;width: 33px;height: 60px;cursor: pointer;background: url('../images/next-horizontal.png') no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -33px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -33px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -66px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover {cursor: default;background-position: -66px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {cursor: default;background-position: -66px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 212px;left: -7px;width: 33px;height: 60px;cursor: pointer;background: url('../images/prev-horizontal.png') no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -33px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -33px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -66px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover {cursor: default;background-position: -66px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {cursor: default;background-position: -66px 0;}

/* Userstyle */

.nav-user {width: 100%; height: 22px;margin-bottom: -22px;}
.nav-user a {float: right;display: block;height: 22px;color: #fff;font: 11px/14px Arial;text-align: center;background: url('../images/navuser.gif') no-repeat right top;width: 72px;}
.nav-user a:hover  {background-position: right bottom;	line-height: 16px;}
.mycontent {width: 720px; float: left;}
.newsbox {padding: 20px 25px 20px 25px; margin: 15px 0; font-size: 13px}
.newsbox a {font-size: 11px; margin-left: 10px}
.countdown {position:absolute; bottom: 5px; left: 5px; background: white; opacity: .92; filter: alpha(opacity=92); z-index: 40; width: 215px; height: 30px; text-align: center; padding-top: 10px; font-size: 15px; color: #2598BE; font-weight: bold;}
a.eyeframe {border: 1px #9FD9EA solid; background: #9FD9EA}
a:hover.eyeframe {border: 1px #A5D268 solid; background: #A5D268}
a:hover.eyeframe .countdown {color: #87A023 }
.item-box input {position: absolute; right: 5px; top: 235px; padding: 0;}
.removepanel {margin-top: 35px; width: 678px; padding: 12px 20px 9px 20px;}
#bestellchronik td {padding: 6px 10px; border-bottom: 7px white solid}

/* extended */

.margin15 {margin-right: 15px;}
.removefilter {color: #000000 !important; font-weight: bold !important; text-indent: 15px !important; position: absolute; right: 8px; top: 0px;}
.error {
	color: #ff0000;	border: dashed 1px #ff0000;	font-size: 14px;padding: 10px;}
.statusBox {background-color: #E4F2F8;border-bottom: 1px #81C5DB dotted; margin-top: 30px; line-height: 30px; text-indent: 8px;color: #333;font-size: 13px;}
.noSearchResultStatusBox {background-color: #E4F2F8;border-bottom: 1px #81C5DB dotted; margin-top: 30px; margin-bottom: 20px;line-height: 30px; text-indent: 8px; color: #333; font-size: 13px;}
.editCountdown {background: url('../images/countdown.png') no-repeat left bottom; float: right;height: 66px; font: 13px/20px Arial, Helvetica, Sans-Serif; color: #4F5A60; text-align: left; padding-left: 66px; padding-top: 21px;}
.editCountdown span {font-size: 17px; color: #B7BE1F; line-height: 22px}

/* personal PDF */

.column225 {float:right; width: 225px; font-size: 13px; color: #4F5A60; padding-top: 10px}
.column225 h4 {font-size: 18px; margin-top: 45px}
.column225 .contentbox {font-size: 13px; line-height: 22px; margin-top: 40px; padding: 15px}
.infobox225 {margin-top: 35px; background-color: #DAEDF4; color: #424B51; padding: 0px 20px 30px 20px; width: 185px; font: 13px/21px Arial;}
.downloadbutton {display:block; padding-top: 4px; color: white; text-indent: 44px; font: 18px/40px Merriweather; font-weight: 300; background: #FE6D4C url('../images/download.gif') no-repeat 15px center; color: white; width: 282px; margin: 25px 0 15px 0}
.downloadbutton:hover {background-color: #E15000; color: white}
.pdffunct a {float:left; font-size: 12px; color: #AE93A3; padding-left: 55px; width:277px; margin-bottom: 22px;  background-repeat: no-repeat; background-position: left center; line-height: 22px}
.pdffunct a:hover span {color: #0386d7; text-decoration: underline}
.pdffunct span {display: block; font-size: 17px;}

.downloadbox {padding: 20px 25px; background: #DAEDF4; margin-top: 25px; border-radius: 7px; margin-bottom: 50px}
.downloadbox select {width: 100%}
.downloadbox span {font-size: 11px; color: #444; line-height: 20px}
.downloadbox span a {text-decoration: underline}
.downloadbox span a:hover {text-decoration: none}
#sendmail {padding: 25px; width: 600px;}
#sendmail h4 {font: normal 30px/40px Georgia; color: #2497BD; margin: 0 0 20px 0; float:none}
#sendmail fieldset {background-color: #DAEDF4; padding: 15px 20px;}
#sendmail label {display: block; float: left; margin: 5px 0; font-size: 12px; font-weight: bold}
#sendmail input, #sendmail textarea {color: #999; font-style: italic; font-size: 13px}
#sendmail input:focus, #sendmail input.focused,#sendmail textarea:focus, #sendmail textarea.focused {color: #333; font-style: normal }

.vorschau {position: absolute; right: 30px; top: 30px;height: 26px; width: 26px;background-image: url('../images/icon-preview.png')}
.previewdocportrait {width: 600px;height: 847px;margin-top: 20px}
.previewdoclandscape {width: 600px; height: 423px; margin-top: 30px}
.schatten {border: 1px solid #888; margin-left: 6px; -webkit-box-shadow: 0px 0px 6px 3px #C0C0C0; -moz-box-shadow: 0px 0px 6px 3px #C0C0C0; box-shadow: 0px 0px 6px 3px #C0C0C0;}
.statusBox {
    background-color: #E4F2F8;
    border-bottom: 1px #81C5DB dotted;
    margin-top: 30px;
    line-height: 30px;
    text-indent: 8px;
    color: #333;
    font-size: 13px;
	width: 100%;
}
.noSearchResultStatusBox {
    background-color: #E4F2F8;
    border-bottom: 1px #81C5DB dotted;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    text-indent: 8px;
    color: #333;
    font-size: 13px;
}
ol {list-style: none; margin: 0; padding: 5px 0}
ol li {width: 100%; float: left;}
ol li input {border: none; background-color: transparent;}
ol li span {padding-left: 5px}
.printform {padding: 0px 20px 25px 20px; background: #DAEDF4; margin-top: 15px; border-radius: 7px}
.printform strong {display: block; padding-top: 25px; clear: both}
.docupload {width: 620px; padding: 35px 40px 38px 40px; margin-top: 30px; color: #BDA8B5; line-height: 30px; font-size: 16px;}
.docupload a {color: #0386d7; font-size: 24px; font-weight: bold; letter-spacing: 1px}
.docupload a:hover {text-decoration: underline}
