@charset "utf-8";

/* CSS Document */

body {
	font-family: Arial, sans-serif; 
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 20px;
	border: 0px;
	-webkit-text-size-adjust: 100%;
}

a {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.next {
	position: absolute;
	bottom: 30px;
	left: 275px;
	display: block;
	width: 300px;
	height: 20px;
	clear: both;
}

.next a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	text-decoration: none;
}

.ledermustermappe {
	position: absolute;
	top: 15px;
	right: 20px;
	margin: 0px;
}

.contenttable tr td {
	vertical-align: top;
	padding: 5px 10px 5px 0px;
}

.box1 {
	position: relative;
	width: 130px;
	height: 40px;
	background-image: url(/uploads/tf/box1a.jpg);
	float: left;
	margin: 20px 20px 0px 0px;
}

.box1:hover {
	background-image: url(/uploads/tf/box1b.jpg);
}

.box2 {
	position: relative;
	width: 130px;
	height: 40px;
	background-image: url(/uploads/tf/box2a.jpg);
	float: left;
	margin: 20px 20px 0px 0px;
	display: none !important;
}

.box2:hover {
	background-image: url(/uploads/tf/box2b.jpg);
}

.box3 {
	position: relative;
	width: 208px;
	height: 40px;
	background-image: url(/uploads/tf/box3a.jpg);
	float: left;
	margin: 20px 0px 0px 0px;
}

.box3:hover {
	background-image: url(/uploads/tf/box3b.jpg);
}

.wrapper p {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	text-align: left;
}

.rootline {
	position: absolute;
	z-index: 30;
	top: 149px;
	left: 270px;
	padding: 0px;
	border: 0px;
	color: #666666;
	text-decoration: none;
}

.rootline a {
	color: #666666;
	text-decoration: none;
}

.logo {
	position: absolute;
	z-index: 30;
	top: 20px;
	left: 20px;
}

.logo a img {
	border: 0px;
}

h1 {
	font-size: 18px;
	color: #444444;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	line-height: 22px;
	font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
}

h2 {
	font-size: 14px;
	color: #444444;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	line-height: 20px;
	font-weight: bold;
}

p {
	font-size: 14px;
	color: #202020;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	line-height: 20px;
}

p a {
	text-decoration: underline;
	color: #444444;
}

p a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.left ul, .rechts ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
}

.left ul li, .rechts ul li {
	margin: 10px 0px 10px 18px;
	padding: 0px;
	font-size: 14px;
}

.seite {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	background-image: url(/uploads/tf/transparenz.png);
}

.header {
	position: relative;
	width: 900px;
	height: 170px;
	padding: 0px;
	border: 0px;
	background-image: url(/uploads/tf/header.png);
}

.left {
	margin: 5px 30px 30px 30px;
	padding: 0px;
	width: 210px;
	float: left;
}

.left_text {
	padding: 10px 20px 10px 20px;
}

.rechts {
	margin: 25px 30px 30px 275px;
	padding: 0px;
	width: 600px;
}

.home {	
	position: absolute;
	z-index: 30;
	top: 292px;
	left: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input {
	width: 220px;
	margin: 5px 0px 10px 0px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, sans-serif; 
}

input[type=submit] {
	width: 226px;
	margin: 15px 0px 10px 80px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-color: #444444; 
	font-weight: bold;
	color: #ffffff;
}

input[type=submit]:hover {
	background-color: #ffffff; 
	color: #444444;
}

textarea {
	width: 220px;
	height: 85px;
	padding: 3px;
	overflow: auto;
	font-size: 12px;
	font-family: Arial, sans-serif; 
}

#mailform {
	border: 0px;
}

