/* commented backslash hides from ie5mac \*/ 

html{

	height:99.9%;
	margin:0;
	padding:0
} 

/* end hack */ 

html,body {
	padding:0;
	margin:0;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, sans-serif;
}

body{	
	text-align:left;
	min-width:860px;/* for mozilla*/
	background-color: #fff;
	height:100%;
}

#wrapper {
	border: 0px solid #f00;
	height:99%;
	min-height:99%;
	width:860px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background-color: #fff;
}






/* mac hide \*/

* html #wrapper{

	width:860px

}

/* end hide*/



html>body #wrapper{

	height:auto;

} /*for mozilla as IE treats height as min-height anyway*/



#outer-head{
	position:absolute;
	top:0px;
	left:5px;
	width:850px;
	height:100px;
	z-index:74;
    border:0px solid #f00;
}

#head-login {
    position:absolute;
	top:34px;
	right:0px;
	width:85px;
	height:28px;
    padding-top: 10px;
	z-index:74;
    border:0px solid #f00;
    text-align: right;
    background-image: URL("../../images/icon_pfeil_schwarz.png");
    background-position: left;
    background-repeat: no-repeat;
    vertical-align: middle;
     cursor: pointer;
}

#head-login:hover {
    
    background-image: URL("../../images/icon_pfeil_rot.png");
     

}


#outer-navi{
	position:absolute;
	top:100px;
	left:5px;
	width:285px;
	height:565px;
	z-index:74;
    border:0px solid #000;
}

#navi-icons {
   position:absolute;
	top:0px;
	left:0px;
	width:278px;
	height:143px;
	z-index:74;
    border-top:2px solid #b5b5b5;
   
}

#navi-tools {
   position:absolute;
	top:143px;
	left:0px;
	width:278px;
	height:130px;
	z-index:74;
    border-top:2px solid #b5b5b5;
    border-bottom:2px solid #b5b5b5;
}

#navi-tools-subnavi {
   position:absolute;
	top:280px;
	left:0px;
	width:278px;
	height:130px;
	z-index:74;
    border:0px solid #f00;
    
}


/* STAND 18.03
#navi-site {
   position:absolute;
    /* top:419px; Stand �ber Unternehmensl�sungen auf der Seite 
    top:475px;
	left:0px;
	width:278px;
	height:88px;
	z-index:74;
    border-bottom:2px solid #b5b5b5;  
}
*/

#navi-site {
   position:absolute;
    top:493px;
	left:0px;
	width:278px;
	height: 70px;
	z-index:74;
    border-bottom:2px solid #b5b5b5;  
}



/* IE 6 ausklammern �ber AttributHack 
ALKTUELLE VERSION 18.03
   #navi-unternehmens[id] {
    position:absolute;
	/* top:507px; Stand unten auf der Seite 
    top: 419px;
	left:0px;
	width:278px;
	height:35px;
	z-index:74;
    border-top:2px solid #b5b5b5;
    border-bottom:2px solid #b5b5b5;
    padding-top: 18px;
   
}
*/

/* IE 6 ausklammern �ber AttributHack  */
   #navi-unternehmens[id] {
        position: absolute;
    top: 419px;
    left: 0px;
    width: 278px;
    height: 44px;
    z-index: 74;
    border-top: 2px solid #B5B5B5;
    border-bottom: 2px solid #B5B5B5;
    padding-top: 15px;

   
}


/* IE 6 Unternehmensl�sungen anpassen */
* html #navi-unternehmens ul.navi-unternehmens {
	height:20px !important;
    margin-bottom: 2px;

}

* html #navi-unternehmens {
   position:absolute;
	top:419px;
	left:0px;
	width:278px;
	height:28px;
	z-index:74;
    border-top:2px solid #b5b5b5;
    border-bottom:2px solid #b5b5b5;
    padding-top: 10px;
   
}

#icons-wortbildmarken {
    position: absolute;
    left: 0px;
    top: 45px;
    width:275px;
	height:45px;
    border: 0px solid #ccc;
    background-repeat : no-repeat;
 
    
}

#icons-doppelpfeil {
    position: absolute;
    left: 0px;
    top: 25px;
    width:40px;
	height:40px;
    background-image: URL("../../images/icon_doppelpfeil_02.png");
    /* cursor: pointer; */
    
}

/* #icons-doppelpfeil:hover {
    background-image: URL("../../images/icon_doppelpfeil_rot.png");
}*/


