/* CSS Document */
 
 *{
     margin:0;
     padding:0;
 }
 html {
     
     font-family: Arial, Helvetica, sans-serif;		
     font-size: 100.01%;
     height:100%;
 }
 
 
 body { 
     
     background-color:#000;
     color:#fff;
     background-image: url('../images/body_bg.jpg');
     background-repeat: repeat-x;
     height:100%;
     scrollbar-base-color:#242424; 
     scrollbar-track-color:#242424; 
     scrollbar-face-color:#242424;
     scrollbar-highlight-color:#464646;
     scrollbar-3d-light-color:#464646;
     scrollbar-dark-shadow-color:#464646;
     scrollbar-shadow-color:#242424;
     scrollbar-arrow-color:#FFFFFF;
    
 }
 h1 {
     font-size:1.3em;
     color: #fff;
     font-variant:small-caps;
     margin-left:1em;
     line-height:1.4em;
     font-weight: lighter;
 }
 
 h1.flash{
     
     font-size:6em;
     color: #404040;
 }
 h2 {
     font-size:1.1em;
     color: #fff;
     padding:5px;
     font-variant:small-caps;
 }
 
 h3 {
     font-size:0.8em;
     color: #ccc;
     font-variant:small-caps;
 }
 
 hr{
     height: 1px;
     color: #ff0000;
     width: 100%;
     margin-top:10px;
     margin-bottom:10px;
     text-align:center;
 }
 
 #loginDiv{ 
          background-color: transparent;
      }
 
 img{ 
          border: none;
      }
      
 .bildunterschrift {
     font-size: 8pt;
 }
 
 p{
     font-size:0.8em;
     margin:0.5em;
 }
 
 a {
     text-decoration: none;
     color: #FF0000;
 }
 
 
 a:active {
    color: #FF0000;
 }
 a:hover {
     color: #FFF;
 }
 
 ul {
     
     font-size:10pt;
 }
 
 /* ----------container zentriert das layout-------------- */
 * html #container { 
     height: 100%;
 }
 #container {
     
     margin: 0em auto;
     text-align: center;
     border: 0px solid red;
 }
 
 #header{
     
     margin: 0em auto;
     height:190px;
     width: 1020px;
     background-image: url('../images/header_grafik.jpg');
     background-repeat: no-repeat;
     background-position: right;
     
 }
 #logo{
     float: left;
     width:239px;
     border:0px solid red;
 }
 
 /* ----------banner for logo-------------- */
 #banner {
     
     height:208px;
     top: 0;
     left: 0;
     margin: 0;
     padding:0; 
     background-image: url('../images/header_bg.jpg');
     background-repeat: repeat-x;
     z-index: 0;
     border-bottom: 1px solid #fff;
}
 * html #bannermenu{
     background-position: 0 16px 0 0;
     
 }
 
 #bannermenu{
     
     height:30px;
     width:705px;
     float: right;
     border-bottom: 0px solid #898989;
     margin-top:9.6em;
     text-align: right;
     font-size: 0.8em;
     font-weight: normal;
     background-image:url('../images/menu_line.gif');
     background-repeat: repeat-x;
     background-position: center 16px;
 }
 
 #bannermenu ul li {
     
     display: inline;
     padding-left:1.5em;
 }
 
 #bannermenu a {
     
     padding-bottom:4px;
     background-repeat:repeat-x;
     background-position: bottom;
     color: #fff;
     
 }
 #bannermenu a:active {
     
     background-image:url('../images/link_hover.gif');
     background-repeat:repeat-x;
 }
 
 #bannermenu a:hover{
     
     background-image:url('../images/link_hover.gif');
     background-repeat:repeat-x;
 }
 
 #bannermenu li#selectedMenu  {
     
     background-image:url('../images/link_hover.gif');
     background-repeat:repeat-x;
     background-position: center 16px;
     
 }
 
 
 #selectedSubMenu{
     
     background-image:url('../images/link_hover.gif');
     background-repeat:repeat-x;
     background-position: center 16px;
 }

 #serviceMenu{
     margin: 0em auto;
     width: 1020px;
     border:0px solid grey;
     text-align:right;
     font-size:8pt;
 }

 #serviceMenu ul li{
     display: inline; 
     font-size:8pt;
     
 }
 
 #serviceMenu li a{
     font-weight: normal;
     color: #bbbbbb;
     
 }
 #serviceMenu a:hover{
     
     color: #bbbbbb;
     font-weight: normal;
     text-decoration:none;
 }
 
 #flashbanner{
     margin: 0em auto;
     text-align:center;
     
     background-color:#242424;
     width:1020px;
     height: 140px;
     border-bottom: 1px solid #a2a2a2;
 }
 
 #subnavi{
     
     margin: 0em auto;
     position: relative;
     background-color:#242424;
     width:990px;
     height: 45px;
     border: 0px solid red;
 }
 
 #subnavi2{
     
     float:left;
     text-align: right;
     font-variant:small-caps;
     width:20.5em;
     clear: both;
     font-size:0.8em;
     margin:0em;
     padding-bottom:2em;
     padding-top:2em;
     border:0px solid red;
 }
 
 #subnavi2 ul li a{
 
     margin:2em;
     border-right:1px solid #8d8d8d;
     padding:0.5em;
 }
 #subnavi2 ul li a:hover{border-right:1px solid red;}
 #subnavi2 ul li a:active{border-right:1px solid red;}
 #subnavi2 li{
     
     list-style-type: none;
     display: block;
     line-height:2em;
 }
 #subnavi2  li a {
     
     text-decoration: none;
     color: #ffffff;
 }
 
 #subnavi2  li a:hover {
     
     color: #FF0000;
     border-bottom: 1px solid dotted;
     
 }
 #subnavi2  li a:selected {
     
     color: #FF0000;
     border-bottom: 1px solid dotted;
 }
 #subnavi2 img{
     margin-right:26px;
 }
 
 #subnavi3{
     float:left;
     text-align: right;
     font-variant:small-caps;
     width:30%em;
    
     font-size:0.8em;
     margin:0em;
     padding-bottom:2em;
     padding-top:2em;
     border:1px solid red;
 }
  #subnavi3 ul li a{
 
     margin:2em;
     border-right:1px solid #8d8d8d;
     padding:0.5em;
 }
 #subnavi3 ul li a:hover{border-right:1px solid red;}
 #subnavi3 ul li a:active{border-right:1px solid red;}
 #subnavi3 li{
     
     list-style-type: none;
     display: block;
     line-height:2em;
 }
 #subnavi3  li a {
     
     text-decoration: none;
     color: #ffffff;
 }
 
 #subnavi3  li a:hover {
     
     color: #FF0000;
     border-bottom: 1px solid dotted;
     
 }
 #subnavi3  li a:selected {
     
     color: #FF0000;
     border-bottom: 1px solid dotted;
 }
 #subnavi3 img{
     margin-right:26px;
 }
 
 /* -----------------Inhalt--------------------- */
 
 * html #content{
    
 }
 #content {
     
     margin: 0em auto;
     background-color: #242424; 
     width:1020px;
     margin-bottom:0px;
     border:0px solid red;
     padding:0;
     
 }
  * html #pagecontent_start{height:100%; width:55%;}
 
 #pagecontent_start{
     
     border-right:1px solid  #a2a2a2;
     padding:20px;
     float:left;
     width:50%;
     height:17em;
     
 }
 
 * html #pagecontent{height:100%; width:70%;}
 
 #pagecontent{
     
     border-right:1px solid  #a2a2a2;
     padding:20px;
     float:left;
     width:60%;
     height:17em;
	
     
 }
 * html #pagecontent2{	height:100%;width:459px;float:right; }
 #pagecontent2{
     
     float:left;
     border:0px solid  #ff00ff;
     width:468px;
     min-height:13.58em;
     clear:right;
	 
 }
 
 
 
 * html #pagecontent3{height:100%;}
 
 #pagecontent3{
     float:right;
     border:0px solid green;
     width:47em;
     min-height:13.58em;
     padding-bottom:15px;
     padding-right:5px;
       min-height:20em;
 }
 * html #pagecontent4{height:100%;width:100%;}
 
 #pagecontent4{
     
     padding-left:20px;
     float:left;
     min-height:13.58em;
     background-color: #242424;
     clear:both;
 }
