﻿/* CSS Document */
/***************************************************************************************/
/***************************************************************************************/
/*** thommys.de - Style-Sheet																							***/
/*** Erstellt 02.05.2005																									***/
/*** Programmierung & Copyright: ORANGEPRO 2008. Alle Rechte vorbehalten.					***/
/*** Modifikationen: 12.08.2008																						***/
/***************************************************************************************/
/***************************************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;	
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

/*** Scrollbar, proprietaer MSIE ***/
	scrollbar-3dlight-color:	#959EA7;
	scrollbar-darkshadow-color:	#959EA7;
	scrollbar-highlight-color:	#FAFAFA;
	scrollbar-shadow-color:		#FAFAFA;
	scrollbar-arrow-color:		#959EA7;
	scrollbar-base-color:		#FAFAFA;
	scrollbar-face-color:		#FAFAFA;
	scrollbar-track-color:		#FAFAFA;
}
/**************************************************************************************/
/*** Links ***/
/**************************************************************************************/
/*** Navigation ***/
a {
	font-size: 10px;
	color: #959EA7;
	text-decoration: none;	
}
a:link {
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #99CCFF;
}
a:active {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
/*** Mail-to-Link ***/
a.mailto {
	font-size: 9px;
	font-weight:normal;
	color: #FFFFFF;
}
a.mailto:visited {
	font-size: 9px;
	font-weight:normal;
}
a.mailto:hover {
	font-size: 9px;
	font-weight:normal;
	text-decoration: underline;
	color: #FFFFFF;	
}
a.mailto:active {
	font-size: 9px;
	font-weight:normal;
}
/*** Copyright-Link ***/
a.copy {
	font-size: 9px;
	font-weight:normal;
	color: #333333;
}
a.copy:visited {
	font-size: 9px;
	font-weight:normal;
}
a.copy:hover {
	font-size: 9px;
	font-weight:normal;
	color: #99CCFF;
}
a.copy:active {
	font-size: 9px;
	font-weight:normal;
}

a.invis {
	color: #FFFFFF;
}

a.tag {
	color: #EBEBEB;
}
/**************************************************************************************/
/*** Formulare																		***/
/**************************************************************************************/
form {
	display:inline; /* Vermeidet den automatisch interpretierten Zeilenumbruch im <form></form>-Tag*/
}
INPUT.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: text;
	border: 1px solid #333333;
	background-color: #FAFAFA;
	color: #333333;
}
INPUT.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FAFAFA;
	font-weight: bold;
	color: #333333;
	border: 1px solid #333333;
}
SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 138px;
	color: #333333;
	background-color: #FAFAFA;
	border: 1px solid #333333;
}
SELECT.number {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 60px;
	color: #333333;
	background-color: #FAFAFA;
	border: 1px solid #333333;
}
SELECT.shortnumber {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 35px;
	color: #333333;
	background-color: #FAFAFA;
	border: 1px solid #333333;
}
TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: text;
	color: #333333;
	background-color: #FAFAFA;
	border: 1px solid #333333;
	overflow: hidden;
}
/**************************************************************************************/
/*** Seitenelemente, Klassen														***/
/**************************************************************************************/
.ainactive { /*** Navigationspunkt, inaktiv ***/
	font-size: 10px;
	font-weight: bold;
}
.adress { /*** Text, Adresse ***/
	font-size: 9px;
	color: #FFFFFF;
}
.copy { /*** Text, Copyright ***/
	font-size: 9px;
}
.error { /*** Wichtiger Hinweis fuer User ***/
	color: #660000;
}
.hdprices { /*** Header Prices ***/
	color: #FFFFFF;
	background-color:#333333;
	padding:2px;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer (alle Seiten)												***/
/**************************************************************************************/
div#box { /*** Aeusserer Rahmen und Seitenpositionierung ***/
	position:absolute;
	left:50%;
	margin-left:-409px;
	top:50%;
	margin-top:-259px;
	width:818px;
	height:518px;
	z-index:1;
	border:1px solid #959EA7;
}
div#lgts { /*** Position Logo ***/
	position:absolute;
	left:0px;
	top:0px;
	width:225px;
	height:65px;
	z-index:2;
	visibility:visible;
}
div#hdmain{ /*** Position Main-Header ***/
	position:absolute;
	left:225px;
	top:0px;
	width:593px;
	height:65px;
	z-index:2;
	visibility:visible;
}
div#hdnavigation { /*** Position Navigations-Header ***/
	position:absolute;
	left:0px;
	top:65px;
	width:818px;
	height:10px;
	z-index:2;
	visibility:visible;
}
/*** Navigationspunkte ***/
div#nav01 {
	position:absolute;
	left:86px;
	top:75px;
	width:42px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav02 {
	position:absolute;
	left:211px;
	top:75px;
	width:89px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav03{
	position:absolute;
	left:302px;
	top:75px;
	width:62px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav04 {
	position:absolute;
	left:366px;
	top:75px;
	width:88px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav05 {
	position:absolute;
	left:456px;
	top:75px;
	width:40px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav06 {
	position:absolute;
	left:498px;
	top:75px;
	width:40px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav07 {
	position:absolute;
	left:540px;
	top:75px;
	width:74px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav08 {
	position:absolute;
	left:616px;
	top:75px;
	width:71px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav09 {
	position:absolute;
	left:689px;
	top:75px;
	width:55px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav10 {
	position:absolute;
	left:746px;
	top:75px;
	width:73px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#nav11 {
	position:absolute;
	left:128px;
	top:75px;
	width:79px;
	height:44px;
	z-index:2;
	visibility:visible;
}
div#rubrik { /*** Position Rubrik-Ueberschrift ***/
	position:absolute;
	left:0px;
	top:119px;
	width:48px;
	height:241px;
	z-index:2;
	visibility:visible;
}
div#rbflash { /*** Position Flash-Animation, Rubrik ***/
	position:absolute;
	left:48px;
	top:273px;
	width:160px;
	height:215px;
	z-index:2;
}
div#ftadresse { /*** Footer, Adresse ***/
	position:absolute;
	left:0px;
	top:488px;
	width:818px;
	height:15px;
	z-index:2;
	visibility:visible;
	background-color:#959EA7;
	border:1px none #000000;
}
div#ftcopyright { /*** Footer, Copyright ***/
	position:absolute;
	left:0px;
	top:503px;
	width:818px;
	height:15px;
	z-index:2;
	visibility:visible;
}
div#more {
	position:absolute;
	left:387px;
	top:470px;
	width:300px;
	height:17px;
	z-index:2;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer HOME, BEST ACTS											***/
/**************************************************************************************/
div#feld01 { /*** Content-Bereich ***/
	position:absolute;
	left:208px;
	top:119px;
	width:125px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 1px;
}
div#feld02 { /*** Content-Bereich ***/
	position:absolute;
	left:333px;
	top:365px;
	width:360px;
	height:123px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:0 1px 0 1px;
}

#feld02 h2 {
background: url(../images/elements/icon_film.gif) no-repeat 0 0;
padding-left: 20px;
margin-top: 50px;
margin-left: 120px;
}

#feld02 h2 a {
font-size: 13px;
}

