html, body {
	background-color: #AED6E8;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 101%;
	margin: 0;
	padding: 0;
	color: #296783;
}

a.orange:link {
	color: #FF7F40;
	font-weight: bold;
	padding: 0 5px 0 5px;
	display: inline-block;
}

a.orange:visited {
	color: #FF7F40;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

a.orange:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3D99C2;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

a.text:link {
	color: #C23D3D;
	text-decoration: none;
	display: inline-block;
}

a.text:visited {
	color: #C23D3D;
	text-decoration: none;
	display: inline-block;
}

a.text:hover {
	color: #296783;
	background-color: #F9D814;
	text-decoration: none;
	display: inline-block;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

a.text:active {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

a.wunpreis:link {
	color: #296783;
}

a.wunpreis:visited {
	color: #296783;
}

a.wunpreis:hover {
	color: #FC00D6;
}

#errortext {
	visibility: hidden;
	display: none;
}

li {
	margin-bottom: 10px;
}

img { /*alle Fotos, die keinen Abstand UNTEN haben wollen, sollten mit display: block bezeichnet werden*/
   	height: auto; 
   	width: 100%;
}

.imginfo { /*alle Fotos, die keinen Abstand UNTEN haben wollen, sollten mit display: block bezeichnet werden*/
   	height: auto; 
   	width: 100%;
	margin-bottom: -5px; /*sonst schaut der Hintergrund unten vor beim Verkleinern der Seite*/
   	display: block;
}

.imgvorschaucont {
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	width: auto;
	height: auto;
	min-width: 140px;
	font-size: 0.9em;
	color: #D9EFF9;
	background-color: #3D99C2;
	text-align: center;
	padding: 10px;
	margin: 15px 10px 0 10px;
	float: left;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	cursor: pointer;
}

.imgvorschaucont:hover {
	color: #FFFFFF;
	background-color: #50C9FF;
}


.imgvorschau {
	width: 132px !important;
	height: 132px !important;
	max-width: 132px;
	max-height: 132px;
	margin-top: 1px;
	border: 0;
}

.imgvorschaugray {
	width: 132px !important;
	height: 132px !important;
	max-width: 132px;
	max-height: 132px;
	margin-top: 1px;
	border: 0;
	opacity: 0.7;
}

.imgvorschaugray:hover {
	width: 132px !important;
	height: 132px !important;
	max-width: 132px;
	max-height: 132px;
	margin-top: 1px;
	border: 0;
	opacity: 1;
}

.imgvorschautext {
	text-align: left;
	padding: 2px;
	color: #000000;
	background-color: #CFE0E8;
	max-width: 140px;
	height: 100px;
	overflow: scroll;
	display: inline-block;
	font-size: 0.7em;
	overflow-x: hidden;
}

h1 {
	font-size: 1.6em;
	font-family: 'boostblack','Arial','Helvetica',sans-serif;
	line-height: 0.9em;
	color: #F9D814;
	text-shadow: 2px 2px 1px #1F4D61;
	margin: 0 0 0 10px;
}

/* IE8 only*/
html>/**/body h1{
	color /*\**/: #3D99C2\9;
}

h2 {
	font-size: 1.1em;
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	color: #3D99C2;
	margin: 3px 0 0 10px;
	text-shadow: 1px 1px 1px #B3E3FF;
}

.bildsub {
	font-family: 'boostblack','Arial','Helvetica',sans-serif;
	font-size: 1.3em;
	color: #FAD21E;
	text-align: center;
	background-color: #3D9ACC;
	margin: 0 0 10px 0;
	padding: 5px;
}

.abstand20 {
	width: 100%;
	height: 20px;
}

.abstand30 {
	width: 100%;
	height: 30px;
}

.abstand40 {
	width: 100%;
	height: 40px;
}

#abschlusscenter {
	text-align: center;
}

.abschlussgross {
	width: auto;
	height: auto;
	padding: 20px 20px 0 20px;
	background-color: #3D99C2;
	background-image: url(../images/abschlussmotive_verlauf_back.png);
	background-repeat: repeat-x;
	display: inline-block;
}

.abschlussgrosscopy {
	visibility: hidden;
	display: none;
}

.abschlussgrosstitel {
	margin-bottom: 0;
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	text-shadow: 2px 2px 2px #FFFFFF;
}

/*@media screen and (max-width: 361px) {
	.abschlussgrosstitel {
	white-space: nowrap;
	font-size: 0.8em;
}
}*/

.abschlussgrosstitelback {
	/*background-color: #FDFEFE;*/
	position: relative;
	background-image: url(../images/back_motiv_titel.png);
	background-repeat: repeat-x;
	max-width: 846px;
	height: 42px;
	/*text-align: center;*/
	margin: 0 auto;
}

@media screen and (max-width: 420px) {
	.abschlussgrosstitelback {
	background-image: none;!important;
	/*background-color: #FDFEFE;!important;*/
	/*http://colorzilla.com/gradient-editor/#d9eff9+0,fdfefe+100 */
	background: #d9eff9; /* Old browsers */
	background: -moz-linear-gradient(top, #d9eff9 0%, #fdfefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9eff9 0%,#fdfefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9eff9 0%,#fdfefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9eff9', endColorstr='#fdfefe',GradientType=0 ); /* IE6-9 */
}
}

.abschlussgrossbild {
	width: 100%;
	max-width: 400px;
	height: auto;
	max-height: 400px;
}

.abschlussgrosstext {
	background-color: #D9EFF9;
	padding: 20px;
}

.abschlussgrosstextback {
	text-align: left;
	padding: 20px;
	margin-top: -1px; /*lässt den Button ohne Rand direkt in den hellen Hintergrund übergehen*/
	background-color: #FFFFFF;
	background-image: url(../images/abschlussmotive_verlauf_back_2.png);
	background-repeat: repeat-x;
}

/*Abschlussmotive Aufklapptext Selektor*/
*[id^='abinfo']{
    display: none;
}

.abgrosslinkcont {
	text-align: center;
	margin-top: 3px;
	padding: 0;
	position: relative;
	bottom: -1px; /*lässt den Button ohne Rand direkt in den hellen Hintergrund übergehen*/
	display: block;
}

a.abschlussgrossinfo:link {
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	color: #3D99C2;
	background-color: #D9EFF9;
	-moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

a.abschlussgrossinfo:visited {
	color: #3D99C2;
	background-color: #D9EFF9;
	-moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

a.abschlussgrossinfo:hover {
	color: #296783;
	background-color: #F9D814;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

a.abschlussgrossinfo2:link {
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	color: #D9EFF9;
	background-color: #3D99C2; 
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

a.abschlussgrossinfo2:visited {
	color: #D9EFF9;
	background-color: #3D99C2; 
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

a.abschlussgrossinfo2:hover {
	color: #296783;
	background-color: #F9D814;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	outline: none;
}

.abschlussinfohead {
    color: #D9EFF9;
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	background-color: #3D99C2;
	padding: 4px;
	margin: 4px 0 4px 0;
	display: inline-block;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.abschlussseite {
	font-weight: bold;
	letter-spacing: 0.4em;
	padding: 4px;
	margin: 4px 0 4px 0;
	display: inline-block;
}

.abschlussinfotext {
    color: #FFFFFF;
	font-weight: bold;
	background-color: #FF7F40;
	padding: 4px;
	margin: 4px 0 4px 0;
	display: inline-block;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.achtung {
	padding: 7px;
	background-color: #5239B8;
	display: inline-block;
	margin: 0 0 10px -3px;
	color: #FFFFFF;
	border: solid 3px #FF7F40;
}

.datum {
	width: 100%;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
	visibility: hidden;
	display: none;
}

.demomotive {
	display: block;
	text-align: center;
	padding: 5px 5px 0 5px;
	width: 100%;
	max-width: 180px;
	height: auto;
	background-color: #09C;
	margin: 20px;
	float: right;
	border: solid 4px #3D99C2;
	border-radius: 15px;
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
	transition: transform .7s; /* Animation fuer Zoom */
}

.demomotive:hover {
    -webkit-transform: scale(2); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: scale(2); /* Fx 3.5-15 */
    -ms-transform: scale(2); /* IE 9 */
    -o-transform: scale(2); /* Op 10.5-12 */
    transform: scale(2); /* Fx 16+, IE 10+ */
	box-shadow: #004359 10px 10px 10px;
}

@media screen and (max-width: 1049px) {
	.demomotive:hover {
	border: dotted 4px #FED72C;
	box-shadow: none;
	-webkit-transform: scale(1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: scale(1); /* Fx 3.5-15 */
    -ms-transform: scale(1); /* IE 9 */
    -o-transform: scale(1); /* Op 10.5-12 */
    transform: scale(1); /* Fx 16+, IE 10+ */
		
}}

@media screen and (max-width: 1049px) {
	.demomotive {
	float: left;
	margin: 20px 20px 20px 0;
		
}}

.demomotivetext {
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	font-size: 0.7em;
    color: #FFFFFF;
}

.dreieck {
	width: 0;
	height: 0;
	margin: 5px 2px 0 0;
	border-style: solid;
	/*border-style: inset;*/
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #FAD21E transparent;
	-webkit-transform:rotate(360deg);
	float: left;
}

.eukommission {
	background-color: #F1F7F9;
	margin: 30px 10px 30px 10px;
	padding: 5px;
}

.farbencont {
	white-space: nowrap;
	float: left;
	display: block;
}

.farbentext {
	display: inline-block;
	float: left;
	margin-right: 5px;	
}

.farbenbild {
	width: 60px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	border: solid 1px #000000;
	border-radius: 15px;
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
	box-shadow: #000000 2px 2px 2px;
}

.fliesstext {
	margin: 0 10px 10px 10px;
	line-height: 1.4em;
}

.fliesstextfeed {
	margin: 0 10px 10px 10px;
	font-size: 0.8em;
	line-height: 1.4em;
}

.fotohinweis {
	background-color: #A2E2FF;
	border: 2px dashed #3D99C2;
	padding: 5px;
}

.formwert {
	margin: 10px 10px 30px 10px;
	background-color: #F9F5DF;
	padding: 12px;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.formwertsub {
	background-color: #FFD800;
	font-weight: bold;
	padding: 2px 12px 2px 12px;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

#headverlauf {
	background-image: url(../images/background_head.gif);
	background-repeat: repeat-x;
	min-height: 81px;
}
	
#hinweisbrowser {
	color: #000000;
	background-color: #FD83FE;
	font-size: 1.0em;
	border: 2px solid #000000;
	padding: 10px;
	margin: 10px 0 10px 0;
}

#headpreisewrap {  /* Größe für mobile Geräte bei #ueberschriftunten eingestellt*/ 
	display: block;
	margin: 0 10px 5px 10px;
	text-align: center;
	width: auto;
	max-width: 350px;
	float: right;
	cursor: pointer;
	padding: 0 3px 0 3px;
}

#headpreisewrap:hover {
	background-color: #D9EFF9;
}

#headpreise {
	display: inline-block;
	font-weight: bold;
	text-align: left;
}

.icmotivfoto {
	width: 207px;
	height: 69px;
	max-width: 207px;
	max-height: 69px;
	background-image: url(../images/foto_vom_motiv_1.png);
	background-repeat: no-repeat;
	margin: -4px 0 0 5px;
	float: left;
}

.icmotivfoto:hover {
	width: 207px;
	height: 69px;
	max-width: 207px;
	max-height: 69px;
	background-image: url(../images/foto_vom_motiv_2.png);
	background-repeat: no-repeat;
	margin: -4px 0 0 5px;
	cursor: pointer;
	float: left;
}

ul.implist {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}

li.implist {
	padding: 2px 0 2px 0;
	margin-bottom: 0;
}


#impressum {
	width: auto;
	height: auto;
	font-size: 0.8em;
	font-weight: bold;
	color: #3D99C2;
	padding: 0 0.3em 0 1.8em;
	margin-left: 5px;
	border: 1px solid #3D99C2;
	border-right: 0;
	float: right;
	text-align: left;
	background-color:#D9EFF9;
	-moz-border-radius: 10px 0 0 10px; 
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
	vertical-align: middle;
}

a.imp:link {
	color: #3D99C2;
	text-decoration: none;
}

a.imp:visited {
	color: #3D99C2;
	text-decoration: none;
}

a.imp:hover {
	color: #296783;
	background-color: #F9D814;
	text-decoration: none;
}

#logo {
	position: relative;
	left: 0;
	float: left;
	margin-right: 5px;
}

.motivfoto {
	border: solid 1px #50C9FF;
	outline: solid 3px #3D99C2;
	margin-top: 20px;
}

.noliefersmall {
	background-color: #F00;
	color: #FFFFFF;
	width: 132px;
	margin: 0 auto;
	margin-bottom: -35px;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	text-shadow: #000000 1px 1px 1px;
	position: relative;
	top: 50px;
	z-index: 20;
}

.noliefer {
	background-color: #F00;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	-moz-border-radius: 30px 30px 0 0; 
    -webkit-border-radius: 30px 30px 0 0;
    -khtml-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0 ;
	text-shadow: #000000 1px 1px 1px;
}


@media screen and (max-width: 1175px) {
.noliefer {
	max-width: 400px!important;
	margin: 0 auto;
}
}

.oben {
	background-color: #3D99C2;
	float: right;
	width: auto;
	min-width: 70px;
	height: auto;
	font-family: 'boostblack','Arial','Helvetica',sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #FAD21E;
	margin: 3px -3px 30px 3px;
	padding: 8px;
	-moz-border-radius: 30px 0 0 30px; 
    -webkit-border-radius: 30px 0 0 30px;
    -khtml-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
	box-shadow: 0 6px 2px -2px #2D708E;
	-moz-box-shadow: 0 6px 2px -2px #2D708E;
	-webkit-box-shadow: 0 6px 2px -2px #2D708E;
	-khtml-box-shadow: 0 6px 2px -2px #2D708E;
	white-space: nowrap;
	display: block;
	cursor: pointer;
}

.obenimgcont { /* ist manchmal noetig, damit sich die Bilder oder einige Ueberschriften nicht uebereinander schieben */
	width: 100%;
	height: auto;
	display: block;
	float: right;
}

.oben:hover {
	background-color: #C23D3D;
}

a.obennav:link {
	color: #FAD21E;
	text-decoration: none;
	display: block;
}

a.obennav:visited {
	color: #FAD21E;
	text-decoration: none;
}

a.preisshirtlink:link {
	color: #296783;
	padding: 3px;
	text-decoration: none;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

a.preisshirtlink:visited {
	color: #296783;
	padding: 3px;
	text-decoration: none;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

a.preisshirtlink:hover {
	color: #296783;
	padding: 3px;
	text-decoration: none;
	background-color: #D9EFF9;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.preisshirtkasten {
	padding: 7px;
	margin: 20px 0 0 0;
	font-size: 0.8em;
    background-color: #8BCDED;
	display: inline-block;
	border: solid 2px #3D99C2;
	border-radius: 15px;
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
}

.preisshirtkastenprint {
	visibility: hidden;
	display: none;
}

.preisshirtmotiv {
	color: #FFFFFF;
	padding: 0 4px 0 4px;
	font-weight: bold;
	text-align: center;
    background-color: #FF7F40;
	display: inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.preiskreiscont {
	display: inline-block;
	margin: 0 10px 20px 10px;
}

.preiskreis {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
    background-color: #FF7F40;
    width: 86px;
    height: 86px;
	border-radius: 43px;
	-moz-border-radius: 43px; 
    -webkit-border-radius: 43px;
    -khtml-border-radius: 43px;
	float: right;
	margin-left: 20px;
}
.preisabstand {
	width: 100%;
	height: 10px;
}

.preisabstandkreis {
	width: 100%;
	height: 28px;
}

#preview_back {
	visibility: hidden;
	display: none;
}

#preview_icon {
	width: 22px;
	height: 22px;
	margin: 4px 0 4px 0;
	position: relative;
	display: inline-block;
	float: left;
}

#printhead {
	visibility: hidden;
	display: none;
}

#printit {
	width: auto;
	height: auto;
	color: #D3E9F3;
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	font-size: 0.9em;
	background-color: #296783;
	padding: 0 5px 0 5px;
	margin-top: 3px;
	border: 2px solid #D3E9F3;
	display: inline-block;
	position: relative;
	right: 0;
	float: right;
	z-index: 12;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

@media screen and (max-width: 720px) {
	#printit {
	display: none!important;
	visibility: hidden!important;
}
}

#printit:hover {
	color: #296783;
	background-color: #F9D814;
	border: 2px solid #296783;
}

a.printthis:link {
	color: inherit; /*übernimmt die Farbe vom #printit, sonst ändert sich die Schrift erst, wenn man den <a>-Bereich mit der Maus berührt*/
	display: block;
	text-decoration: none;
}

a.printthis:visited {
	color: inherit;
	display: block;
	text-decoration: none;
}

a.printthis:hover {
	color: inherit;
	background-color: #F9D814;
	display: block;
	text-decoration: none;
}

.randompiccontainer {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.0em;
	padding: 10px;
	text-align: center;
}

.randompictext {
	font-size: 0.9em;
	font-weight: bold;
}

.randompicture {
	max-width: 132px;
	max-height: 132px;
	margin: 3px 0 10px 0;
	border: 3px solid #D9EFF9;
}

.randompicture:hover {
	border: 3px solid #F9D814;
}

.seitenumbruch {
	page-break-before: always;
	font-size: 10pt; /*kein leeres div*/
	visibility: hidden;
	display: none;
}

.shirtnew {
	display: inline-block;
	padding: 0 3px 0 3px;
	background-color: #1EF406;
	font-weight: bold;
	color: #000000;
}

.smilie {
	width: auto;
	height: auto;
}


.teaserhead {
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
}

.teaserheadbig {
	display: inline-block;
	color: #D9EFF9;
	font-family: 'boostbold','Arial','Helvetica',sans-serif;
	padding: 5px;
	margin: 10px 0 0 10px;
	font-size: 1.4em;
	background-color: #3D9ACC;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.teaserimg {
	transition: transform .8s; /* Animation fuer Zoom */
}

.teaserimg:hover {
    -webkit-transform: rotate(-10deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: rotate(-10deg) scale(1.1); /* Fx 3.5-15 */
    -ms-transform: rotate(-10deg) scale(1.1); /* IE 9 */
    -o-transform: rotate(-10deg) scale(1.1); /* Op 10.5-12 */
    transform: rotate(-10deg) scale(1.1); /* Fx 16+, IE 10+ */
}


.teaserimg2 {
	transition: transform .8s; /* Animation fuer Zoom */
}

.teaserimg2:hover {
    -webkit-transform: rotate(10deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
    -moz-transform: rotate(10deg) scale(1.1); /* Fx 3.5-15 */
    -ms-transform: rotate(10deg) scale(1.1); /* IE 9 */
    -o-transform: rotate(10deg) scale(1.1); /* Op 10.5-12 */
    transform: rotate(10deg) scale(1.1); /* Fx 16+, IE 10+ */
}


#textbadgecont {
   	width: auto;
	height: auto;
	padding: 0 10px 0 10px;
	margin-bottom: 20px;
}

.textilfoto {
 	border: 3px solid #3D99C2;
	outline: solid 3px #FF7F40;
	max-width: 400px;	
}

/*#textilpreishead {
	width: auto;
	height: auto;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #FF7F40;
	padding: 10px;
	margin-bottom: 30px;
	display: block;
	border-top: dotted 8px #FFFFFF;
	border-bottom: dotted 8px #FFFFFF;
	overflow: hidden; /* ohne das hat der Text nur zur Hälfte die Background-Farbe und ragt hinaus */

#textilpreishead {
	display: none;
	visibility: hidden;
}

.textiltab {
	background-color: #FFFFFF;
	text-align: center;
	border: solid 4px #3D99C2;
}

.textilmassecapt {
	text-align: left;
	background-color: #3D99C2;
	color: #FFFFFF;
	padding: 3px 0 0 8px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.textilul {
	margin-left: 10px;
	padding: 0;
	list-style-position: inside;
}

#ueberschrift {
	padding: 0;
	width: auto;
	height: auto;
	text-align: left; 
}

@media screen and (max-width: 720px) {
#ueberschrift {
display: none!important;
visibility: hidden!important;
}
}

#ueberschriftunten {
	padding: 0;
	margin: 10px;
	width: auto;
	height: auto;
	text-align: left; 
}

@media screen and (min-width: 721px) {
#ueberschriftunten, #headpreisewrap {
display: none!important;
visibility: hidden!important;
}
}


#uebersichtpreis {
	background-color: #FCC1F3;
	padding: 0 10px 10px 10px;
	font-size: 0.7em;
	border-bottom: solid 1px #3D99C2;
	display: block;
}

.untenlinks {
	color: #296783;
	display: inline-block;
	margin: 10px 15% 10px 15%;
	font-size: 0.8em;
}

a.untlink:link {
	color: #296783;
}

a.untlink:visited {
	color: #296783;
}

a.untlink:hover {
	background-color: #FFD700;
}

.verfuegbar {
	width: auto;
	background-color: #F00;
	color: #FFFFFF;
	border: solid 2px #000000;
	padding: 10px;
	margin: 20px 0 20px 0;
}

#wunderpreis {
	font-weight: bold;
	display: inline-block;
	float: left;
	padding: 3px 8px 3px 8px;
	margin: 0 5px 0 -10px;
	background-color: #FC00D6;
	color: #FFFFFF;
	-moz-border-radius: 0 30px 30px 0;
	-webkit-border-radius: 0 30px 30px 0;
	-khtml-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

.vorladen {
  	width: 0px;
  	height: 0px;
  	visibility: hidden;
  	display: none;
}