/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

body{position:absolute;width:100%; height:100%;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; margin:0; padding:0}
body.order{font-size:13px;margin:0; padding:0}
body.cosmocolor{margin:0; background-color:#FFFFFF}
form{margin:0}
div.clear{position:relative; width: 100%;clear:both;line-height:0.1px; font-size:1%;visibility:hidden}
br.clear{clear:both;}
hr.hidden{display:none}

#page{position:relative; width:769px; margin: auto}

#header1{position:relative; overflow:hidden; height:3px;background-color:#7D9AD4;color:#fff;  background-image:url(/onTEAM/admin/onteam/_grafik/header1.png);}
#header{position:relative; overflow:hidden; height:64px; background-color:#7D9AD4;background-image:url(/onTEAM/admin/onteam/_grafik/header.jpg);}
  #header #logo{float:left}
  #header #language{position:absolute; left:300px; top:10px; font-size:10px; width:459px; text-align:right}
  #header #language img{filter:Alpha(opacity=50); -moz-opacity:0.5; margin-right:2px}
  #header #language a img{filter:Alpha(opacity=100); -moz-opacity:1}
  #header #extranav{ color: #FFFFFF;font-size:85%;position:absolute;left:300px;top:45px; width:459px; text-align:right}
    #header #extranav a{ color: #FFFFFF; text-decoration:none}
    #header #extranav a:hover{ text-decoration: underline}
    #header #extranav a.selected{ color: #333; text-decoration:none; cursor:default}
    #header #extranav a.selected:hover{ text-decoration:none}
#header2{position:relative; overflow:hidden; height:3px;background-color:#7D9AD4; background-image:url(/onTEAM/admin/onteam/_grafik/header2.png);}

#container1{position:relative; margin-top:10px;overflow:hidden; height:3px; background-image:url(/onTEAM/admin/onteam/_grafik/container1.png);}
#container{background-color:#fff; width:100%;position:relative; background-image:url(/onTEAM/admin/onteam/_grafik/container.png);}
#container2{position:relative; overflow:hidden; height:3px; background-image:url(/onTEAM/admin/onteam/_grafik/container2.png);}

body.blue #container1{ background-image:url(/onTEAM/admin/onteam/_grafik/container1-blue.png)}
body.blue #container{background-color:#7D9AD4; background-image:url(/onTEAM/admin/onteam/_grafik/container-blue.png)}
body.blue #container2{ background-image:url(/onTEAM/admin/onteam/_grafik/container2-blue.png)}

body.homed #container1,body.homee #container1{ background-image:url(/onTEAM/admin/onteam/_grafik/container1-home.png)}
body.homed #container, body.homee #container{background-color:#7D9AD4;background-image:url(/onTEAM/admin/onteam/_grafik/container-home.png)}
body.homed #container2,body.homee #container2{ background-image:url(/onTEAM/admin/onteam/_grafik/container2-home.png)}

#navigation{color:#fff;float:left; width:200px; min-height:490px; background-image:url(/onTEAM/admin/onteam/_grafik/navigation.jpg); background-repeat:no-repeat}
  #navigation #box{margin:10px}
  #navigation #box div.block{margin: 8px 0;position:relative}
  #navigation #box a{position:relative; font-weight:bold; text-decoration:none; margin:2px 0px;padding: 2px 0; display:block; background-repeat:no-repeat;}
  #navigation #box div.linknav{background-color:#5479C7;background-image:url(../_grafik/button.jpg); }
  #navigation #box div.open a{background-image:url(../_grafik/triangleopen.png)}
  #navigation #box div.closed a{background-image:url(../_grafik/triangle.png)}
  #navigation #box a{padding-left:12px; font-size:80%; background-position:1px 4px}
  #navigation #box div div div a{padding-left:23px; font-size:80%; background-position:12px 4px}
  #navigation #box div div div div a{padding-left:34px; font-size:80%; background-position:23px 4px}
  #navigation div.linknav a{ border: 1px solid #7893CD; border-color: #97ACD9 #6081C4 #6081C4 #97ACD9;color:#FFFFFF}
  #navigation div.linknav a:hover{ border:1px solid #7893CD; border-color: #fff #333 #333 #fff}
  #navigation div.linknav1 a{ background-color:#E7EBF7; color:#333;border:1px solid #7893CD; border-color: #333 #fff #fff #333}
  #navigation #box #warenkorblink.closed a{background-image:url(../_grafik/trianglew.png)}
  #navigation #box #warenkorblink.linknav a{ background-color:#E30078; border: 1px solid #7893CD; border-color: #FF1A92 #AE005B #AE005B #FF1A92;color:#FFFFFF}
  #navigation #box #warenkorblink.linknav a:hover{ background-color:#E30078; border:1px solid #7893CD; border-color: #fff #333 #333 #fff}
  #navigation #box #warenkorblink.linknav1 a{ background-color:#FFDFF0; color:#333;border:1px solid #7893CD; border-color: #333 #fff #fff #333}
  #loginlink,#logoutlink,#pwdlink,#pwdtrenner{display:none}

#content{float:right; width:559px;color:#000 }
body.blue  #content{}
body.homed #content{color:#fff;height:638px; background-image:url(/onTEAM/admin/onteam/_grafik/content-home-d.jpg); background-repeat:no-repeat }
body.homee #content{color:#fff;height:638px; background-image:url(/onTEAM/admin/onteam/_grafik/content-home-e.jpg); background-repeat:no-repeat }
  #content #box1{position:relative;padding:10px}
  #content #box{position:relative;padding:10px}
  #content a{ color:#E30078; text-decoration:none}
  #content a:hover{text-decoration: underline}
  #content a.button:hover{text-decoration: none}
  #content #path{ font-size:80%;}
h1{ font-size:130%; color:#496FBC; margin-top:5px; margin-bottom: 8px}
h2{ font-size:115%; color:#496FBC; margin-top:5px; margin-bottom: 8px}
h3{ font-size:100%; color:#496FBC; margin-top:5px; margin-bottom: 8px}
p{ margin:6px 0; font-size:90%;}
  #content #input{position:relative}
  #content legend{  font-weight:bold;; color:#496FBC;}
  #content fieldset p{  font-size:12px;}


#iframe{ }
  #iframe fieldset,#iframe fieldset td{  font-size:12px;margin-top:12px;margin-bottom:12px}
  #iframe fieldset p{  font-size:12px;margin:6px 0}
  #iframe legend{  font-weight:bold;; color:#496FBC;}

  #projektarchiv{ border:1px solid #888; text-align:center; background-color:#e8e8e8;position:absolute; top:10px; right:10px; width:150px; height:113px;margin-left:15px}
  #projektarchivLasche{font-size:12px; background-color:#888; color:#fff; padding-bottom:1px}
  #projektarchiv iframe{position:relative; width:138px; height:88px;margin-top:3px; background-color:#FFFFFF; border:1px solid #fff; border-color: #bbb #fff #fff #bbb}
  body#archiv {	background-color: #f8f8f8;margin:0;overflow:auto}
  body#archiv table {	font-family: Arial, Helvetica, sans-serif;font-size: 12px;border-collapse:collapse}
  body#archiv td {vertical-align:middle;border-bottom:1px solid #ccc; padding:1px}
  body#archiv td.firstCol {padding-left:2px}
  body#archiv td.lastCol {width:15px}
  body#archiv a{display:block; color: #333; position:relative; text-decoration:none}
  body#archiv a:hover{background-color:#ccc}

  #platzhalter{ float:right; width:165px; height:75px;margin-left:15px}
  #projekterklaerung{}
  
  #lascheAktuell{clear:both; background-color: #E8007B; display: inline ; padding:1px 10px; font-size:12px; color:#F9ECF3; }
  #aktuellesProjekt{clear:both;border:1px solid #E8007B; background-color:#FFE8F4;font-size:12px; margin-bottom:16px}
  #aktuellesProjekt fieldset{}
  #branchendef{display:none}
  #projekthead{  padding:8px 10px }
  #contents{padding:0 10px;;}
  #aktuellesProjekt h3.printjobName{ color:#CD6DA3;font-size:10px; margin:0}
  #aktuellesProjekt h4.printjobName{ color:#CD6DA3;font-size:10px; margin:0}
  div.printjob{margin-bottom:8px; background-color:#FDF7FA; border:1px solid #fff; border-color: #E7B8D2 #fff #fff #E7B8D2; ;padding:5px}
  div.printjobbuttons{ text-align:right }
  div.printjobbuttons button{font-size:11px ;padding:0; width:130px}
  #projektsumme{margin-bottom:8px;width:100px}
  #mindermengen{margin-bottom:8px}
  #neuerjob{    text-align:right; padding:10px 16px;}
  #neuerjob button{width:190px;}
  #neuerdienst{    text-align:right; padding:10px 16px;}
  #neuerdienst button{width:190px;}
  #projektButtons{ background-color:#E8007B; padding:2px; text-align:right}
    #projektButtons form{ display:inline}
    #projektButtons button{ width:170px }
    #projektButtons input{ width:140px; margin-right:20px }
    #projektButtons #speichern{  display:inline; }
    #projektButtons #angebot{ display:inline  }

  #lascheNeu{clear:both; background-color:#5177C6; display: inline ; padding:1px 10px; font-size:12px; color:#F9ECF3; }
  #neuesprojekt{border: 1px solid #5177C6;clear:both; background-color:#E6EBF7; padding:10px}

  

  #cover {position:absolute;top:0; left:0; width:100%; height:100%; z-index:100}
    #coverBg {position:absolute;top:0; left:0; width:100%; height:100%; z-index:101; background-color: #fff;filter:Alpha(opacity=75); -moz-opacity:0.75}
    #calciframeTitle{text-align:center;font-weight:bold; font-size:12px;background-color: #E8007B;color:#fff;border:2px solid #E8007B; z-index:101; position:absolute; top:97px; left:50%; margin-left:-384px; width:766px; height:26px}
    #calciframeTitle button{font-size:11px;position:absolute; right:0px; top:0px;}
    #calciframe {background-color: #fff;border:2px solid #E8007B; z-index:102; position:absolute; top:122px; left:50%; margin-left:-384px; width:766px; height:478px}

  #coverD {position:absolute;top:0; left:0; width:100%; height:100%; z-index:100}
    #coverDBg {position:absolute;top:0; left:0; width:100%; height:100%; z-index:101; background-color: #fff;filter:Alpha(opacity=75); -moz-opacity:0.75}
    #calciframeDTitle{text-align:center;font-weight:bold; font-size:12px;background-color: #E8007B;color:#fff;border:2px solid #E8007B; z-index:101; position:absolute; top:97px; left:50%; margin-left:-384px; width:766px; height:26px}
    #calciframeDTitle button{font-size:11px;position:absolute; right:0px; top:0px;}
    #calciframeD {background-color: #fff;border:2px solid #E8007B; z-index:102; position:absolute; top:122px; left:50%; margin-left:-384px; width:766px; height:478px}


#persdataIframe  {width:539px; height:541px; border:0; margin-top:15px}
#orderIframe  {width:539px; height:541px; border:0; margin-top:15px}
#footer{margin-top:4px;position:relative;text-align:center; font-size:80%; color:#7E9AD5}
.err{ background-color:#FF0000; color:#fff; font-weight:bold; padding:5px}

form.orderform{ }
  form.orderform table{width:500px}
  form.orderform td{font-size:80%}
  form.orderform td.firstcol{width:90px}
  form.orderform fieldset{margin:10px 0;padding:5px; border:1px solid #666}
  form.orderform fieldset p{margin:4px 0}
  form.orderform legend{ font-weight:bold; color: #333333}
  
  body.order div.steps{ border:1px solid #B1BFCF; border-bottom:0;display:none;}
  body.order div.steps table{ width:100%;}
  body.order div.steps table td{text-align: center; width:25%; }
  body.order div.steps table td.step1{border-right:1px solid #B1BFCF; }
  body.order div.steps table td.step2{border-right:1px solid #B1BFCF; }
  body.order div.steps table td.step3{border-right:1px solid #B1BFCF; }
  body.order div.steps table td.on{border-top:2px solid #fc0; padding-top:0; }
  body.order div.steps table td.off{padding-top:2px; border-bottom:1px solid #B1BFCF; background-color:#F7F9FB }
  body.order div.contentb{height:380px; overflow:auto; border:1px solid #B1BFCF; padding:8px}
  body.order div.contentb h2{font-size:100%}
  body.order div.buttons{ ; padding:4px 8px;text-align:center; margin-top:6px;border:1px solid #B1BFCF; background-color:#F7F9FB}
  body.order div.contentb table{width:400px; margin:auto}
  body.order div.contentb table input{font-size:90%; margin-bottom:1px}
  body.order div.contentb td{font-size:95%;}
  body.order fieldset{border:0; margin-top:0}
  body.order div.legend{width:400px; margin:auto;font-weight:bold; color: #3C75AE}
  body.order div.contentp{height:470px; overflow:auto; border:1px solid #B1BFCF; padding:8px}
  body.order div.contentp h2{font-size:100%}
  body.order div.contentp table{width:400px; margin:auto}
  body.order div.contentp table input{font-size:90%; margin-bottom:1px}
  body.order div.contentp td{font-size:95%;}
  h4 {
	visibility: hidden;
	font-size: 4px;
	width: 500px;
}

.x-small {font-size:0.7em}
.small {font-size:0.8em}
.normal {font-size:0.9em}
.large {font-size:1.15em}
.x-large {font-size:1.4em}
.xx-large {font-size:1.65em}