/*----------------------- globale ansage*/

body {
	background-color: Black;
	margin: 0px;
	color: White;
}
.orange, a:hover, .act{
	color: #FF6503;
}
a {
	text-decoration: none;
	color: White;
}

/* ----------------------- fonts */

.praktisch, .schraeg, .praktmod, .schraegmod, #menubox, #menubox1, #seitenmenue, .sieger, #testsieger, #testsieger1, #schraegtestsieger, #praktischrahmen, #schraegrahmen {
	font-family: "Trebuchet MS", "MS Sans Serif", Geneva, sans-serif;
}
.pause {
	font-family: "Georgia", "MS Serif", "New York", serif;
}
.smalltext {
	font-size: 13px;
}

/* ----------------------- intro */

.tp-logo-center {
   position: absolute;
	top: 50%;
	margin-top: -260px;
	left: 50%;
	margin-left: -209px;
}

/* --------------------- weiche */
#tp-logo-center-weiche {
	position: absolute;
	background-image: url(images/weiche_logo.jpg);
	width: 100%;
	height: 250px;
	background-position: center;	
}
#weicherahmen {
	position: absolute;
	width: 880px;
	height: 500px;
	left: 50%;
	margin-left: -430px;
	top: 225px;
}
#photo2 {
	margin-left: 195px;
	vertical-align: top;
}
.weiche_prakt {
	position: absolute;
	top: 242px;
	left: 3px;
	background: url(images/pfeil_l.gif) no-repeat;
	width: 400px;
}
.weiche_prakt:hover {
	background: url(images/pfeil_l_a.gif) no-repeat;
}
.weiche_schraeg {
	position: absolute;
	top: 242px;
	left: 408px;
	background: url(images/pfeil_r.gif) no-repeat right top;
	width: 400px;
	text-align: right;
	padding-right: 30px;
}
.weiche_schraeg:hover {
	background: url(images/pfeil_r_a.gif) no-repeat right top;
}
.praktisch, .schraeg {
	font-size: 37px;
}
.praktisch {
	margin-left: 30px;
}
.schraeg {
	margin-left: 30px;
}
.praktmod, .schraegmod {
	font-size: 12px;
	line-height: 22px;
}
.praktmod {
	margin-left: 30px;
}
.schraegmod {
	margin-left: 20px;
}

/*--------------------- praktisch */
#tp-logo-praktisch {
	position: absolute;
	background: url(images/praktisch_logo.jpg) right no-repeat;
	width: 100%;
	height: 256px;
}
#tp-logo-klick {
	position: absolute;
	top: 32px;
	right: 25px;
	display: block;
	width: 165px;
	height: 220px;
}
#tp-logo-klick2 {
	position: absolute;
	top: 25px;
	right: 545px;
	display: block;
	width: 165px;
	height: 220px;
}
#menubox {
	position: absolute;
	right: 219px;
	top: 80px;
	width: 760px;
	height: 200px;
	font-size: 18px;
	line-height: 25px;
}
#menubox ul {
	display: inline;
	list-style: none;
	margin: 0px;
}
#menubox li {
	background: url(images/pfeil1.gif) left center no-repeat;
}
#menubox li:hover {
	background: url(images/pfeil2.gif) left center no-repeat;
}
#menubox1 {
	visibility: hidden;
	position: absolute;
	right: 219px;
	top: 80px;
	width: 760px;
	height: 200px;
	font-size: 18px;
	line-height: 25px;
}
#menubox1 ul {
	display: inline;
	list-style: none;
	margin: 0px;
}
#menubox1 li {
	background: url(images/pfeil1.gif) left center no-repeat;
}
#menubox1 li:hover {
	background: url(images/pfeil2.gif) left center no-repeat;
}
#seitenmenue {
	position: absolute;
	top: 280px;
	right: 820px;
	font-size: 16px;
	width: 170px;
}
#seitenmenue ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#seitenmenue li {
	padding-left: 13px;
	margin-bottom: 12px;
	background: url(images/pfeil1.gif) left center no-repeat;
}
#seitenmenue li:hover {
	background: url(images/pfeil2.gif) left center no-repeat;
}
#roller, #ersatzteile, #wie, #kontakt, #zurperson {
	position: relative;
	float: left;
	padding-left: 13px;
	margin-right: 50px;
}
#roller {
	top: 24px;
}
#ersatzteile {
	top: 14px;
}
#wie {
	top: 7px;
}
#kontakt {
	top: 3px;
}
#zurperson {
}
#praktischrahmen {
	position: absolute;
	width: 500px;
	height: 400px;
	right: 270px;
	top: 200px;
}
#praktischrahmen tr{
	vertical-align: top;
}
#praktischgrossrahmen {
	position: absolute;
	height: 400px;
	right: 245px;
	top: 215px;
}
.praktisch2 {
	font-size: 50px;
	margin-left: 260px;
	line-height: 80px;
}
#testsieger {
	position: absolute;
	top: 300px;
	right: 26px;
	width: 165px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
#testsieger1 {
	visibility: hidden;
	position: absolute;
	top: 300px;
	right: 26px;
	width: 165px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.sieger {
	font-size: 22px;
}
.sieger2 {
	font-size: 18px;
}
.unterpunkt {
	margin-left: 20px;
}
.ferdi {
	clear: right;
	float: left;
	vertical-align: top;
	margin-right: 20px;
}
.marg li{
	background-image: none;
}
.kleintext {
	font-size: 11px;
}

/* ---------------------- schraeg */

#tp-logo-schraeg {
	position: absolute;
	background: url(schraeg/images/schraeg_logo.jpg) left no-repeat;
	width: 100%;
	height: 256px;
}
#tp-logoschraeg-klick {
	position: absolute;
	top: 32px;
	left: 25px;
	display: block;
	width: 165px;
	height: 220px;
	cursor: pointer;
}

#schraegtestsieger {
	position: absolute;
	top: 300px;
	left: 26px;
	width: 165px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

#schraegrahmen {
	position: absolute;
	width: 500px;
	height: 400px;
	left: 270px;
	top: 200px;
}

/* ----------- adac*/

.formularbox {
	width: 450px;
	border: 1px solid White;
	padding: 20px;
}

.formularfeld {
color: Black;
font-weight: bold;
font-size: 17px;
text-align: center;
border: none;
}