/* CSS Document /c) 2008 <>< MIT-Wentzel.de - Dipl.-Ing.(FH) Florian Wentzel */


/* ################################################################### */
/* HOMEPAGE */
/* ################################################################### */
.homeCenter {text-align:center; width: 100%; }
.homeCenterBox { width: 100%; text-align: center; clear: both;}

#homeHeadCols,
#ServiceNavBox,
#homeHeadLogoBox,
#homePortalmenueBox,
#homeContentBox { width: 914px; margin: 0 auto; text-align: left; }

.home-imagemenue {line-height: 1em;}
.home-imagemenue ul {margin: 0 0 ; padding: 0 0 ; line-height: 1em;}

#ServiceNavBox {text-align: right; width: 914px;}
#homeHeadLogo {position: absolute; top: 25px; z-index: 1; width:550px; }
#homeHeadLogo img { float: left; margin: 0 20px 0 0;}
#homeHeadLogo  h2 { margin: 40px 0 0 0; padding: 0 0 0 0;}
#homeHeadLogo  h1 { margin: 0px 0 0 0; padding: 0 0 0 0;}

#homeHeadCols ul { list-style: none;  margin: 0 0 0 0; padding: 0 0 0 0;}
#homeHeadCols li { float: left; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0em;} 
#homeHeadCols li img { border: 0px;  }
#homeHeadCols li.middle-item {margin: 0 4px 0 4px;}

#homeFootBox .homeFoot {text-align:right; width: 914px; margin: 0 auto; color:white;}
/* Portal Sitemap Item */
#homePortalmenueLevelA {
	background: url(images/home-nav1-bg.gif) repeat-y left top; 
	float: left; clear: both;
	width: 914px; 
	}
#homePortalmenueLevelA h2.menueItem {
	text-align: center; 
	display: block; 
	float: left;
	font-size: 1.3em;
	width: 300px;
	padding: 0.2em 0 0.2em 0;
	margin: 0 1px 0 1px;
	}
	
#homePortalmenueLevelA h2 a { text-decoration: none;}
#homePortalmenueLevelA h2 a:hover {text-decoration: underline}

#homePortalmenueLevelB {
	background: url(images/home-nav2-bg.gif) repeat-y left top; 
	float: left; clear: both;
	width: 914px; 
	}
#homePortalmenueLevelB .boxFoot {
	background: url(images/home-nav2-foot.gif) repeat-y left top; 
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left; clear: both;
	width: 914px; 
}

#homePortalmenueLevelB ul {
	float: left;
	width: 300px;
	padding: 0.1em 0 0.1em 0;
	margin: 0 1px 0 1px;
	list-style: none ;
}
#homePortalmenueLevelB ul.itemMiddle {
	margin: 0 5px 0 5px;
}
	
#homePortalmenueLevelB li {
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#homePortalmenueLevelB li a {
	display: block; 
	margin: 0px 6px 2px 6px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted;
	text-decoration: none;
	}
#homePortalmenueLevelB li.itemLast a { border-bottom: 0px transparent}	
#homePortalmenueLevelB li a:hover {text-decoration: underline;}

/* News Content bereich auf der Homeage */

.homeContentBg{
	background: url(images/home-teaser-bg-body.gif); 
	background-position: top left;
	background-repeat: repeat-y;
	float: left; 
	clear: both;
	width: 914px;
	margin: 4px 0 0 0;
	}
	
#homeContentCols {
	background: url(images/home-teaser-bg-foot.gif); 
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left; 
	clear: both;
	padding-bottom: 130px;
	width: 914px;
}

#homeContentLeft 	      {width: 300px; float: left; margin: 0 6px 0 1px}
#homeContentCenter 	{width: 300px; float: left; margin: 0 6px 0 0}
#homeContentRight 	{width: 300px; float: left; margin: 0 0 0 0}

