@charset "UTF-8";
/* CSS Document */
@import url(../yaml/screen/forms.css);

body,html,* {
        margin: 0;
        padding: 0;
}

body {
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
}

#wrapper{
        width:1020px;
}

#header{
        height: 30px;
        margin: 5px 0px 0px 30px;
        color: #4d4d4d;
        font-size: 10px;
        letter-spacing: 2px;
}
/****************** 2008_08_28 änderungen um position absolut z uschalten
man muss noch die Navigation anders positionieren... in den Header rein = template ändern
#left{
        width:235px;
        float:left;
}
#right{
        margin-left:235px;
        width:785px;
}
*********************************************************/
#left {
		position: absolute;
		left:0px;
		top:30px;
		width:235px;
		}
#right{
   		margin-left: 235px;
   		width:785px;
		border:0px solid #000;		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 235px;   		
		}
html>body #right {
   		margin-left: 235px;
		}

#logo{
        background-image: url(../images/logo.gif);
        background-repeat: no-repeat;
        background-position: 29px 12px;
        width:215px;
        height:140px;
}

#teaser_head{
        background-image: url(../images/teaser_head.gif);
        background-repeat: no-repeat;
        background-position: 26px 7px;
        width:215px;
        height: 35px;
}

#teaser1{
        background-image: url(../images/teaser_grey.gif);
        background-repeat: no-repeat;
        background-position: 26px 0px;
        width:215px;
        height: 181px;
        padding: 0px;
        font-size: 11px;
        line-height: 13px;
        margin-top:15px;
}

#teaser2{

        background-image: url(../images/teaser_25dollar.gif);
        background-repeat: no-repeat;
        background-position: 26px 0px;
        width:215px;
        height: 187px;
        padding: 0px;
        margin-top:15px;
}

#teaser3{

        background-image: url(../images/teaser_red.gif);
        background-repeat: no-repeat;
        background-position: 26px 0px;
        width:215px;
        height: 179px;
        padding: 0px;
        margin-top:15px;
        color: white;
}

#teaser4{
        background-image: url(../images/teaser_white.gif);
        background-repeat: no-repeat;
        background-position: 26px -5px;
        width:215px;
        height: 210px;    
        margin-top:15px;  
}

#teaser1 p,#teaser2 p,#teaser4 p, #teaser2 td{
        font-size: 11px;
	line-height: 13px;
        }
        
#teaser3 p{
        font-size: 11px;
	line-height: 13px;
        color: white;
        }
        
#teaser1 p, #teaser3 p, #teaser4 p{
        margin-left:35px;
        margin-right:24px;
        margin-bottom: 7px;
} 
#teaser1 h1, #teaser3 h1, #teaser2 h1,#teaser4 h1{
        padding:10px 0px 6px 0px;
        margin-left:35px;
        margin-right:24px;
}

#teaser1 h1, #teaser2 h1, #teaser4 h1{
        color: #ed1c24;
        font-variant: normal; 
        font-size: 14px; 
        line-height: normal;  
        text-transform: uppercase; 
}

#teaser3 h1{
        color: white;
}
#teaser1 a, #teaser2 a, #teaser4 a, #teaser1 h2, #teaser2 h2, #teaser4 h2{
        color:#ed1c24;
        text-decoration:none;
        font-size: 12px;
        line-height: 14px;
        font-style: italic;
        font-weight: bold;
}

#teaser3 a, #teaser3 h2{
        color:white;
        text-decoration:none;
        font-size: 12px;
        line-height: 14px;
        font-style: italic;
        font-weight: bold;
}

#teaser a:hover{
        background-color:transparent;
        color:#757575;
}

#teaser3 a:hover{
        color:#fff200;
}


#teaser1 h2, #teaser2 h2, #teaser3 h2, #teaser4 h2{
        padding:6px 0px 0px 0px;
        margin: 0px 30px 0px 35px;
}

#teaser1 .mail{
        padding:0px 0px 0px 0px;
        margin: 0px 30px 0px 35px;
}

#navi{
        margin: 117px 0px 0px 0px;
        width:770px;
        text-transform: uppercase;
        clear:both;
        z-index:2;
}

