/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
//
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
//
// Schriftgrößen: Basis-13px=1.3em, 12px=0.92em, 11px=0.85em, 10px==0.77em, 9px=0.69em
// Layout-Schriftbasis: 10px=1.0em
//
*/

/*################################ BODY HTML DIV - Container ################################*/

html {font-size:125%;}
body {font-size:50%;margin:0px;padding:0em;width:100%;text-align:center;font-family:arial,helvetica,sans-serif;color:#666666;}
.bodyColor {background-color:#ffffff;}
/* Basis:16px/100% x html:20px/125% / body:10px/50% = 10px/62.5% -- IE macht keine Nachkommastellen bei %-Angaben  */
/* Nur OP 6 */
/*/*/html * body {font-size:55%;} 
/* End OP 6 */
/*################################ Allgemein ################################*/
a {text-decoration: none;}
a:link, a:visited {color: #666666;}
a:focus, a:hover, a:active {color: #666666;}
a img { border:0px;}
form, p, div {margin:0px;padding:0px;}
.clear {clear: both;}
.center {text-align:center;}
.nostyle  {display:none;}
.style  {display:inline;}

/*################################ Schriften ################################*/
p   {font-size:11px;font-family:arial,helvetica,sans-serif; color:#666666}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;font-family:arial, helvetica, sans-serif;font-weight:bold;color:#666666;}
h1 {font-size:17px;}
h2 {font-size:15px;}
h3 {font-size:13px;}
h4 {font-size:11px;}
h5 {font-size:10px;}
h6 {font-size:9px;}

/*################################ Layout ################################*/
#Page {font-size:10px;background-color:#ffffff;margin-left:auto;margin-right:auto;width:980px;border:5px solid #ffffff;}
#topMoorea  {z-index:11;position:relative; width:980px;height:88px;background-color:#ffffff;}
#topCompPers {z-index:12;border-top:3px solid #ffffff;position:relative; width:980px;height:61px;background-color:#ffffff;}
#companyContainer {float:left;z-index:13;border-right:4px solid #ffffff;position:relative; width: 488px;height:61px;background-color:#ffffff;}
#companyContainerC {z-index:13;position:relative; width:980px;height:61px;background-color:#ffffff;}
#personalityContainer {float:right;z-index:14;position:relative;width:488px;height:61px;background-color:#ffffff;}
#personalityContainerP {z-index:14;position:relative;width:980px;height:61px;background-color:#ffffff;}

/*################################ Informationsvideo  border:1px solid #ff0000; ################################*/
#topClip {z-index:15;border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;position:relative;width:980px;height:20px;background-color:#ffffff;}
#companyClip {z-index:16;position:relative;width:488px;height:20px;background-color:#ffffff;text-align:center;margin-left:auto;margin-right:auto;}
.floatLeft {float:left;}
#companyClip ul {margin:0px;padding:2px 0px 0px 0px;text-align:center;white-space: nowrap;list-style-type: none;}
#companyClip ul li {display:inline;}
#companyClip ul li a {padding:2px 30px 2px 30px;font-family:arial,helvetica,sans-serif;font-size:13px;color:#ffffff;text-decoration:none;}
#companyClip ul li a:link, #companyClip ul li a:visited, #companyClip ul li a:active, #companyClip ul li a:hover {color: #ffffff;background-color:#1d2067;}
#personalityClip {z-index:17;position:relative;width:488px;height:20px;background-color:#ffffff;text-align:center;margin-left:auto;margin-right:auto;}
.floatRight {float:right;}
#personalityClip ul {margin:0px;padding:2px 0px 0px 0px;text-align:center;white-space: nowrap;list-style-type: none;}
#personalityClip ul li {display:inline;}
#personalityClip ul li a {padding:2px 30px 2px 30px;font-family:arial,helvetica,sans-serif;font-size:13px;color:#ffffff;text-decoration:none;}
#personalityClip ul li a:link, #personalityClip ul li a:visited, #personalityClip ul li a:active, #personalityClip ul li a:hover {color: #ffffff;background-color:#1c9a37;}

/*################################ Navigation - Head ################################*/
#NavigationHead {background-color:#929091;}
#NavigationHead ul {margin:0px;padding:4px 0px 3px 0px;text-align:center;white-space: nowrap;list-style-type: none;}
#NavigationHead ul li {display:inline;}
#NavigationHead ul li a {padding:4px 8px 4px 8px;font-family:arial,helvetica,sans-serif;font-size:10px;color:#ffffff;text-decoration:none;}
#NavigationHead ul li a:link, #NavigationHead ul li a:visited, #NavigationHead ul li a:active {color: #ffffff;}
#NavigationHead ul li a:hover {color: #ffffff;background-color:#bab8b9;}
#NavigationHead ul li.on a:link, #NavigationHead ul li.on a:visited {color: #ffffff;background-color:#bab8b9;}
#NavigationHead ul li.on a:hover, #NavigationHead ul li.on a:active {background-color:#bab8b9;}
* html #navigationHead ul li a {
width: 1px;    /* nur fuer IE 5.0x erforderlich */
w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
* html #navigationHead ul {padding:0em 0em;}

/*################################ Content  ################################*/
#content {font-size:11px;z-index:18;position:relative;text-align:left;margin:0px;width:980px;height:375px;background-color:#ffffff;border-bottom:1px solid #000000;}
#content .left {width:294px;float:left;}
#content .middle {width:294px;float:left;margin-left:25px;}
#content .right {width:342px;float:left;text-align:right;}
#content .right .left1 {width:171px;float:left;text-align:center;}
#content .right .right1 {width:171px;float:left;text-align:center;}
#content .leftMiddle {width:638px;float:left;margin:0px;}

#content .middleRight {width:618px;float:left;margin-left:20px;}
#content a {text-decoration: underline;}

/* Personality Clip Preis */
#content .leftMiddle .preis1 {text-align:left;width:330px;float:left;}
#content .leftMiddle .preis2 {text-align:left;width:70px;float:left;}
#content .leftMiddle .aufz1 {text-align:left;width:200px;float:left;}
#content .leftMiddle .aufz2 {text-align:left;width:438px;float:left;}

/* Das Team  */
#content .leftTeam  {width:490px;float:left;text-align:right;}
#content .leftTeam .team1 {width:144px;padding:22px 50px 0px 32px;float:right;text-align:center;}
#content .leftTeam .team2 {width:144px;float:right;text-align:center;padding-top:22px;}
#content .rightTeam {width:490px;float:left;text-align:left;}
#content .rightTeam .top {width:440px;height:56px;margin-top:110px;padding-left:50px;}
#content .rightTeam .team3 {width:144px;float:left;text-align:center;padding-left:50px;}
#content .rightTeam .team4 {width:144px;float:left;padding:0px 30px;text-align:center;}
#content .rightTeam .team5 {width:144px;float:left;padding:0px 0px 0px 30px;text-align:center;}

/* Kurzbiografie */
#contentBio {font-size:11px;z-index:18;position:relative;text-align:left;margin:0px;width:980px;height:355px;background-color:#ffffff;}
#contentBio .kurzbio {width:740px;padding-top:88px;margin-left:147px;}
#contentBio .kurzbio1 {width:980px;padding-top:88px;margin-left:0px;}
#contentBio .pic {width:200px;float:left;}
#contentBio .text1 {width:250px;float:left;line-height:140%;}
#contentBio .text2 {width:250px;float:left;margin-left:20px;margin-right:20px;line-height:140%;}
#contentBio .text3 {width:240px;float:left;line-height:140%;}
#contentBio .text1 h1, #contentBio .text1 h2, #contentBio .text1 h3 {line-height:140%;}
#contentBio .text2 h1, #contentBio .text2 h2, #contentBio .text2 h3 {line-height:140%;}
#contentBio .text3 h1, #contentBio .text3 h2, #contentBio .text3 h3 {line-height:140%;}
#footerBio {font-size:11px;z-index:28;position:relative;text-align:right;margin:0px;width:980px;height:20px;background-color:#ffffff;border-bottom:1px solid #000000;}
#footerBio a {text-decoration: underline;}

/* Kontakt  */
#content .leftKontakt {width:210px;float:left;}
#content .middleKontakt {width:378px;float:left;margin-left:25px;}
#content .rightKontakt {width:342px;float:left;text-align:right;margin-left:25px;}
#formContact {padding:0px 10px;font-size:13px;}
#formContact .inputs {width:260px;background-color:#ffffff;font-size:13px;margin:2px 0px;border:1px solid #666666;}
#formContact textarea {margin-top:2px;width:350px;background-color:#ffffff;height:126px;border:1px solid #666666;}
#formContact .sendButton {font-size:10px;color:#666666;width:100px;background-color:#ffffff;border:1px solid #666666;}
#formContact .stern {color:#ff0000}
#formContact .pflichtfeld {font-size:10px;}
#formContact .urlfield   {display:none;}

/* Impressum */
#contentImp {font-size:11px;z-index:18;position:relative;text-align:left;margin:0px;width:980px;height:355px;background-color:#ffffff;}
#content .leftImp, #contentImp .leftImp  {width:310px;float:left;}
#content .middleImp, #contentImp .middleImp {width:310px;float:left;margin:0px 25px;}
#content .rightImp, #contentImp .rightImp {width:310px;float:left;}
#footerImp {font-size:11px;z-index:28;position:relative;text-align:right;margin:0px;width:980px;height:20px;background-color:#ffffff;border-bottom:1px solid #000000;}
#footerImp a {text-decoration: underline;}

/* Demo Clip (Company / Personality) */
#content .leftDemo {width:310px;float:left;}
#content .middleDemo {width:310px;float:left;margin:0px 25px;}
#content .rightDemo {width:310px;float:left;}
#content .videopic {float:left;width:120px;}
#content .videotext {float:left;width:190px;}
#content .videotext1 {float:left;width:140px;}
#content .videotext2 {float:left;width:50px;}
#content .videotext3 {float:left;width:190px;}
#content .videotext4 {float:left;width:120px;}
#content .demo1 {width:245px;float:left;}
#content .demo2 {width:275px;float:left;margin-left:10px;}
#content .demo3 {width:175px;float:left;margin-left:10px;}
#content .demo4 {width:255px;float:left;margin-left:10px;}
#content .videotext3a {float:left;width:180px;}
#content .videotext4a {float:left;width:55px;}
#content .videotext5a {float:left;width:120px;}
#content .videotext6a {float:left;width:120px;}

/*################################ Video ################################*/
.bodyClipColor {background-color:#9a9a9a;}
#player {padding-top:30px;text-align:center;width:100%;}

/*################################ Top/Footer Print ################################*/
#topPrint {display:none;}
#footerPrint {display:none;}