#homeContentCols h1 {
	display: block; 
	font-size: 1.3em;
	padding: 0.2em 10px 0.7em 10px;
	margin: 0 0 5px 0;
	background-image: url(images/home-teaser-bg-head.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
#homeContentCols h1 a {text-decoration: none;}
#homeContentLeft h2,
#homeContentLeft h3,
#homeContentLeft p,
#homeContentLeft .csc-textpic-intext-left { padding-left: 10px; padding-right: 10px;}
#homeContentLeft h2,
#homeContentLeft h3 {font-size: 1.2em; padding-top: 0em;}
#homeContentLeft p.align-right {font-style: italic; font-weight: bold;}

/* ################################################################### */
/* UNTERSEITEN*/
/* ################################################################### */
	
/* Navigation Thirdmenü */
#pageContentLeft ul {
	margin: 0 0 0 0	;
	padding: 2em 0 0 0 ;
	list-style: none;
	}
#pageContentLeft li.level3,
#pageContentLeft li.level2 {margin: 0 0 ; padding: 0 0; font-size: 1.3em;}
#pageContentLeft li.level3 {font-size: 1.1em; }

#pageContentLeft li a {
	display: block; 
	margin: 0px 0px;
	text-decoration: none;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px dotted;
	}
#pageContentLeft li.level3 a { padding: 2px 5px 2px 20px; }
#pageContentLeft li a:hover { text-decoration:  underline;}	
#pageContentLeft li.level2-curent,
#pageContentLeft li.level3-curent {	
	padding: 4px 5px 4px 10px;
	border-bottom: 1px dotted;
} 
#pageContentLeft li.level3-curent {	
	padding: 4px 5px 4px 19px;
} 

#pageContentLeft li.level3-curent strong { font-size: 1em;}


/* Inhalt der Linken Spalte */
#homeContentLeft p {padding-left: 10px; padding-right: 10px;}

/* Box Setup der Unterseiten */
#pageCenterBox {}
#pageHeadLogo {
	text-align:left;
	float: left; 
	clear: both;
	width: 920px;
	height: 70px;
	margin-top: 20px;
	}
#pageHeadLogo img { margin: 0 10px 0 10px; }
#pageHeadLogo h2 { padding: 0 0 0 0; font-size: 1.6em;}
#pageHeadLogo a {text-decoration: none;}

#pagePortalMenue {
	width: 480px;
	height: 76px;
	position: absolute;
	text-align: center;
	top: 10px;
	left: 440px;
	z-index: 5px;
	background: url(images/page-projektnav-bg.gif) repeat-x left top;
	}
#pagePortalMenue .PortalMenueLeft {
	float: left;
	clear: both;
	text-align: center;
	width: 480px;
	height: 76px;
	background: url(images/page-projektnav-bgl.gif) no-repeat left top;
}
#pagePortalMenue .PortalMenueRight {
	float: left;
	clear: both;
	text-align: center;
	width: 480px;
	height: 76px;
	background: url(images/page-projektnav-bgr.gif) no-repeat right top;
}
#pagePortalMenue ul { margin: 50px 0 0 0; padding: 0 auto; list-style: none url();}
#pagePortalMenue li { margin: 0 0 0 0; padding: 0 0 0 10px; font-size: 1.4em; display: inline; font-weight: bold; }
#pagePortalMenue li.itemFirst {padding: 0 10px 0px 0; border-right: 2px solid white;}
#pagePortalMenue li a { text-decoration: none;}
#pagePortalMenue li a:hover {text-decoration: none;}

#pageHeaderBox #ServiceNavBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	z-index: 10px;
	}
#pageHeaderBox #ServiceNavBox  #serviceNav {padding: 5px 20px 0 0;}

#pageSubNavigation,
#pagePortalTitle {
	text-align:left;
	float: left; 
	clear: both;
	width: 920px;
}