#icons-kreuz {
    position: absolute;
    left: 46px;
    top: 25px;
    width:40px;
	height:40px;
    background-image: URL("../../images/icon_kreuz_02.png");
    /* cursor: pointer; */
}
/*
#icons-kreuz:hover {
    background-image: URL("../../images/icon_kreuz_rot.png");
   
} */


#icons-fragezeichen {
    position: absolute;
    left: 0px;
    top: 71px;
    width:40px;
	height:40px;
    background-image: URL("../../images/icon_fragezeichen_02.png");
   /* cursor: pointer; */
}
/*
#icons-fragezeichen:hover {
    background-image: URL("../../images/icon_fragezeichen_rot.png");

} */



#icons-doppelslash{
    position: absolute;
    left: 46px;
    top: 71px;
    width:40px;
	height:40px;
    background-image: URL("../../images/icon_doppelslash_02.png");
    /* cursor: pointer; */
}
/*
#icons-doppelslash:hover{
    background-image: URL("../../images/icon_doppelslash_rot.png");
   
}*/
  
  
  
#outer-content{
	position:absolute;
	top:100px;
	left:290px;
	width:565px;
	height:565px;
	z-index:74;
    border:0px solid #0f0;
 
}

#content-A1,
#content-A1-hight,
#content-A1-soft {
    position: absolute;
    left: 0px;
    top: 0px;
    width:136px;
	height:136px;
     background-color: #ccc;
     background-position: center;
}

#content-A1-sprechblase {
    position: absolute;
    left: 0px;
    top: 0px;
    width:523px;
	height:137px;
    z-index: 100;
    padding-top: 22px;
    padding-left: 22px;
    padding-right: 20px;
}

#content-A2,
#content-A2-hight,
#content-A2-soft {
    position: absolute;
    left: 143px;
    top: 0px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-A3,
#content-A3-hight, 
#content-A3-soft {
    position: absolute;
    left: 286px;
    top: 0px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-A4,
#content-A4-hight,
#content-A4-soft {
    position: absolute;
    left: 429px;
    top: 0px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-B1,
#content-B1-hight,
#content-B1-soft {
    position: absolute;
    left: 0px;
    top: 143px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
    
}

#content-B1-sprechblase {
    position: absolute;
    left: 0px;
    top: 120px;
    width:523px;
	height:137px;
    z-index: 100;
    padding-top: 45px;
    padding-left: 22px;
    padding-right: 20px;
    border: 0px solid #f00;
    background-repeat: no-repeat;
    	
}

#content-C1-sprechblase {
    position: absolute;
    left: 0px;
    top: 143px;
    width:523px;
	height:137px;
    z-index: 100;
    padding-top: 22px;
    padding-left: 22px;
    padding-right: 20px;
}

#content-D1-sprechblase {
    position: absolute;
    left: 0px;
    top: 143px;
    width:523px;
    height: 278px;
    /* H�he mit kurzer Sprechblase 
       height:137px;
       
	   H�he mit langer Sprechblase 
       height:278px;
       */
    z-index: 100;
    padding-top: 22px;
    padding-left: 22px;
    padding-right: 20px;
    background-repeat: no-repeat;
}

#content-red-sprechblase,
#content-redA1-sprechblase {
    position: absolute;
    left: 0px;
    top: 143px;
    width:523px;
	height:136px;
    z-index: 100;
    
    padding-left: 22px;
    padding-right: 20px;
    background-color: #de202b;
    background-repeat: no-repeat;
}

#content-redA1-sprechblase {
    top: 0px;
}

#content-B2,
#content-B2-hight,
#content-B2-soft {
    position: absolute;
    left: 143px;
    top: 143px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
    
}

#content-B3,
#content-B3-hight,
#content-B3-soft {
    position: absolute;
    left: 286px;
    top: 143px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-B4,
#content-B4-hight,
#content-B4-soft {
    position: absolute;
    left: 429px;
    top: 143px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-C1,
#content-C1-hight,
#content-C1-soft {
    position: absolute;
    left: 0px;
    top: 286px;
    width:136px;
	height:136px;
    z-index: 200;
    background-color: #ccc;
    background-position: center;
}




#content-C2,
#content-C2-hight,
#content-C2-soft {
    position: absolute;
    left: 143px;
    top: 286px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-C2-fake {
    position: absolute;
     left: 143px;
    top: 286px;
    width:136px;
	height:136px;
    z-index: 400;
    background-position: center;
}

#content-C3,
#content-C3-hight,
#content-C3-soft {
    position: absolute;
    left: 286px;
    top: 286px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}