div#feld03 { /*** Content-Bereich ***/
	position:absolute;
	left:693px;
	top:119px;
	width:125px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 0;
}
div#cinema { /*** Content-Bereich, Flash ***/
	position:absolute;
	left:333px;
	top:119px;
	width:360px;
	height:246px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 1px 1px;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer ABSOLUT TREND												***/
/**************************************************************************************/
div#feld01b { /*** Content-Bereich ***/
	position:absolute;
	left:208px;
	top:119px;
	width:342px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 0 1px;
}
div#feld02b { /*** Content-Bereich ***/
	position:absolute;
	left:552px;
	top:119px;
	width:266px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 0;
}
div#headerat { /*** Header-Bereich ***/
	position:absolute;
	left:209px;
	top:120px;
	width:342px;
	height:27px;
	z-index:2;
	border:solid #959EA7;
	border-width:0 0 1px 0;
}
div#headerseason { /*** Spring/Summer Autumn/Winter ***/
	position:absolute;
	left:209px;
	top:149px;
	width:342px;
	height:22px;
	z-index:2;
	border:solid #959EA7;
	border-width:0 0 1px 0;
}
div#txtcontent { /*** Content-Bereich ***/
	position:absolute;
	left:217px;
	top:189px;
	width:326px;
	height:80px;
	z-index:2;
}
div#piccontent { /*** Bild-Index ***/
	position:absolute;
	left:217px;
	top:284px;
	width:328px;
	height:204px;
	z-index:2;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer BEST ACTS													***/
