/* rte.css keeps all font-familys and sizes */

@import "rte.css";

body {
	text-align:left; 	/* IE 5 center */
	background-color:#A9C4D7;
	/*#e1ffff;*/
	width:99.8%;
	float:left;
	/*margin:0px auto 0px auto;*/
	font-family: Arial, sans-serif;
}

#siteWrapper {
	background-color:#fff;
	position:relative;
	z-index:0;			/* make sure overlay container with higher index came in foreground */
	text-align:left; 	/* IE 5 center reset */
	width:950px;
	/*margin: 0 auto; 	/* center content */
	border:0px solid red;
}

/* siteheader START */
#mainHeader{
	float:left;
	width:100%;
	position:relative;
	border:0px solid red;
	height:322px;
	background:#fff url(../images/logo.jpg) no-repeat left top;
}

    #subHeaderOne{
        position:relative;
        float:right;
        text-align:center;
        border:0px solid red;
       /* width:600px;*/
    }

        #topNav{
	    	height:40px;
       	    margin-right:10px;
        }

	        #topNav ul{
    	        width:100%;
        	    list-style-type:none;
        	    height:40px;
        	}

	        #topNav ul li{
				float:left;
				width:110px;
            	height:27px;
            	/*background:transparent url(../images/top_buttons.gif) no-repeat left -10px;*/
		       	overflow:hidden;
	        }

	        #topNav li a{
            	line-height:20pt;
	            text-decoration:none;
    	        text-transform:uppercase;
        	    color:#fff;
            	font-size:9pt;
            	letter-spacing:1pt;
	        }

			#topNav li a.linkActive{
        		color:#FFD502;
	        }
/* subHeaderTwo is verified and looks similar on FF 3+ and IE5+ WinXP */
    #subHeaderTwo{
    	float:left;
    	height:233px;
    	width:196px;
    	margin-top:80px;
		background:transparent url(../images/box_top_contact_bg_emtpy.jpg) no-repeat top left;
		border:0px solid red;
		overflow:hidden;
		padding-top:10px;
    }

 	#subHeaderTwo h1{
		padding:0px;
		line-height:10pt !important;
		font-size:0.94em !important;
		font-weight:bold !important;
		padding-left:8px;
		font-family: 'Helvetica', sans-serif !important;
		word-spacing:-0.1em;
		letter-spacing:-0.1px;
		margin:0px !important;
		margin-bottom:8px !important;
		padding-top:5px;
 	}

 	#subHeaderTwo p{
 		position:relative;
		float:left;
 		width:100%;
		margin-bottom:5px !important;
		padding-left:8px;
		line-height:9pt !important;
		font-size:0.94em !important;
		font-weight:bold !important;
		word-spacing:-0.1em !important;
		letter-spacing:.01em !important;
 	}

 	#subHeaderTwo span.textSmallBlue{
 		float:left;
 		width:100%;
 		margin-top:12px !important;
 		margin-bottom:0px !important;
		line-height:10pt !important;
		font-size:0.94em !important;
		font-weight:bold !important;
 	}

 	#subHeaderTwo span.textSmallRed{
 		float:left;
 		width:100%;
 		margin-top:12px !important;
 		margin-bottom:2px !important;
 		border:0px solid red;
 	}

 	#subHeaderTwo p a{
		line-height:20px !important;
		padding-bottom:10px !important;
 		padding-left:25px !important;
		background:transparent url(../images/cuvert.gif) no-repeat left 2px;
		font-size:0.95em !important;
 		left:20px !important;
 		color:#000;
 	}

    #mainHeaderContent{
        float:right;
        border:0px solid red;
		margin-top:40px;
		height:233px;
		width:746px;
		/*background:transparent url(../images/header_imag_shadow.gif) no-repeat left bottom;*/
    }

        #mainHeaderContent img{
            width:736px;
            height:233px;
        }

    #mainHeaderContent #headerTeaser{
		display:none;
		float:left;
		position:absolute;
		width:410px;
		height:233px;
		border:0px solid red;
		margin-left:10px;
		background:transparent url(../images/test.png) no-repeat left 189px;
	}

	#mainHeaderContent #headerTeaser h1{
		font-size:10pt !important;
		color:#73A0BF;
		height:25px;
		width:395px;
		padding-top:5px;
		margin-left:10px;
		margin-top:189px;
		/*background:transparent url(../images/logo_klein.gif) no-repeat right top;*/
		overflow:hidden;
	}