#content-C3-fake {
    position: absolute;
    left: 286px;
    top: 286px;
    width:136px;
	height:136px;
    z-index: 400;
    background-position: center;
}

#content-C4,
#content-C4-hight,
#content-C4-soft {
    position: absolute;
    left: 429px;
    top: 286px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
    z-index: 200;
}


#content-D1,
#content-D1-hight,
#content-D1-soft {
    position: absolute;
    left: 0px;
    top: 429px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-D2,
#content-D2-hight,
#content-D2-soft {
    position: absolute;
    left: 143px;
     top: 429px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-D3,
#content-D3-hight,
#content-D3-soft {
    position: absolute;
    left: 286px;
    top: 429px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-D4,
#content-D4-hight,
#content-D4-soft  {
    position: absolute;
    left: 429px;
    top: 429px;
    width:136px;
	height:136px;
    background-color: #ccc;
    background-position: center;
}

#content-A1:hover, #content-A2:hover, #content-A3:hover,
#content-A4:hover, #content-B1:hover, #content-B2:hover,
#content-B3:hover, #content-B4:hover, #content-C1:hover,
#content-C2:hover, #content-C3:hover, #content-C4:hover,
#content-D1:hover, #content-D2:hover, #content-D3:hover,
#content-D4:hover, #content-C3-fake:hover, #content-C2-fake:hover,
#content-A1-hight, #content-A2-hight, #content-A3-hight,
#content-A4-hight, #content-B1-hight, #content-B2-hight,
#content-B3-hight, #content-B4-hight, #content-C1-hight,
#content-C2-hight, #content-C3-hight, #content-C4-hight,
#content-D1-hight, #content-D2-hight, #content-D3-hight,
#content-D4-hight
 {
    width:128px;
	height:128px;
    border: 4px solid  #de202b;
    cursor: pointer;
}


/* DIV Navi unten */

#site-left {
    position:absolute;
    /*	top: 13px; */
	top:0px;
	left:0px;
	width:150px;
	z-index:74;
    border:0px solid #f00;
    vertical-align: top;
}

#site-right {
    position:absolute;
    /*	top: 13px; */
	top:0px;
	left:150px;
	width:150px;
	z-index:74;
    border:0px solid #ff0;
    vertical-align: top;
}

#site-social {
    position:absolute;
    /*	top: 13px; */
	top:67px;
	left:0px;
    margin-left: -2px;
	width:300px;
	z-index:74;
    border:0px solid #404042;
    vertical-align: top;
    
}

#site-social a,
#site-social a.addthis_separator,
#site-social a.addthis_button_preferred_1, 
#site-social a.addthis_button_preferred_2,
#site-social a.addthis_button_preferred_3, 
#site-social a.addthis_button_preferred_4
 {
    color: #404042;
    text-decoration: none;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    
    
}

#site-social a:hover,
#site-social a.addthis_separator:hover,
#site-social a.addthis_button_preferred_1:hover, 
#site-social a.addthis_button_preferred_2:hover,
#site-social a.addthis_button_preferred_3:hover, 
#site-social a.addthis_button_preferred_4:hover
 {
    color: #404042;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  
}



#navi-sprechblase,
#navi-sprechblase-A1,
#navi-sprechblase-C1 {
    position:absolute;
	right:15px;
	bottom:35px;
	width:300px;
	z-index:74;
    border:0px solid #ff0;
    text-align: right;
    vertical-align: top;
}

#navi-sprechblase-B1 {
    position:absolute;
	right:15px;
	bottom:35px;
	top:128px;
    width:300px;
	z-index:74;
    border:0px solid #ff0;
    text-align: right;
    vertical-align: top;
}


#navi-sprechblase-D1
 {
    position:absolute;
	right:15px;
	top:105px;
	width:300px;
	z-index:74;
    border:0px solid #ff0;
    text-align: right;
    vertical-align: top;
}

#navi-sprechblase-red,
#navi-sprechblase-redA1
 {
    position:absolute;
	right:15px;
	top:105px;
	width:300px;
	z-index:74;
    border:0px solid #ff0;
    text-align: right;
    vertical-align: top;
}





/** longcopy **/

#content-longcopy
 {
    position: absolute;
    left: 0px;
    top: 0px;
    width:562px;
	min-height:562px;
    height:auto !important;  /* f�r moderne Browser */
    height:562px;  /*f�r den IE */
    
     background-color: #fff;
     background-position: center;
     border:2px solid #b5b5b5;
     overflow: visible;
     
}