fieldset {
	border: 0px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.navi {
	position: relative;
	z-index: 120;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border: 0px;
	font-family: Tahoma, Verdana, sans-serif;
}

.navi ul {
	list-style: none;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}

.navi ul li {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.navi ul li a:link, .navi ul li a:visited, .navi ul li a:focus, .navi ul li a:active {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	width: 120px;
	line-height: 40px;
	font-size: 18px;
	font-weight: normal;
	color: #444444;
	text-decoration: none;
	text-indent: 0px;
	white-space: nowrap;
}

.navi ul li a:hover {
	color: #ffffff;
}

.navi ul li a.active {
	font-weight: bold;
}

.navi ul li ul.unternavi {
	display: none;
}

/*.navi ul li:hover>ul.unternavi {
	display: block;
	position: absolute;
	margin: -27px 0px 0px -130px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background-color: #c2c2c2;
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}*/

.navi ul li>ul.unternavi {
	display: block;
	position: relative;
	margin: -5px 0 0 0px;
	padding: 0px 0px 5px 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
}

ul.unternavi li a:link, ul.unternavi li a:visited, ul.unternavi li a:focus, ul.unternavi li a:active {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	background-color: transparent;
	text-decoration: none;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	width: auto;
	min-width: 110px;
	text-indent: 0px;
	white-space: nowrap;
	background-image: none;
	text-align: left;
}

ul.unternavi li a:hover {
	color: #ffffff;
}

ul.unternavi li a.active2:link, ul.unternavi li a.active2:visited, ul.unternavi li a.active2:hover, ul.unternavi li a.active2:focus, ul.unternavi li a.active2:active {
	font-weight: bold;
}

.kontaktbox {
	background-color: #d2d2d2;
	margin: 10px 30px 0px 0px;
	clear: both;	
}

.kontaktbox_text {
	padding: 10px;
}

.kontaktbox_text h1 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;	
}

.kontaktbox_text p {
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	line-height: 16px;
}

.footer {
	position: absolute;
	z-index: 30;
	right: 0px;
	bottom: -52px;
	padding: 1px 20px 1px 20px;
	background-color: #d2d2d2;
}

.footer p  {
	color: #444444;
	font-size: 12px;
}

.footer p a {
	color: #444444;
	font-size: 12px;
	text-decoration: none;
}

.footer p a:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

.rechts_inhalt {
	position: absolute;
	z-index: 30;
	top: 180px;
	right: 25px;
	margin: 0px;
	padding: 0px;
	width: 180px;
}

.links_inhalt {
	width: 375px;
}

.messe_text h2 {
	font-size: 14px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
}

.messe_text p {
	font-size: 14px;
	line-height: 14px;
	margin: 5px 0px 20px 0px;
}

.bestseller h1 {
	padding-top: 20px;
}

.bestseller p {
	font-size: 14px;
	line-height: 14px;
	margin: 5px 0px 5px 0px;
}

div.csc-default label {
	display: block;
	width: 80px;
	float: left;
	margin: 10px 0px 0px 0px;
}

.csc-mailform-radio input {
	width: 20px;
}

.formular_neu {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

.formular_neu table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.formular_neu radio {
	color: #444444;
}

.formular_neu input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #444444;
	padding: 3px;
}

.formular_neu select {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #444444;
	width: 410px;
}

.form3 input, .form4 input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #444444;
 	width: 400px;
 	padding: 3px;
}

.form2 input, .form1 input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #444444;
 	width: 195px;
 	padding: 3px;
}

.formular_neu textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	overflow: auto;
	color: #444444;
	width: 405px;
	padding: 3px;
}

.formular_neu p {
	color: #444444;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	font-size: 12px;
}

.form6 input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 20px;
	background-color: #e8308a;
	margin: 10px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	border: 0px;
}

input[type=submit] {
	width: 201px;
	margin: 15px 0px 10px 0px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-color: #444444; 
	font-weight: bold;
	color: #ffffff;
}

input[type=submit]:hover {
	background-color: #ffffff; 
	color: #444444;
}

.wrapper ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.wrapper ul li {
	margin: 5px 0px 5px 20px;
	padding: 0px;
	text-align: left;
}

p a, ul a {
	color: #3f488d;
}

p a:hover, ul a:hover {
	color: #000000;
}

.indent {
	padding-left: 20px;
}

#c808,
#c809,
#c810,
#c811,
#c812,
#c813,
#c814,
#c815,
#c816,
#c818,
#c819,
#c820,
#c893 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c808 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

#c893 {
	height: 193px !important;
}

#c809,
#c811,
#c813,
#c815,
#c820,
#c893 {
	float: right;
}