#headline{
        background-image: url(../images/copy_header.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 20px;
        padding: 0px 0px 0px 30px;
        line-height: 20px;
        width:627px;
}
#bg_content{
        background-image: url(../images/copy_back.gif);
        background-repeat: repeat-y;
        background-position: 0px 0px;  
        padding:0px;
        margin: 0px;
        width:627px; 
}
#content{
        padding:0px;
        margin: 0px;
        width:627px; 
}
#content ul{
        margin:10px 0px 15px 50px;
        list-style-type: circle;
        color:#757575;
}

#content ol, .tx-rgtabs-pi1 ul{
        margin:10px 0px 15px 50px;
}
#content li{
        margin-bottom:5px;
}
#content a{
        color:#ed1c24;
        padding-bottom:5px;
}
#content a:hover{
        color:black; 
} 
#content .bodytext{
        padding:10px 31px 0px 25px;
}

#content h1{
        padding:28px 31px 10px 25px;
        font-size:24px;
}

#content h2{
        padding:28px 31px 5px 25px;
        font-size:18px;
}
#content h3{
        padding:25px 31px 0px 25px;
        font-size:16px;
        font-style: italic;
        font-weight: bold;
        color: #ed1c24;
        text-transform: uppercase;
}
#content h6{
        padding:10px 31px 15px 25px;
        font-size:14px;
        line-height: 25px;
        color: gray;
        text-transform: none;
        font-style: italic;
}
.csc-textpic-imagewrap{

}
#footer a{
        font-size:10px;
        color:#404040;
}
#footer a:hover{
        color:#757575;
}
#footer{
        background-image: url(../images/footer.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        color:#404040;
        height: 25px;
        padding:9px 31px 0px 25px;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        clear:right;
}
h1,h2     
{ 
        color: gray; 
        font-variant: normal; 
        font-size: 16px; 
        line-height: normal;  
        text-transform: none; 
        font-family: "Lucida Grande", Arial, sans-serif;
}
h3{ 
        color: #456c1e; 
        font-variant: normal; 
        font-size: 12px; 
        text-transform: uppercase;
        line-height: 12px;
        padding-bottom: 15px;
}
h4{ 
        color: #456c1e; 
        font-variant: normal; 
        font-size: 12px; 
        line-height: 12px;
        padding-top: 20px;
        font-style:  italic;
        font-weight: bold;
}
h5{ 
        color: white; 
        font-variant: normal; 
        font-size: 12px; 
        text-transform: uppercase;
        line-height: 12px;
        padding-top: 15px;
}
h6{ 
        color: white; 
        font-variant: normal; 
        font-size: 12px; 
        text-transform: uppercase;
        line-height: 12px;
        padding-bottom: 15px;
}

p{
        font-size: 12px;
        line-height: 25px;
        color: #404040;
}
.csc-textpic{
        margin-right:6px;
        margin-left:25px;
}

#copy_footer{
        /*background-image: url(../images/copy_footer.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
*/
}
.stop_content_floats, #stop_content_floats{
        clear:both;
        background-image: url(../images/copy_footer.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 20px;
        line-height:20px;
        }


/* *************************************NAVIGATION Root = Horizontal, Secondary = Vertical ****************** */


ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 210px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #ed1c24;
  color: white;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #757575;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #ddd;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #757575;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background-color: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* *************************************END NAVIGATION ************************* */

#step_wrap{
   margin:0px 6px 0px 30px;
   width:580px;
   height:70px;
}
#step_clear{
   clear:right;
}
#step{
   margin:5px 0px 5px 0px;
   font-size:14px;
   color:#757575;
   padding:20px 5px 10px 0px;
   font-style: italic;
   font-weight: bold;
   color: #ed1c24;
   text-transform: uppercase;
}
#step_section{

}
ul#step_container{
  list-style: none;
  margin-left:10px;
}
.step_left{
  background-image: url(../images/step_left.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height:50px;
  width:15px;
  float:left;
}
.step_item{
  background-image: url(../images/step_middle.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  height:50px; 
  color:white;
  padding-top:15px;
  font-weight:bold;
  float:left;
  padding-left:4px;
}
.step_right{
  background-image: url(../images/step_right.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height:50px;
  width:19px;
  float:left;
}

.tx-macinasearchbox-pi1{
  float:right;
  display:inline;
  width:250px;
  margin:0px;
  padding:0px;
  clear:right;
}
#staticmenu{
  float:left;
  width:300px;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#header a{
  font-size:10px;
  letter-spacing: 1px;
  color:#404040;
}

#staticmenu a:hover{
  color:#757575;
}

#searchbox, #staticmenu{
  display:inline;
  margin:0px;
  padding:0px;
}
#searchbox{
  float:right;
  width:250px;
}
.tx-indexedsearch-res table{
  width:560px;
  margin-left: 30px;
}