#longcopy-head
 {
    position: absolute;
    left: 6px;
    top: 25px;
     padding-left: 14px;
    padding-top: 10px;
   width:537px;
	height:78px;
     background-color: #de202b;      
}


#navi-longcopy-head
 {
    position:absolute;
	right:15px;
	top:62px;
	width:520px;
   
	z-index:74;
    border:0px solid #fff;
    text-align: left;
    vertical-align: top;
}

#longcopy-back
{
    position: absolute;
    top:0px;
    right: 0px;
    border: 0px solid #f00;
}

/* Content div */

#longcopy
 {
      
    position: relative;
    margin: 145px 20px 20px 20px; 
    width:520px;
    *top: 140px;
    *margin-bottom: 160px;
    
 
}


/** tools NEU**/
/*
    Seitenrahmen rechts
*/
#content-tools-neu
 {
  position: absolute;
    left: 0px;
    top: 0px;
    width:562px;
	min-height:562px;
    height:auto !important;  /* f�r moderne Browser */
    height:562px;  /*f�r den IE */
     background-color: #fff;
     background-position: center;
     border:2px solid #b5b5b5;    
}

/*
    hellgraueFl�che Tools
*/
#tools-head-neu
 {
    position: relative;
    left: 6px;
    top: 25px;
   padding-top: 20px;
    width:551px;
 	text-align: center;
    background-color: #eaeaea;     
}

/*
    �berschrift rechts
*/
#kopfzeile-tools-head-neu
 {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10 !important;
    padding-left: 14px;
    padding-bottom: 2px;
    padding-top: 2px;
    width:537px;
    color: #fff;
    text-align: left;
    background-color: #b5b5b5;     
    font-weight: bold; 
}

/*
    Navigation rechts
*/
#navi-tools-head-neu
 {
    position:relative;
	right:0px;
	top:0px;
	width:534px;
    padding-left: 15px;
    padding-bottom: 10px;
	z-index:74;
    border:0px solid #f00;
    text-align: left;
    background-color: #eaeaea;
    vertical-align: top;
}
/*
    Navigation zur�ck
*/
#tools-back-neu[id]
{
    position: absolute;
    top:0px;
    right: 14px;
    border: 0px solid #ff0;
}

* html #tools-back-neu
{
    position: absolute;
    top:0px;
    margin-left: 500px;
    border: 2px solid #100 !important;
}
/*
    Copytext 
*/
#tools-longcopy-neu
 {
      
   position: relative;
    text-align: left;
    margin-top: 40px;
    margin-left: 18px;
    margin-bottom: 10px;
    padding-right: 10px;
    width:527px;
    *top: 10px;
    *margin-bottom: 160px;
    background-color: #fff;
    border: 0px solid #00f;
   
}

/** longcopy SPACER nach unten **/

#bott-spacer
 {
     position: absolute;
    bottom: -30px;
    width:1px;
    height:20px;  /*f�r den IE */
     background-color: #fff;
     background-position: center;
     border:0px solid #f00;
     overflow: visible; 
}

#tools-prev[id]
{
    position: absolute;
    top: 0;
    z-index: 0;
    left:  0px;
    border:0px solid #f00;
    width: 50px ;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: URL("../../images/pfeil_prev_o.png");
 
}

* html #tools-prev
{
    position: absolute;
    top: 0;
    z-index: 0;
    left:  0px;
    border:1px solid #f00;
    width: 50px ;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: URL("../../images/pfeil_prev_o.png");
 
}

#tools-next
{
    position: absolute;
    top: 0;
    z-index: 0;
    right:  0px;
    border:0px solid #f00;
    width: 50px ;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: URL("../../images/pfeil_next_o.png");
    
    
}

#tools-prev:hover
{
     background-image: URL("../../images/pfeil_prev.png");
}

#tools-next:hover
{
     background-image: URL("../../images/pfeil_next.png");
}

ul.preise.first {
	margin-top: 20px;
	}

ul.preise{
    font-size: 11px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-family: "verdana",sans-serif;
    list-style-type: none;
    color: #FFF;
    border: 1px solid #949494;
    margin-top: -8px;
    margin-bottom: 15px;
    padding: 7px;
    margin-left: 0px;
}

ul.preise li {
    margin: 8px 0px;
    padding: 0px;
    clear: both;
	color: #949494;
}

ul.preise li span {
	width: 450px;
	display:inline-block;
	}

.kosten.hell {
	color: #949494;
	font-size: 11px;
	}