#mainBox{
	float:left;
	width:950px;
	background-color:#fff;
	border:0px solid #7BC523;
}

    #leftBox{
    	position:relative;
        float:left;
		width:195px;
        overflow:hidden;
    }
/* main Navigation START */
        #navigationOne{
            float:left;
			width:195px;
            padding-top:5px;
            background:#FFF2B3 url(../images/box_left_top.jpg) no-repeat top right;
        }

        #navigationOne ul{
            float:left;
            list-style-type:none;
			width:195px;

    	}

        #navigationOne ul li{
            float:left;
            width:190px;
            height:32px;
           	overflow:hidden;
    	}

		#navigationOne li.mainLink{ /* tabs */
            background:transparent url(../images/main_link_bg.gif) no-repeat right top;
        }

            #navigationOne li.mainLink a{ /* tabs */
            	color:#000;
	            font-size:10pt;
	            font-weight:normal;
       	        line-height:27px;
	            padding-left:10px;
				text-decoration:none;
            }

	    #navigationOne li.subNav {
            width:190px;
	        height:22px;
            text-indent:8px;
        }

            #navigationOne li.subNav a{
            	float:left;
                font-size:8pt;
                color:#000;
                padding-left:20px;
                border:0px solid red;
            }

            #navigationOne li a.linkActive{
	             font-weight:bold;
                 background:transparent url(../images/menu_bg_active.jpg) repeat-x left top;
            }

            #navigationOne li.subNav a.sublinkActive{
				font-weight:bold;
				background:transparent url(../images/box_left_nav_arrow.jpg) no-repeat 10px center;
            }

            #navigationOne li a.subLink:hover{
	            background:transparent url(../images/box_left_nav_arrow.jpg) no-repeat 10px center;
            }

/* footerNav is verified and looks similar on FF 3+ and IE5+ WinXP */
		#footerNav{
	        float:left;
	        margin-bottom:30px;
			width:195px;
			height:32px;
			border:0px solid red;
			background:transparent url(../images/box_left_bottom.jpg) no-repeat  right -15px; /* the navigation box bottom border */
		}

           #footerNav ul{
                float:left;
                list-style-type:none;
       			width:185px;
            }

			#footerNav ul li{
				float:left;
       			border:0px solid red;
       			text-indent:10px;
       			width:45%;
			}

			#footerNav ul li a{
				float:left;
      			padding-right:15px;
				background:transparent url(../images/box_left_nav_arrow_white.jpg) no-repeat  right center;
				top:3px;
				line-height:32px;
				color:#000;
				font-size:8pt;
				font-weight:bold;
			}

    #mainContentWrap{
        float:left;
        width:545px;
   		margin-left:10px;
		margin-right:10px;
        background:transparent url('../images/content_border.jpg') repeat-y center top;
    }

       #mainContentWrap .cBorderTop{
            line-height:10px;
            width:545px;
			border:0px solid red;
            background:transparent url('../images/content_border_top.jpg') no-repeat top left;
        }

        #mainBoxContent{/* IE5 needs rework here */
			position:relative;
			float:left;
            width:520px;
            top:0px;
            left:15px;
			border:0px solid green;
			padding-bottom:20px;
        }

		#mainContentWrap .cBorderBottom{
			display:none;
            float:left;
            line-height:10px;
            width:545px;
            background:transparent url('../images/content_border_bottom.jpg') no-repeat left top;
        }

    #mainBoxContent a{
        color:#73A0BF !important;
		font-size:9pt !important;
		font-weight:bold !important;
		text-decoration:none !important;
	}
