/* CSS for page layout */

* {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	line-height: 128.5%;
}

#main {
	width: 990px;
	position: relative;
	top: 20px;
	margin: auto;
	z-index: 2;
	background: url(../images/main_bg.gif) repeat-y 0 0 #FFF;
	text-align: left;
	margin-bottom: 15px;
}

#submain {
	background: transparent url(../images/midcol_bg_bottom_firma.gif) no-repeat 234px bottom;
}
#typo3 #submain {
	background: transparent url(../images/midcol_bg_bottom_typo3.gif) no-repeat 234px bottom;
}
#extensions #submain {
	background: transparent url(../images/midcol_bg_bottom_extensions.gif) no-repeat 234px bottom;
}
#appdevelop #submain {
	background: transparent url(../images/midcol_bg_bottom_appdevelop.gif) no-repeat 234px bottom;
}
#webdesign #submain {
	background: transparent url(../images/midcol_bg_bottom_webdesign.gif) no-repeat 234px bottom;
}
#angebot #submain {
	background: transparent url(../images/midcol_bg_bottom_angebot.gif) no-repeat 234px bottom;
}
#referenzen #submain {
	background: transparent url(../images/midcol_bg_bottom_referenzen.gif) no-repeat 234px bottom;
}
#kundenlogin #submain {
	background: transparent url(../images/midcol_bg_bottom_kundenlogin.gif) no-repeat 234px bottom;
}

#head {
	position: relative;
	height: 75px;
	width: 220px;
}

	#head h1 {
		display: block;
		text-indent: -9999px;
	}

	/*#head h1 a,*/
	#head #logo a {
		display: block;
		text-indent: -9999px;
		outline: 0;
		width: 158px;
		height: 61px;
		background: url(../images/logo.gif) no-repeat 0 0;
		position: absolute;
		left: 29px;
		top: 14px;
	}
	
	#addressHeader {
		display: none;
	}