/**************************************************************************************/
div#subnav { /*** Unternavigation ***/
	position:absolute;
	left:10px;
	top:50px;
	width:115px;
	height:300px;
	z-index:3;
}
div#pic { /*** Zusaetzliches Bild ***/
	position:absolute;
	left:2px;
	top:61px;
	width:123px;
	height:156px;
	z-index:3;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer SALON														***/
/**************************************************************************************/
div#feld01c { /*** Content-Bereich ***/
	position:absolute;
	left:208px;
	top:119px;
	width:125px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 1px;
}
div#feld02c { /*** Content-Bereich ***/
	position:absolute;
	left:333px;
	top:388px;
	width:360px;
	height:100px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:0 1px 0 1px;
}
div#feld03c { /*** Content-Bereich ***/
	position:absolute;
	left:695px;
	top:119px;
	width:123px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 0;
}
div#feld04 { /*** Content-Bereich ***/
	position:absolute;
	left:333px;
	top:119px;
	width:360px;
	height:68px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 0 1px;
}
div#centerpic { /*** Content-Bereich, Bild ***/
	position:absolute;
	left:333px;
	top:188px;
	width:360px;
	height:200px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 1px 1px;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer PRICES														***/
/**************************************************************************************/
div#prices { /*** Content-Bereich, Text ***/
	position:absolute;
	left:333px;
	top:119px;
	width:360px;
	height:368px;
	border:1px solid #959EA7;
	z-index:3;
	overflow: auto;
}
div#txtprices {
	position:absolute;
	left:247px;
	top:679px;
	width:auto;
	height:17px;
	z-index:3;
}
div#txtmwst {
	position:absolute;
	left:10px;
	top:702px;
	width:320px;
	height:17px;
	z-index:3;
}
div#pricebox01 { /*** Container, Prices ***/
	position:absolute;
	left:-1px;
	top:26px;
	width:238px;
	height:89px;
	border:1px solid #959EA7;
	z-index:4;
}
div#pricebox02 { /*** Container, Prices ***/
	position:absolute;
	left:101px;
	top:141px;
	width:238px;
	height:154px;
	border:1px solid #959EA7;
	z-index:4;
}
div#pricebox03 { /*** Container, Prices ***/
	position:absolute;
	left:-1px;
	top:321px;
	width:238px;
	height:123px;
	border:1px solid #959EA7;
	z-index:4;
}
div#pricebox04 { /*** Container, Prices ***/
	position:absolute;
	left:101px;
	top:470px;
	width:238px;
	height:123px;
	border:1px solid #959EA7;
	z-index:4;
}
div#pricebox05 { /*** Container, Prices ***/
	position:absolute;
	left:-1px;
	top:619px;
	width:238px;
	height:74px;
	border:1px solid #959EA7;
	z-index:4;
}
.headerprice { /*** Header, Prices ***/
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
.contentcut { /*** Contentbereich, Prices ***/
	position:absolute;
	left:0px;
	top:22px;
	padding:2px;
	z-index:5;
}
.contentprice { /*** Contentbereich, Preisangaben ***/
	position:absolute;
	left:175px;
	top:22px;
	padding:2px;
	z-index:5;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer TEAM														***/
/**************************************************************************************/
div#feld01d { /*** Content-Bereich ***/
	position:absolute;
	left:208px;
	top:119px;
	width:125px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 1px;
}
div#subnav02 {
	position:absolute;
	left:40px;
	top:0px;
	width:45px;
	height:369px;
	z-index:3;
	background-color: #959EA7;
}
div#feld02d { /*** Content-Bereich ***/
	position:absolute;
	left:333px;
	top:387px;
	width:360px;
	height:101px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:0 1px 0 1px;
}
div#feld03d { /*** Content-Bereich ***/
	position:absolute;
	left:693px;
	top:119px;
	width:125px;
	height:369px;
	z-index:2;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 0 0 0;
}
div#feld04b { /*** Content-Bereich ***/
	position:absolute;
	left:333px;
	top:119px;
	width:360px;
	height:45px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 0 1px;
}
div#centerpic02 { /*** Content-Bereich, Bild ***/
	position:absolute;
	left:333px;
	top:164px;
	width:360px;
	height:223px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 1px 1px;
}
div#txtteam {
	position:absolute;
	left:105px;
	top:0px;
	width:200px;
	height:101px;
	z-index:4;
}
div#txtteam dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
div#txtteam dl {
margin-top:10px;
}
div#txtteam dt {
font-size:13px;
color:#959ea7;
font-weight: bold;
margin-bottom:5px;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer PHILOSOPHIE												***/
/**************************************************************************************/
div#boxphilo {
	position:absolute;
	left:333px;
	top:119px;
	width:484px;
	height:369px;
	z-index:3;
	visibility:visible;
	border:solid #959EA7;
	border-width:1px 1px 1px 1px;
}
div#txtphilo {
	position:absolute;
	left:15px;
	top:15px;
	width:454px;
	height:339px;
	z-index:3;
	visibility:visible;
	overflow: auto;
}
#txtphilo h1 {
	font-size:15px;
}
#txtphilo h2 {
	font-size:13px;
	margin-top: 20px;
}
div#piclft { /*** Zusaetzliches Bild ***/
	position:absolute;
	left:0px;
	top:61px;
	width:123px;
	height:156px;
	z-index:3;
}
/**************************************************************************************/
/*** Seitenaufbau, Layer SPECIAL OFFER												***/
/**************************************************************************************/
div#offerbox {
	position:absolute;
	left:50%;
	margin-left:-242px;
	top:50%;
	margin-top:-184px;
	width:485px;
	height:368px;
	z-index:1;
	border:1px solid #959EA7;
}
div#offerdate {
	position:absolute;
	left:173px;
	top:30px;
	width:300px;
	height:15px;
	z-index:2;
}
div#offerdate02 {
	position:absolute;
	left:108px;
	top:130px;
	width:257px;
	height:15px;
	z-index:2;
}
div#offerrubrik {
	position:absolute;
	left:0px;
	top:102px;
	width:60px;
	height:190px;
	z-index:2;
}
div#offerimg {
	position:absolute;
	left:60px;
	top:75px;
	width:180px;
	height:271px;
	z-index:2;
	border:solid #959EA7;
	border-width:1px 1px 0 1px;
}
div#offercontent {
	position:absolute;
	left:240px;
	top:75px;
	width:245px;
	height:271px;
	z-index:2;
	border:solid #959EA7;
	border-width:1px 0 0 0;
}
div#offertxt {
	position:absolute;
	left:10px;
	top:10px;
	width:225px;
	height:251px;
	z-index:3;
}
div#offertxt02 {
	position:absolute;
	left:40px;
	top:175px;
	width:150px;
	height:150px;
	z-index:3;
}
div#offertxt03 {
	position:absolute;
	left:200px;
	top:175px;
	width:270px;
	height:150px;
	z-index:3;
}
div#offerfooter {
	position:absolute;
	left:0px;
	top:346px;
	width:485px;
	height:15px;
	z-index:2;
	background-color: #959EA7;
}
/* action news */
#info {
padding: 20px;
}
#info h1 {
font-size: 15px;
}
#info h2 {
font-size: 15px;
}
#feld01 ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}
#feld01 li {
text-align: center;
margin-bottom: 5px;
}

/* Startseite */
#moreinfo, #moreinfo-noscript {
background: #fff;
padding: 0 10px;
z-index: 5;
position: absolute;
left: 333px;
top: 217px;
width: 340px;
height: 270px;
border: 1px solid #959EA7;
border-bottom: none;
}

#moreinfo h1, #moreinfo-noscript h1 {
margin-top: 5px;
font-size: 15px;
}

#feld02 p {
margin: 10px;
}