#pagePortalTitle h2 { padding: 8px 0 6px 10px; float: left; font-size: 1.6em;}
#pagePortalTitle h2 a {text-decoration: none;}
#pagePortalTitle h2 a:hover { text-decoration: nderline;}
#pagePortalTitle p {text-align: right; padding: 12px 10px 0px 10px; margin: 0 0 ; line-height: 1em;}
#pagePortalTitle p a {
	background-image: url(images/icon-shopnav.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-transform: uppercase;
	padding-left: 15px;
	text-decoration: none;
	}
#pagePortalTitle p a:hover {text-decoration: underline;}

#pageSubNavigation ul { margin: 0 0 0 10px; padding: 3px 0; list-style: none url();}
#pageSubNavigation li { margin: 0 10px 0 0; padding: 0 10px 0px 0; display: inline; font-size: 1.4em; }
#pageSubNavigation li.itemFirst,
#pageSubNavigation li.itemMiddle {border-right: 1px solid;}
#pageSubNavigation li a { text-decoration: none;}
#pageSubNavigation li a:hover {text-decoration: none;}


#pageContentBox {
	text-align:left;
	float: left; 
	clear: both;
	width: 920px;
	background-image: url(images/pageContentBg.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.pageContentFootBg {
	float: left; 
	clear: both;
	width: 920px;
	background-image: url(images/pageContentFootBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#pageContentLeft {
	float: left;
	width: 170px;
}
#pagePageinfoBox {
	background-image: url(images/pageNav2Bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 170px;
	height: 304px;
	padding: 50px 0 0 0;
	margin: 0 0 40px 0;
}
#pagePageinfoBox h4 { font-size: 1.2em; padding: 0 0 0 10px; margin: 0 0 5px 0;}

#pagePageinfoBox p { padding: 0 0 0 10px;}

#pageContentCenter {
	float: left;
	text-align: center;
	min-height: 100px;
}
#pageContentCenter .with-subcontent { width: 500px; }
#pageContentCenter .without-subcontent { width: 750px; }

#pageContentRight{
	float: left;
	width: 270px;
	text-align: center;
	min-height: 100px;
}

.colPadder {
  text-align: left;
  clear: both;
  float: left;
  padding-bottom: 15px;}
.with-subcontent    .colPadder { width: 420px;  margin: 40px 20px 15px 40px;}
.without-subcontent .colPadder { width: 670px;  margin: 40px 40px 15px 40px;}
#pageContentRight   .colPadder { width: 230px;  margin: 40px 0px 0 20px; padding-top: 4em;}




/* ################################################################### */
/* Besondere Rahmenelemente */
/* ################################################################### */

.csc-frame-postit-half,
.csc-frame-postit {
  width: 100%;
  clear: both;
  float: left;
  margin: 0 0;
  background-image: url(postit/postit_center.gif);
  background-repeat: repeat-x;
  background-position: bottom center;
}
.csc-frame-postit-half {
  width: 49.5%;
  clear: none;
  float: left;
}
.csc-frame-postit-left{
  width: 100%;
  clear: both;
  float: left;
  background-image: url(postit/postit_left.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.csc-frame-postit-right{
  width: 100%;
  clear: both;
  float: left;
  background-image: url(postit/postit_right.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.csc-frame-postit-padder {
	margin: 15px 30px 40px 30px;
	min-height: 80px;
}
.csc-frame-postit-padder h1 {margin: 0em 0 0.2em 0px; padding: 0 0; font-size: 1.4em;}

.csc-frame-special .csc-textpic { padding: 0 10px;}


/* Soundmodule */
.soundmodule {width:100%;} 
.soundmodule .name {width: 90%; float:left;}
.soundmodule .name p {margin: 0 5px 0 0;}
.soundmodule .sound {width: 10%; float:right;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SLIMBOX */															
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(icons/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(icons/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(icons/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 76px;
	height: 22px;
	background: transparent url(icons/closelabel.gif) no-repeat right;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}