#leftCol {
	margin-top: 21px;
	width: 220px;
	float: left;
	background: url(../images/contentbox_bg.gif) repeat-y 0 0;
}
	#langNav {
		position:absolute;
		left:155px;
		top:105px;
	}
	
	#langNav li {
		float:left;
	}
	
	#langNav li a {
		padding-right: 2px;
		display: block;
		color: #FFF;
	}
	
	#langNav .act,
	#langNav .notranslation {
		display:none;
	}
	
	#leftCol h2.mainNav {
		margin-left: 0;
		margin-bottom: 5px;
	}

	#mainNav {
		padding-bottom: 37px;
		background: url(../images/mainnav_bg_bottom_firma.gif) no-repeat left bottom;
	}
	
	#typo3 #mainNav {
		background: url(../images/mainnav_bg_bottom_typo3.gif) no-repeat left bottom;
	}
	
	#extensions #mainNav {
		background: url(../images/mainnav_bg_bottom_extensions.gif) no-repeat left bottom;
	}
	
	#appdevelop #mainNav {
		background: url(../images/mainnav_bg_bottom_appdevelop.gif) no-repeat left bottom;
	}
	
	#webdesign #mainNav {
		background: url(../images/mainnav_bg_bottom_webdesign.gif) no-repeat left bottom;
	}
	
	#angebot #mainNav {
		background: url(../images/mainnav_bg_bottom_angebot.gif) no-repeat left bottom;
	}
	
	#referenzen #mainNav {
		background: url(../images/mainnav_bg_bottom_referenzen.gif) no-repeat left bottom;
	}
	
	#kundenlogin #mainNav {
		background: url(../images/mainnav_bg_bottom_kundenlogin.gif) no-repeat left bottom;
	}
	
	#mainNav li {
		line-height: 16px;
	}
	
	#mainNav li a {
		display: block;
		font-size: 12px;
		color: #1D1F65;
		border-bottom: 1px solid #FFFFFF;
	}
	
	#mainNav li a:hover,
	#mainNav li a.cur,
	#mainNav li a.act {
		color: #FFF;
	}
	
	#mainNav li.contentBoxTitle {
		float: right;
	}
	
	#mainNav li.first {
		clear: both;	
	}
	
	#mainNav li a.level1 {
		line-height: 23px;
		width: 168px !important;
		width: 196px;
		margin-left: 10px;
		padding: 3px 10px 0 18px;
		background-color: #B9BAE8;
	}
	
	#mainNav li.last a.level1 {
		border-bottom: none;
	}
	
	#mainNav li.level1 a:hover {
		background-color: #373ABE;
	}
	
	#mainNav li a.cur,
	#mainNav li a.act {
		background: #373ABE url(../images/mainnav_arrow_main.gif) no-repeat 6px 9px;
	}
	#typo3 #mainNav li a.cur,
	#typo3 #mainNav li a.act {
		background-color: #27A345;
	}
	#extensions #mainNav li a.cur,
	#extensions #mainNav li a.act {
		background-color: #F18E00;
	}
	#appdevelop #mainNav li a.cur,
	#appdevelop #mainNav li a.act {
		background-color: #B1D32B;
	}
	#webdesign #mainNav li a.cur,
	#webdesign #mainNav li a.act {
		background-color: #F02E60;
	}
	#angebot #mainNav li a.cur,
	#angebot #mainNav li a.act {
		background-color: #FD451A;
	}
	#referenzen #mainNav li a.cur,
	#referenzen #mainNav li a.act {
		background-color: #540B9F;
	}
	#kundenlogin #mainNav li a.cur,
	#kundenlogin #mainNav li a.act {
		background-color: #555555;
	}
	
	#mainNav li a.level2 {
		line-height: 15px;
		background-color: #9193DB;
		width: 166px !important;
		width: 188px;
		margin-left: 18px;
		padding: 3px 10px 2px 12px;
	}
	#typo3 #mainNav li a.level2 {
		background-color: #88CC99;
		color: #0b2c13;
	}
	#extensions #mainNav li a.level2 {
		background-color: #F7C173;
		color: #412600;
	}
	#appdevelop #mainNav li a.level2 {
		background-color: #D4E78B;
		color: #412600;
	}
	#webdesign #mainNav li a.level2 {
		background-color: #F78CA8;
		color: #410c1a;
	}
	#angebot #mainNav li a.level2 {
		background-color: #FE9981;
		color: #441307;
	}
	#referenzen #mainNav li a.level2 {
		background-color: #A179CA;
		color: #17032b;
	}
	#kundenlogin #mainNav li a.level2 {
		background-color: #A2A2A2;
		color: #171717;
	}

	#mainNav li a.level2:hover,
	#mainNav li.level2 a.cur,
	#mainNav li.level2 a.act {
		background-color: #5355AB;
		color: #fff;
		background-image: none;
	}
	#typo3 #mainNav li a.level2:hover,
	#typo3 #mainNav li.level2 a.cur,
	#typo3 #mainNav li.level2 a.act {
		background-color: #499A5C;
		color: #fff;
	}
	#extensions #mainNav li a.level2:hover,
	#extensions #mainNav li.level2 a.cur,
	#extensions #mainNav li.level2 a.act {
		background-color: #CC8C2F;
		color: #fff;
	}
	#appdevelop #mainNav li a.level2:hover,
	#appdevelop #mainNav li.level2 a.cur,
	#appdevelop #mainNav li.level2 a.act {
		background-color: #A3B94B;
		color: #fff;
	}
	#webdesign #mainNav li a.level2:hover,
	#webdesign #mainNav li.level2 a.cur,
	#webdesign #mainNav li.level2 a.act {
		background-color: #CC4D6E;
		color: #fff;
	}
	#angebot #mainNav li a.level2:hover,
	#angebot #mainNav li.level2 a.cur,
	#angebot #mainNav li.level2 a.act {
		background-color: #D45C40;
		color: #fff;
	}
	#referenzen #mainNav li a.level2:hover,
	#referenzen #mainNav li.level2 a.cur,
	#referenzen #mainNav li.level2 a.act {
		background-color: #663797;
		color: #fff;
	}
	#kundenlogin #mainNav li a.level2:hover,
	#kundenlogin #mainNav li.level2 a.cur,
	#kundenlogin #mainNav li.level2 a.act {
		background-color: #676767;
		color: #fff;
	}
	
	#mainNav li a.level3 {
		border: none;
		line-height: 15px;
		color: #FFF;
		background-color: #5355AB;
		font-size: 11px;
		width: 152px !important;
		width: 188px;
		margin-left: 18px;
		padding: 1px 10px 1px 26px;
	}
	#typo3 #mainNav li a.level3 {
		background-color: #499A5C;
	}
	#extensions #mainNav li a.level3 {
		background-color: #CC8C2F;
	}
	#appdevelop #mainNav li a.level3 {
		background-color: #A3B94B;
	}
	#webdesign #mainNav li a.level3 {
		background-color: #CC4D6E;
	}
	#angebot #mainNav li a.level3 {
		background-color: #D45C40;
	}
	#referenzen #mainNav li a.level3 {
		background-color: #663797;
	}
	#kundenlogin #mainNav li a.level3 {
		background-color: #676767;
	}

	#mainNav li a.level3:hover,
	#mainNav li.level3 a.cur {
		background-color: #5355AB;
		background-position: 14px 7px;
		background-repeat: no-repeat;
		background-image: url(../images/mainnav_arrow_sub.gif);
	}
	#typo3 #mainNav li a.level3:hover,
	#typo3 #mainNav li.level3 a.cur {
		background-color: #499A5C;
	}
	#extensions #mainNav li a.level3:hover,
	#extensions #mainNav li.level3 a.cur {
		background-color: #CC8C2F;
	}
	#appdevelop #mainNav li a.level3:hover,
	#appdevelop #mainNav li.level3 a.cur {
		background-color: #A3B94B;
	}
	#webdesign #mainNav li a.level3:hover,
	#webdesign #mainNav li.level3 a.cur {
		background-color: #CC4D6E;
	}
	#angebot #mainNav li a.level3:hover,
	#angebot #mainNav li.level3 a.cur {
		background-color: #D45C40;
	}
	#referenzen #mainNav li a.level3:hover,
	#referenzen #mainNav li.level3 a.cur {
		background-color: #663797;
	}
	#kundenlogin #mainNav li a.level3:hover,
	#kundenlogin #mainNav li.level3 a.cur {
		background-color: #676767;
	}
	
	#mainNav li li li.last a {
		padding-bottom: 2px;
		border-bottom: 1px solid #FFF;
	}
	
	#home #leftCol .ctArea {
		position: absolute;
		left: 0;
		bottom: 21px;
	}
	