* html #pagecontent5{height:100%;}
 
 #pagecontent5{
     
     padding-left:20px;
     float:left;
     min-height:13.58em;
     background-color: #242424;
     
     width:80%;
     border:2px solid blue;
 }
 
 * html #contenttext{
     height: 14em;
 }
 
 #partnerContendLeft{
     float:left; 
     width:49%;
     border:0px solid green;
     padding:10px;
     
 }
 #partnerContendRight{
     float:right; 
     width:49%;
     border:0px solid green;
     padding:10px;
 }
 
 * html #iframe{
     height:100%;
      }
 #iframe{
     width:500px;
     background-color: transparent;
     height:100%;
 }
 
 .ifClass{
     height:100%;
     background-color:#ff00ff;
     border:3px solid red;
 }
 * html #iframeContend{height:100%;}
 
 #iframeContend{
     float:left;
     width:500px;
     border: 0px solid red;
     margin-top: 2em;          
 }
 #imageContend{
     
     margin-top:2em;
     float:left;
     padding-right:20px;
     background-color:transparent;
     border:0px solid green;
     
 }
 #imageContendDE{
     
     margin-top:2em;
     float:left;
     margin-left:10em;
     background-color:transparent;
     border:0px solid green;  
 }
 #contenttext{ 
     
     border:0px solid green;
     padding:0px;
     text-align: left;
     min-height:14em;	
     
 }
 #test{
     
     height:300px;
     background-image: url('../images/content_bg.jpg');
     background-repeat: no-repeat;
     background-position: bottom;
     border-top: 1px solid #a2a2a2;
     clear:both;
     
 }
 
 #footer{
     border-top:1px solid #a2a2a2;
     background-repeat: no-repeat;
     height:20px;
     text-align:center;
     font-size:8pt;
     color:#9a9a9a;
     padding-top:3px;
     
 }
 .tabelheader{background-color:#ff0000;}
 .tdth{
     text-align:left;
     padding-left:20px;
     
 }
 td.td1{
     
     background-color:#898989;
     padding-left:30px;
     padding-right:10px;
     
     
 }
 
 td.td2{
     
     background-color:#464646;
     padding-left:30px;
     padding-right:10px;
     font-variant:small-caps;
     color: #FFF;
 }
 
 td.td3{
     
     background-color:#898989;
     padding-left:30px;
     padding-right:10px;
 }
 
 a.start{
     color:#ffffff;
 } 
 a:hover.start{
     color:#ff0000;
 } 
 
 #testtable{
     border: 2px solid dotted;
     border-color: #ff00ff;
     padding:30px;
 }
 .imgtd{
     background-color:#404040;
     padding:0px;
     border: 1px dotted #fff;
     padding-top:10px;
 }
 a.num {
     
     font-size:9pt;
     color:#A2A2A2;
 }
 input {
     background-color:#242424;
     color:#ff0000;
     font-size:10pt;
     border:1px solid #fff;
 }
 
 select {
     background-color:#ccc;
     color:#000;
     font-size:10pt;
     border:1px solid #fff;
 }
 textarea{
     background-color:#ccc;
     color:#000;
     font-size:10pt;
     border:1px solid #fff;
 }
 .text{
     background-color:#242424;
     color:#fff;
     padding-left:2px;
 }
 .ueberschrift{
     background-color:#242424;
     color:#fff;
     padding-left:2px;
     font-size:1.2em;
     font-variant:small-caps;
 }
 .radio{
     border:none;
 }
 
 
 /*Workshop*/
 * html #wsAnzeige{ width:20%; height:60em;}
 #wsAnzeige{
     float:left;
     width:195px;
     border:0px solid blue;
     min-height:40em;
     
 }
 
 * html #wsDesign{ width:80%; height:100%;}
 #wsDesign{
     float:left;
     width:765px;
     border:0px solid green;
     clear:right;
     min-height:40em;
     
 }
 
 * html #wsImg{ width:100%; height:100%;}
 #wsImg{
     float:left;
     width:570px;
     border:0px solid blue;
     clear:right;
     min-height:40em;
 }
 * html  #ifWS{ height:100%;}
 #ifWS{
     min-height:40em;
 }
 * html #wsAnzDesign{
     height:100%;
 }
 #wsAnzDesign{
     
     min-height:60em;
     border:0px solid red;
 }
 * html #wsAnzImage{
     height:100%;
 }
 #wsAnzImage{
     min-height:40em; 
     border:0px solid red;
 }