/* -------------------------------- */
/*  CSS - MiBo                      */
/*  http://mibo-boxpromotion.de     */
/*                                  */
/*  0.  BASIX                       */
/*  1.  THEME-STYLE                 */
/*  1.1  BG-ATTRIBUTES              */
/*  1.2  TEXT-STYLE                 */
/*  1.3  LINK/BUTTON/MENU-STYLE     */
/*  2.  GLOBALS                     */
/*  3.  CONSTRUCTION                */
/*  3.1  BASIC STRUCTURE            */
/*  3.2  MENU MAIN                  */
/*  3.3  MENU SUB	                */
/*  4.  CONTENT-MODULE              */
/*                                  */
/* -------------------------------- */



/* -------------------------------- */
/*  0. BASIX                        */
/* -------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

html, body {
	width:100%;
	height:100%;
	max-height:100%;
}


/* -------------------------------- */
/*  1. THEME-STYLE                  */
/* -------------------------------- */

	/* -------------------------------- */
	/*  1.1 BG-ATTRIBUTES               */
	/* -------------------------------- */
		
		body {
			background: #f0f0f0 url(/files/tmpl/main/images/headerBG_repeater.jpg) repeat-x left 20px scroll;
		}
		
		#containerMain {
			background: url(/files/tmpl/main/images/header.jpg) no-repeat 50% 20px;
		}
		
		#shadowLeft {
			background:url(/files/tmpl/main/images/headerShadowLeft.jpg) no-repeat left top;
		}
		
		#shadowRight {
			background:url(/files/tmpl/main/images/headerShadowRight.jpg) no-repeat left top;
		}
			
		#headerImg {
			background:url(/files/tmpl/main/images/headerImg001.jpg) no-repeat left top;
		}
		
		#headerLogo {
			/*background:url(/files/tmpl/main/images/logo.png) no-repeat left top;*/
		}
		
		#footer {
			background:url(/files/tmpl/main/images/footerBG_repeater.jpg) repeat-x left top;
		}
		
		#footerContent {
			background:url(/files/tmpl/main/images/footerBG.jpg) no-repeat 50% top;
		}
		
		#imgBoxflyer {
			background:url(imgContent/td-flyer-deluxe-technoholiker.jpg) no-repeat left top;
		}
	

	/* -------------------------------- */
	/*  1.2 TEXT-STYLE                  */
	/* -------------------------------- */
	
	/*font-style, font-variant, font-weight, font-size/line-height, font-family */
	
	/* global */
		#containerMain {
			font:normal normal normal 12px/20px Arial, Helvetica, sans-serif;
			color: #333;
		}
		
		i,
		em {
			font-style: italic;
		}
		
		b,
		strong {
			font-weight: bold;
		}
		
		
	/* TypeFaces */
		.typeFace-text,
		.typeFace-text input,
		.typeFace-text textarea,
		.contenttable {
			color: #333;
		}
		
		.typeFace-text p {
			margin: 0;
			padding: 0 0 24px 0;
		}
				
		h1,
		.typeFace-pageHeadline {
			font-size: 24px;
			line-height: 28px;
			color: #171717;
			font-weight: bold;
			text-transform: uppercase;			
		}
		
		h2,
		.typeFace-boxHeadline {
			font-size: 20px;
			font-weight: bold;
			line-height: 28px;
			color: #171717;
			text-shadow: #999 1px 1px 1px;
		}
		
		h3,
		.typeFace-teaserHeadline {
			font-size: 16px;
			line-height: 18px;
			font-weight: bold;
			color: #171717;
		}
		
		h4,
		.typeFace-textHeadline {
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;			
			color: #171717;			
		}
				
		.typeFace-teaserText {
			font-size: 12px;
			line-height: 18px;
		}
		
		.typeFace-date {
			color: #7F7F7F;
			font-size: 14px;
			font-weight: bold;
		}
		
		.typeFace-caption {
			font-size: 10px;
			line-height: 14px;
			color: #999999; /*#6b6b6b*/
		}
		
		.typeFace-text ul {
			list-style-type: none;
			list-style-position: inside;
			padding: 0 0 24px 0;
		}
		
		.typeFace-text ul li {
			background: url(../image/tmpl/list_item.png) no-repeat 2px 8px;
			padding: 0 0 0 15px;
		}
	
	
	/* -------------------------------- */
	/*  1.3 LINK/BUTTON/MENU-STYLE      */
	/* -------------------------------- */
	
	/* Links im Fließtext */
		.typeFace-link a,
		.typeFace-text a,
		.typeFace-button a {
			text-decoration: none;
			color: #333;
			font-weight: bold;
		}
		
		.typeFace-link a:hover,
		.typeFace-text a:hover,
		.contenttable a:hover {
			text-decoration: underline;
		}
		
		.typeFace-text a[target=_blank] {
			background: url(/files/tmpl/main/images/icon_externerlink.png) no-repeat 0 2px;
			padding-left: 16px;
		}
		
		.typeFace-text a.imgLink {
			background: none;
			padding-left: 0;
			text-decoration:none;
		}
		
		.typeFace-newsTeaserHeadline a {
			color: #00519D;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
		}
		.typeFace-newsTeaserHeadline a:hover {
			text-decoration: underline;	
		}
		
		.link-readMore {
			display: -moz-inline-block; /* ff2 */
			display: inline-block;
			height: 20px;
			font-weight: bold;
			line-height: 20px;
			background: url(../image/tmpl/icon_blueArrow.png) no-repeat right 0;
			padding-right: 30px;
			overflow: hidden;
		}
		
	/* normale Buttons */
		.btn {
			
		}
				
		.btn-grey {
			display: inline-block;
			height: 17px;
		    background: url(/files/tmpl/main/images/btn_normal.png) repeat-x 0 0;
		    color: #333;
			line-height: 17px;
		    text-decoration: none;
			overflow: hidden;
			border: 1px solid #a3a3a3;
		}
		
		.btn-grey:hover {
			color: #171717;
		}
		
		.btn-grey .icon {
			font-size: 10px;
			padding: 5px 0 5px 5px;
		}
		
		.btn-grey b {
			padding: 5px;
		}
	