/* rightbox is verified and looks similar on FF 3+ and IE5+ WinXP */
    #rightBox{
        float:left;
		background:transparent url('../images/box_right_header.jpg') no-repeat top left;
    	position:relative;
		width:181px;
		/*height:539px;*/
  		clear:right;
  		padding-top:25px;
  		margin-bottom:20px;
  		border:0px solid red;
    }


    #rightBox #rightBoxInner{ /* TYPO3 CE wrap BORDER */
    	float:left;
    	height:100%;
    	width:179px;
    	border-left:1px solid #bbb;
    	border-right:1px solid #bbb;
    }

    #rightBox #rightBoxBottom{ /* TYPO3 CE wrap BORDER */
    	float:left;
    	width:181px;
    	height:20px;
   		background:transparent url('../images/box_right_bottom.jpg') no-repeat top left;
    }


    #rightBox h1{
    	display:none;
    	position:relative;
 		top:3px;
		height:25px;
		padding:0px !important;
		margin:0px !important;
       	overflow:hidden;
		border:0px solid red;
		/* font definition */
            text-transform:uppercase;
            color:#fff;
            font-size:12px !important;
            font-weight:normal;
            text-indent: 15px;
    }

    #rightBox .borderYellow{ 	/* TYPO3 TCE BORDER */
		float:left;
		background-color:#FFF2B3;
		width:179px;
		height:70px;
		margin-left:0px;
   		overflow:hidden; /* IE5 - IE6 overrides height (see drLink) */
	}

    #rightBox .borderWhite{		/* TYPO3 TCE BORDER */
    	float:left;
		background-color:#fff;
		width:179px;
		height:70px;
		margin-left:0px;
		overflow:hidden; /* IE5 - IE6 overrides height (see drLink) */
    }

    #rightBox .borderYellow a{ 	/* TYPO3 TCE BORDER */
		color:transparent;
	}
   #rightBox .borderWhite a{
   	color:transparent;
   }

     #rightBox .drContainer{	/* TYPO3 TV flex content elements */
		float:left;
        width:178px;
        height:70px;
        border:0px solid red;
	}

     #rightBox .drImage{
		float:left;
		width:55px;
		height:70px;
		/*text-align:center;*/
		text-indent:3px;
	}

     #rightBox .drImage img{
     	margin-top:5px;
		width:50px;
		height:60px;
	}

     #rightBox .drHeader{
     	float:left;
      	margin-top:5px;
/*		width:110px;*/
		width:123px;
		color:#000;
		font-size:11px;
		font-weight:bold;
		border:0px solid red;
     }

          #rightBox .drHeader a{
			color:#000;
			font-size:11px;
			font-weight:bold;
          }

             #rightBox .drText{
                float:left;
                width:120px;
                font-size:11px;
                line-height:12px;
             }

            #rightBox .drLink{
                position:relative;
                float:left;
                clear:left;
                top:-21px;
                left:56px;
                z-index:1000;
                margin:0px !important;
                background:transparent url('../images/right_box_pfeil.jpg') no-repeat left center;
				width:110px;
				border:0px solid red;
            }

                #rightBox .drLink a{
                    float:left;
                    height:16px;
                    width:16px;
                    border:0px solid red;
                    overflow:hidden;
                    font-size:0px;
					text-indent:-80px;
                }

/*
	* Sitemap
	*

*/
	#mainBoxContent .leftCol{
		float:left;
		width:49%;
		border:0px solid red;

	}

	#mainBoxContent	.rightCol{
		float:left;
		width:49%;
		border:0px solid red;

	}

	#mainBoxContent	.leftCol ul, #mainBoxContent .rightCol ul{
		list-style-type:none;
	}


	#mainBoxContent	ul li.sectHeader, 	#mainBoxContent	ul li.sectSub{
		float:left;
		width:100%;
		text-indent:30px;

	}

	#mainBoxContent	ul li.sectHeader{
		margin-top:10px;
	}

	#mainBoxContent	ul li.sectSub{
		border:0px solid blue;
		background:transparent url('../images/plus-sitemap.gif') no-repeat 10px 5px;
		margin-bottom:5px;
		line-height:20px;
	}

	#mainBoxContent	ul li.sectHeader a{
		color: #80a2ba;
		font-weight:bold;
		text-decoration:none;
		font-size:12px;
	}
	#mainBoxContent	ul li.sectSub a{
		color: #000;
		font-weight:normal;
		text-decoration:none;
		font-size:11px;
	}

#designElementBottom{display:none}