#midCol {
	margin: -75px 225px 0 234px !important;
	margin: -75px 0 0 231px;
	/*padding-bottom: 76px;*/
	padding-bottom: 36px;
}
	
	#midCol .midColHeader {
		width: 521px;
		height: 34px;
		background: url(../images/midcol_bg_top_firma.gif) no-repeat left top;
		position: relative;
	}
	#typo3 #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_typo3.gif);
	}
	#extensions #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_extensions.gif);
	}
	#appdevelop #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_appdevelop.gif);
	}
	#webdesign #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_webdesign.gif);
	}
	#angebot #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_angebot.gif);
	}
	#referenzen #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_referenzen.gif);
	}
	#kundenlogin #midCol .midColHeader {
		background-image: url(../images/midcol_bg_top_kundenlogin.gif);
	}

	#midCol .midColHeader span {
		display: block;
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
		line-height: 15px;
		font-family: Arial, sans-serif;
		padding: 9px 0 0 18px;
	}

	#midCol #headerImage {
		text-indent: -9999px;
		height: 45px;
		width: 507px;
		background: url(../images/headerimage.gif) no-repeat 7px 0;
	}

	#midCol #metaNav {
		position: absolute;
		right: 10px;
		top: 5px;
	}
	
	#midCol #metaNav li {
		float: left;
		line-height: 15px;
	}
	
	#midCol #metaNav li a {
		display: block;
		text-indent: -9999px;
		outline: 0;
		color: #FFF;
		font-weight: bold;
		margin-right: 12px;
		height: 17px !important;
		height: auto;
	}
	
	#midCol #metaNav li.home a {
		background: url(../images/metanav_bg_home.gif) no-repeat 0 7px;
		padding: 5px 0 0 16px;
		text-indent: 0;
	}
	
	#midCol #metaNav li.print a {
		background: url(../images/metanav_bg_print.gif) no-repeat 0 6px;
		width: 12px;
	}
	
	#midCol #metaNav li.team a {
		background: url(../images/metanav_bg_team.gif) no-repeat 0 7px;
		width: 8px;
	}
	
	#midCol #metaNav li.search a {
		background: url(../images/metanav_bg_search.gif) no-repeat 0 7px;
		width: 11px;
	}
	
	#midCol #metaNav li.sitemap a {
		background: url(../images/metanav_bg_sitemap.gif) no-repeat 0 6px;
		width: 11px;
	}
	
	#midCol #metaNav li.contact a {
		background: url(../images/metanav_bg_mail.gif) no-repeat 0 9px;
		width: 10px;
	}
	
	#midCol #metaNav li a:hover {
		width: auto;
		padding: 5px 0 0 16px;
		text-indent: 0;
	}
	
	#midCol .ctArea {
		min-height: 317px;
		height: auto !important;
		height: 450px;
		overflow: hidden !important;
		overflow: visible;
		padding: 133px 41px 0 31px !important;
		padding: 133px 46px 0 31px;
		background-image: url(../images/midcol_bg_tall_header_extensions.jpg);
		background-repeat: no-repeat;
		background-position: 7px 0;
	}
	
	.layoutTall #midCol .ctArea {
		min-height: 210px;
		height: auto !important;
		height: 450px; 
		overflow: hidden !important;
		overflow: visible;
		padding: 240px 41px 0 31px !important;
		padding: 240px 46px 0 31px;
		background-image: url(../images/midcol_bg_header_extensions.jpg);
		background-repeat: no-repeat;
		background-position: 7px 0;
	}
	
	#midCol #rootlineNav {
		position: absolute;
		bottom: 36px;
		left: 248px;
		width: 384px;
	}
	
	#midCol #rootlineNav * {
		font-size: 10px;
	}
	
	#midCol #rootlineNav span { 
		font-weight: bold;
		padding: 0 3px;
	}
	
	#midCol #rootlineNav a {
		color: #000;
		text-decoration: underline;
	}
	
	#midCol #rootlineNav a:hover,
	#midCol #rootlineNav a.act {
		text-decoration: none;
	}
	
	#midCol #copyright {
		position: absolute;	
		right: 245px;
		bottom: 36px;
		width: 100px;
		font-size: 10px;
	}
	
	#home #midCol #copyright {
		bottom: 46px;
	}
	
	#midCol #copyright a {
		position: absolute;
		top: 0px;
		left: 23px;
		display: block;
		width: 100px;
		text-indent: -90px;
		overflow: hidden;
		font-size: 10px;
		color: #000;
	}
	
#rightCol {
	width: 217px;
	float: right;
}

	#rightCol .ctArea {
		position: relative;
		z-index: 999;
		margin: -75px 0 0 0 !important;
		margin: -75px -3px 0 0;
	}

#footer {
	background-color: #FFF;
	clear: both;
	height: 1px;
	font-size: 1px;
}

#icons {
	display: none;
	padding-top: 10px;
	padding-left: 420px;
	background-color: #FFF;
	text-align: center;
	width: 400px !important;
	width: 800px;
}

#home #icons {
	display: block;
}

#icons .icon {
	float: left;
	margin-right: 10px;
}

#icons .firstIcon {

}

#icons .lastIcon {

}

#icons img {
	border: none;
	margin: auto;
}

#icons a {
	border: none;
}