#searchform{
  height:13px;
}
form{
  margin:0px;
  padding:0px;
}
.csc-textpic-caption{
 background-color: #ed1c24;
 color:white;
 font-size:9px;
 padding:0px 0px 0px 5px;
 letter-spacing: 1px;
}
.csc-textpic a, .csc-textpic img{
  margin:0px;
  padding:0px;
}
#wrapper_content{
  margin-top:5px;
}
.csc-frame-frame1{
  background-color:#757575;
  margin:3px 40px 3px 40px;
  padding:8px;
  color:white;
  font-weight:bold;
  border:1px solid black;
  line-height:20px;
}
#content .csc-frame-frame1 a{
  color:white;
}
.ecotable{
  margin:20px 50px 20px 25px;
}
.ecotable th, .ecotable th.td-0{
  color:white;
  background-color:#ed1c24;
  padding:4px;
}
.ecotable td{
  background-color:#dddddd;
  padding:4px;
}
.ecotable .td-0{
  background-color:#cccccc;
  font-weight:bold;
}
.tx-vgetagcloud-pi1{
  background-color:white;
  margin-top:25px;
  width:600px;
}
#right .tx-vgetagcloud-pi1 ul{
  margin-left:30px;
}


.tx-vgetagcloud-pi2{
  margin-left:30px;
  
}
.tx-indexedsearch-searchbox{
  margin-left:30px;
}

.tx-indexedsearch-icon icon{
  margin-left:25px;
}

.tx-indexedsearch-searchbox p{
  margin-top:20px;

}
.tx-indexedsearch{
  background-image: url(../images/bg_search.gif);
  background-repeat: no-repeat;
  background-position: 120px 0px;
}

.tx-indexedsearch .tx-indexedsearch-whatis{
      margin-top: 10px;
      margin-bottom: 5px;
      margin-left: 30px;
}

.tx-indexedsearch-browsebox{
      margin-left: 30px;
}

/*cONTACT*/
.contact_container{
   clear:both;
   height:234px;
   padding-left:40px;
   background-image: url(../images/bg_contact.gif);
   background-repeat: no-repeat;
   background-position: 250px 0px;
}
.contact_pic{
  float:left;
  width:215px;
  height:235px;
}
.contact_text{
  margin-left:250px;
  padding-top:65px;
  line-height:24px;

  
}
.position, .mobile, .email, .name{
  
}
.name{
  color: gray;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  text-transform: uppercase;
}

.tx-rlmpflashdetection-pi1{
  margin: 20px 0px 10px 30px;
  z-index:-1;
}

.csc-loginform, .csc-form-commentcell, .csc-uploads-fileName, .csc-uploads-description, .csc-uploads-fileName a{
      margin-left: 25px;
}

.csc-form-commentcell {
      margin-left: 25px;
      margin-bottom: 10px;
}


.csc-uploads-icon{
      padding-left: 25px;
      margin-bottom: 10px;
}
.tx-quickpoll-pi1{
        height: 187px;
        margin-left:35px;
}
.tx-quickpoll-pi1, .tx-quickpoll-pi1 table, .tx-quickpoll-pi1 tr, .tx-quickpoll-pi1 td{
	font-size:11px;
	line-height:13px;
}
.polltitle{

}
.pollquestion{
        width:150px;
}

#teaser2 .csc-textpic-text{
         margin-left:12px;
         margin-right:12px;
}
div.tx_powermail_pi1_fieldwrap_html p a dfn,
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: static;
	width: 80%;
	padding: 7px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
        z-index:100;
}
.tx-powermail-pi1{
  width:590px;
  margin-left:15px;
}

.columnar .type-text label, .columnar .type-select label {
float:left;
width:40%;
}
.columnar div.type-text input, .columnar div.type-text textarea {
width:57.8%;
}
.columnar div.type-check {
padding-left:40%;
}
form.yform legend{
} 

.powermail_mandatory_js{
  color:red;
  margin-left:40%;
  font-size:10px;
}
textarea,input{
 font-size:12px;
}
.webhostingteaser{
	border:0px;
	float:right;
	margin-right:15px;	
}