/* -------------------------------- */
/*  2. GLOBALS                      */
/* -------------------------------- */
	.clearing {
		clear: both;
		height: 0;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}
	
	.clearingLeft {
		clear: left;
		height: 0;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}
	
	.clearingRight {
		clear: right;
		height: 0;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}
	
	.floatLeft {
		float: left;
	}
	
	.floatRight {
		float: right;
	}
	
	.neverSeenTheLight {
		display: none;
	}

/* -------------------------------- */
/*  3. CONSTRUCTION                 */
/* -------------------------------- */

	/* -------------------------------- */
	/*  3.1 BASIC STRUCTURE             */
	/* -------------------------------- */
	
	#containerMain {
		position:relative;
		top:0px;
		left:0;
		width:100%;
		height:auto;
		min-height:100%;
		_height:100%;
	}
	
		#containerSub {
			position:relative;
			top:0px;
			left:0;
			width:1016px;
			height:auto;
			margin:0 auto;
			
		}
	
			#shadowLeft {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 18px;
				height: 653px;
			}
			
			#shadowRight {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 18px;
				height: 653px;
			}
	
	#header {
		position:relative;
		top:0px;
		left:18px;
		width:980px;
		height:217px;
		z-index:100;
	}
	
	#headerImg {
		position:absolute;
		top:66px;
		left:398px;
		width:580px;
		height:243px;
		z-index:100;
	}
	
	#headerImg div {
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
	}
	
	#headerLogo {
		position:absolute;
		top: 29px;
		left: 42px;
		width: 260px;
		height: 112px;
		z-index: 100;
	}
	
	#content {
		position: relative;
		top: 0px;
		left: 18px;
		width: 932px;
		min-height: 350px;
		padding: 10px 24px 75px 24px;
	}
		
		#contentTop {
			display: none;
		}
	
		#contentLeft {
			float: left;
			width: 694px;
			padding-right: 16px;
		}
		
		#contentRight {
			float: right;
		}
	
	#footer {
		width: 100%;
		position: absolute;
		bottom: 0 !important;
		bottom: -1px; /* IE */
		height: 30px;
		overflow: hidden;
	}
	
	#footerContent {	
		width: 100%;
		height: 30px; 
		margin: 0 auto;
	}
	
		#footerContentInner {
			width: 932px;
			height: 23px;
			margin: 0 auto;
			padding: 7px 0 0 0;
			padding: 7px 42px 75px 42px;
			text-align: center;
			font-size: 12px;
			line-height: 18px;
			color: #fff;
		}
	
	

	/* -------------------------------- */
	/*  3.2 MENU MAIN                   */
	/* -------------------------------- */
	
	#theMenu {
		position: absolute;
		top: 165px;
		left: 42px;		
		width: 947px;
		height: 32px;
		vertical-align: top;
		z-index: 101;
	}
	
	#theMenu ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	
	#theMenu ul li {
		float:left;
		text-align:center;
		vertical-align:top;
		overflow:hidden;
		z-index:3;
	}
	
	#theMenu ul li a {
		position: relative;
		top: 0px;
		display: block;
		width: 104px;
		height: 32px;
		margin-right: 5px;
		font-size: 13px;
		font-weight: bold;
		line-height: 36px;
		text-shadow: #666 1px 1px 1px;
		text-decoration: none;
		vertical-align: top;
		z-index:1000;
		background-image: url(/files/tmpl/main/images/tabmenu.png);
		background-repeat: no-repeat;
	}
	
	.tabNormal {
		color:#e0dfe0;
	}
	
	.tabNormal:hover {
		color: #fff;
		background-position: 0 -32px;
	}
	
	.tabNormal:active {
		color: #fff;
		background-position: 0 -96px;
	}
	
	.tabActive {
		color: #fff;
		background-position: 0 -64px;
	}
	
	.tabActive:hover {
		color: #fff;
		background-position: 0 -32px;
	}
	
	.tabActive:active {
		color: #fff;
		background-position: 0 -96px;
	}
	
	/*div#theMenu ul ul, div#theMenu ul ul ul, div#theMenu ul ul ul, div#theMenu ul li:hover ul ul, div#theMenu ul ul li:hover ul ul  {display: none;}*/
	
	
	/* -------------------------------- */
	/*  3.3 MENU FOOTER                 */
	/* -------------------------------- */
		
	.rex-navi1 {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		.rex-navi1 li {
			float: left;	
		}
			
			.rex-navi1 li a {
				font-size: 12px;
				line-height: 18px;
				color: #fff;
				text-decoration: none;
				padding: 0 12px;
			}
			
			.rex-navi1 li a:hover {
				text-decoration: underline;
			}
			
			.rex-navi1 li ~ li a {
				background: url(/files/tmpl/main/images/bg_white_sperator_line.png) no-repeat left 2px;
			}
	
	
	
/* -------------------------------- */
/*  4. CONTENT-MODULE               */
/* -------------------------------- */

	/* -------------------------------- */
	/*  MODULE-GLOBALS                  */
	/* -------------------------------- */
	
	.modulUnit {
		padding: 20px 0 0 0;
	}
		
	/* itemBox- */		
		.itemBox-image img {
			display: block;
		}

		.itemBox-caption {
			overflow: hidden;
			max-width: 334px;
			padding: 5px;
		}
		
		.itemBox-pageHeadline {
			
		}
		
		.itemBox-subHeadline {
			
		}
		
		.itemBox-teaserHeadline {
			margin-bottom: 20px;
		}
		
	/* -------------------------------- */
	/*  M201 - TEASER                   */
	/* -------------------------------- */
		
	.M201 {
		width: 222px;
		background: url(/files/tmpl/main/images/m201_repeater.png) repeat-y 0 0;
		margin-top: 20px;
		padding: 0;
	}
	
	.M201 .cell-wrapper {
		padding: 10px;
		background: url(/files/tmpl/main/images/m201_top.png) no-repeat 0 0;
	}
	
	.M201 .cell-02 {
		margin-bottom: 20px;
	}
	
		.M201 .cell-02 .itemBox-image {
			min-height: 132px;
		}
	
	.M201 .cell-99 {
		width: 222px;
		height: 5px;
		background: url(/files/tmpl/main/images/m201_bottom.png) no-repeat 0 0;
		overflow: hidden;
	}
	
	.M201 .itemBox-image {
		
	}	
		
	/* -------------------------------- */
	/*  M505 - Text/Bild                */
	/* -------------------------------- */
		
	.M505 {
		width: 694px;
		background: url(/files/tmpl/main/images/m505_repeater.png) repeat-y 0 0;
		margin-top: 20px;
		padding: 0;
	}
	
	.M505 .cell-wrapper {
		padding: 10px;
		background: url(/files/tmpl/main/images/m505_top.png) no-repeat 0 0;
	}
	
	.M505 .cell-99 {
		width: 694px;
		height: 5px;
		background: url(/files/tmpl/main/images/m505_bottom.png) no-repeat 0 0;
		overflow: hidden;
	}
	
	.M505 .itemBox-text p {
		margin: 0;
		padding: 0 0 24px 0;
	}
	
	.M505 .imgLeft {
		float: left;
	}
	
	.M505 .imgRight {
		float: right;
	}
	
	.M505 .itemBox-image {
		border: 1px solid #b5b5b5;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 3px;
	}
		
	.M505 .imgLeft .itemBox-image {
		margin-right: 10px;
	}
	
	.M505 .imgRight .itemBox-image {
		margin-left: 10px;
	}
	
	/* -------------------------------- */
	/*  M506 - BILDERGALLERIE           */
	/* -------------------------------- */
	
	.M506 {
		
	}
	
	.M506 .itemBox-image {
		float: left;
		width: 209px;
		height: 130px;
		padding: 2px 3px 4px 2px;
		overflow: hidden;
		background: url(/files/tmpl/main/images/m506_bg.png) no-repeat 0 0;
		margin: 0 16px 16px 0;
	}
	
	.M506 .itemBox-image a {
		float: left;
		width: 209px;
		height: 130px;
		overflow: hidden;
	}
	
	.M506 .highslide img {
		border: 0 none;
	}
	
	
	/* -------------------------------- */
	/*  M601 - SLIDER                   */
	/* -------------------------------- */
	
	.M601 {
		position: relative;
		top: 0;
		left: 0;
		width: 932px;
		height: 270px;
		background: url(/files/tmpl/main/images/m601_bg.png) no-repeat 0 0;
		overflow: hidden;
	}
	
	.M601 .slideContainer {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: 285px;
		overflow: hidden;
	}
		
		.M601 .cell-wrapper {
			width: 932px;
			height: 285px;
			overflow: hidden;
			float: left;
			padding: 2px 0 0 3px;
		}
		
		.M601 .cell-01,
		.M601 .cell-02 {
			float: left;
		}
		
		.M601 .cell-01 {
			position: relative;
			top: 0;
			left: 0;
			width: 688px;
			height: 283px;
			overflow: hidden;		
		}
		
			.M601 .itemBox-image {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
			
			.M601 .itemBox-imageOverlay {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 24px;
				background: url(/files/tmpl/main/images/m601_transparent.png) repeat-x 0 0;
				z-index: 2;
			}
		
		.M601 .cell-02 {
			width: 198px;
			height: 238px;
			overflow: hidden;
			padding: 20px 10px 0 30px; 
		}
		
			.M601 .itemBox-text {
				margin-top: 15px;
				font-size: 14px;
				line-height: 24px;
			}
			
			.M601 .itemBox-text p {
				padding-bottom: 15px;
			}
	
	.M601 .slideControlls {
		position: absolute;
		bottom: 5px;
		right: -3px;
		width: 236px;
		height: 19px;
		padding: 3px;
		text-align: right;
	}
	
	.M601 .slideControlls .btn-grey {
		margin-right: 5px;
	}
	
	
	/* -------------------------------- */
	/*  M609 Newsteaser Folgeseite      */
	/* -------------------------------- */
	
	.M609 {
	   width: 694px;
		background: url(/files/tmpl/main/images/m505_repeater.png) repeat-y 0 0;
		margin-top: 20px;
		padding: 0;
	}
	
	.M609 .cell-wrapper {
		padding: 3px 5px 0 2px;
		background: url(/files/tmpl/main/images/m505_top.png) no-repeat 0 0;
	}
	
	.M609 .cell-99 {
		width: 694px;
		height: 5px;
		background: url(/files/tmpl/main/images/m505_bottom.png) no-repeat 0 0;
		overflow: hidden;
	}

	.M609 ul {
        padding: 0;
    }

	.M609 ul li {
		position: relative;
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    padding: 5px 20px;
		background: url(/files/tmpl/main/images/bg_newsteaser_row.jpg) repeat-x 0 0;
		cursor: pointer;
		overflow: hidden;
	}

        .M609 ul li.active {
        	min-height: 100px;
			padding-top: 10px;
    		background: #ffffff url(/files/tmpl/main/images/bg_newsteaser_box.jpg) repeat-x 0 bottom;
        }

                .M609 ul li.hasImage .title {
                    margin: 0 0 0 155px
                }

				.M609 ul li .title div.category {
				    float: left;
				    margin: 0 15px 0 0;
					
					/* cleanup */
				    font-weight: bold;
				    color: #7F7F7F;
					font-size: 14px;
				}
				
				.M609 ul li.active .title div.category {
					display: none;
				}
				
				#tab-0-content .M609 ul li .title div.category {
					width: 80px;	
				}
				
				#tab-0-content .M609 ul li.active .title div.category {
					width: auto;	
				}

				.M609 ul li .title div.newstitle {
					float: left;
					display: block;
				}

				.M609 ul li .title div.newstitle a {

					/* cleanup */
					text-decoration: none;
				    font-weight: bold;
				    color: #171717;
				    font-size: 14px;
				}
				
				.M609 ul li .title div.newstitle a:hover {
					text-decoration: underline;
				}
                                
				.M609 ul li.active .title div.newstitle {
				    width: auto;
					overflow: hidden;
				}
	
				.M609 ul li .title .date {
				    float: right;
					
					/* cleanup */
				    font-size: 11px;
				    font-weight: bold;
					color: #828282;
				}
				
				.M609 ul li.active .content {
					display: block;
        		}

                .M609 ul li.active .more {
                    position: relative;
                    left: 592px;
                    top: -5px;
					width: auto;
                }
				
				.M609 ul li .content .image {
					display: block;
    				position: absolute;
					top: 10px;
					left: 20px;
        		}
				
                    .M609 ul li .content .teasertext {
                        display: block;
						position: relative;
						top: 0px;
						width: 540px;
                     }
                                
				.M609 ul li.hasImage .content .teasertext {
					display: block;
					position: relative;
					top: 0px;
					left: 155px;
					width: 365px;
				}

					.M609 ul li .content .teasertext p {
						line-height: 16px;
						font-size: 12px;	
					}

			.M609 ul li .content {
			    display: none;
			}