#c808:hover,
#c809:hover,
#c810:hover,
#c811:hover,
#c812:hover,
#c813:hover,
#c814:hover,
#c815:hover,
#c816:hover,
#c818:hover,
#c819:hover,
#c820:hover,
#c893:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c808 h1,
#c809 h1,
#c810 h1,
#c811 h1,
#c812 h1,
#c813 h1,
#c814 h1,
#c815 h1,
#c816 h1,
#c818 h1,
#c819 h1,
#c820 h1,
#c893 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c808 h1 a,
#c809 h1 a,
#c810 h1 a,
#c811 h1 a,
#c812 h1 a,
#c813 h1 a,
#c814 h1 a,
#c815 h1 a,
#c816 h1 a,
#c818 h1 a,
#c819 h1 a,
#c820 h1 a,
#c893 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c808:hover h1 a,
#c809:hover h1 a,
#c810:hover h1 a,
#c811:hover h1 a,
#c812:hover h1 a,
#c813:hover h1 a,
#c814:hover h1 a,
#c815:hover h1 a,
#c816:hover h1 a,
#c818:hover h1 a,
#c819:hover h1 a,
#c820:hover h1 a,
#c893:hover h1 a {
	color: #000000;
}

#c817,
#c821 {
	clear: both;
}

#c837,
#c838,
#c847,
#c840,
#c841,
#c843,
#c844,
#c845,
#c846 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c838,
#c841,
#c844,
#c846 {
	float: right;
}

#c837:hover,
#c838:hover,
#c847:hover,
#c840:hover,
#c841:hover,
#c843:hover,
#c844:hover,
#c845:hover,
#c846:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c837 h1,
#c838 h1,
#c847 h1,
#c840 h1,
#c841 h1,
#c843 h1,
#c844 h1,
#c845 h1,
#c846 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c837 h1 a,
#c838 h1 a,
#c847 h1 a,
#c840 h1 a,
#c841 h1 a,
#c843 h1 a,
#c844 h1 a,
#c845 h1 a,
#c846 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c837:hover h1 a,
#c838:hover h1 a,
#c847:hover h1 a,
#c840:hover h1 a,
#c841:hover h1 a,
#c843:hover h1 a,
#c844:hover h1 a,
#c845:hover h1 a,
#c846:hover h1 a {
	color: #000000;
}

#c839,
#c842 {
	clear: both;
}

#c848,
#c849 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c849 {
	height: 194px !important;
}

#c849 {
	float: right;
}

#c848:hover,
#c849:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c848 h1,
#c849 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c848 h1 a,
#c849 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c848:hover h1 a,
#c849:hover h1 a {
	color: #000000;
}

#c850,
#c851,
#c896 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c850:hover,
#c851:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c850 h1,
#c851 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c850 h1 a,
#c851 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c850:hover h1 a,
#c851:hover h1 a {
	color: #000000;
}

#c852,
#c853,
#c854,
#c855,
#c856,
#c894,
#c896,
#c897 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c894,
#c896,
#c897 {
	padding-top: 25px;
}

#c853,
#c855,
#c896 {
	float: right;
}

#c853 {
	height: 220px !important;
}

#c852:hover,
#c853:hover,
#c854:hover,
#c855:hover,
#c856:hover,
#c894:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c852 h1,
#c853 h1,
#c854 h1,
#c855 h1,
#c856 h1,
#c894 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c852 h1 a,
#c853 h1 a,
#c854 h1 a,
#c855 h1 a,
#c856 h1 a,
#c894 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c852:hover h1 a,
#c853:hover h1 a,
#c854:hover h1 a,
#c855:hover h1 a,
#c856:hover h1 a,
#c894:hover h1 a {
	color: #000000;
}

#c857 {
	clear: both;
}

#c863 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	height: auto !important;
	width: 48%;
	text-align: center !important;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px #cdcdcd;
	float: left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#c863:hover {
	background-color: #FAFAFA;
	box-shadow: 0px 0px 20px #444444;
}

#c863 h1 {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c863 h1 a {
	text-align: center;
	color: #444444;
	text-decoration: none;
}

#c863:hover h1 a {
	color: #000000;
}

#c796,
#c793 {
	height: auto !important;
}

#c836 {
	height: auto !important;
}

#sbCenter, #sbBottomContainer {
    z-index: 200 !important;
}

#sbOverlay {
    z-index: 150 !important;
}

#sbCenter a, #sbBottomContainer a {
	transition-property: none !important;
}