/*** www.quattro-soft.de Framework Stylesheet ***/
/*** Sebastian Wolf <sebastian@kuse.de> ***/
html, body {
	 height:100%;
	}
body {
	 margin:0;
	 background:#eee url( ../images/framework/PageBg.jpg) repeat-x;
	}

* {
	 margin:0;
	 padding:0;
	}
strong, b { color:#626262;}
/* Framework */ 

#BoxPagePosition {
	 width:936px;
	 margin:0 auto;
	 position:relative;
	}
	* html #BoxPagePosition {
		 left:50%;
		 margin-left:-475px;
	}

	#Logo {
		 top:30px;
		 position:relative;
	}
	
	#PrintIcon, #BookmarkIcon {
		 padding-left:23px;
		 background:url( ../images/framework/IconPrint.gif) no-repeat;
		 position:absolute;
		 right:112px;
		 font-weight:bold;
		 text-decoration:none;
		 top:70px;
		 padding-bottom:4px;
		 color:#959795;
	}
	#PrintIcon:hover, #BookmarkIcon:hover {border-bottom:2px solid #FDC417;}
	
	#BookmarkIcon {
		 background-image:url( ../images/framework/IconBookmark.gif);
		 right:12px;
	}
	
/* Menu */

#MenuPosition {
	 width:100%;
	 height:34px;
	 background:url( ../images/framework/MenuBg.gif);
	 position:relative;
	 z-index:10;
	 margin-top:50px;
	}
	* html #MenuPosition {margin-top:48px;}
	*+html #MenuPosition {margin-top:48px;}
		#MenuRight {
			 right:0;
			 background:url( ../images/framework/MenuRight.gif);
			 width:12px;
			 height:34px;
			 top:0;
			 position:absolute;
		}
			
	/* Menu UL */
	#Menu, #Menu ul {
		list-style:none;
		padding:0;
		margin:0;
		display:block;
		height:33px;
		width:665px;
		background:url(../images/framework/Menu.gif);
	}
		#Menu li {
			 float:left;
			 height:33px;
			 padding:0;
			 position:relative;
			 margin:0;
			}
			#Menu li a {
				float:left;
				display:block;
				height:33px;
				background:url(../images/framework/Menu.gif) no-repeat;
				font-size:0;
				overflow:hidden;
				line-height:300px;
			}
		
		/* HauptMenu Punkte */
		
		#Menu #home a {width:91px;}
		#Menu #home:hover a, #Menu #home.sfhover a, #home a:hover{background-position:0 -33px;}
		
		#Menu #produkte a {width:79px; background-position:-91px 0px;}
		#Menu #produkte:hover a, #Menu #produkte.sfhover a, #Menu #produkte a:hover{background-position:-91px -33px;}
	
		#Menu #softwareentwicklung1 a {width:146px; background-position:-170px 0px;}
		#Menu #softwareentwicklung1:hover a, #Menu #softwareentwicklung1.sfhover a, #Menu #softwareentwicklung1 a:hover{background-position:-170px -33px;}
	
		#Menu #unternehmen a {width:106px; background-position:-316px 0px;}
		#Menu #unternehmen:hover a, #Menu #unternehmen.sfhover a, #Menu #unternehmen a:hover{background-position:-316px -33px;}
	
		#Menu #referenzen a {width:90px; background-position:-422px 0px;}
		#Menu #referenzen:hover a, #Menu #referenzen.sfhover a, #Menu #referenzen a:hover{background-position:-422px -33px;}
	
		#Menu #pagelexikon a {width:73px; background-position:-512px 0px;}
		#Menu #pagelexikon:hover a, #Menu #pagelexikon.sfhover a, #Menu #pagelexikon a:hover{background-position:-512px -33px;}
	
		#Menu #kontakt a {width:63px; background-position:-585px 0px;}
		#Menu #kontakt:hover a, #Menu #kontakt.sfhover a, #Menu #kontakt a:hover{background-position:-585px -33px;}
	
		/* Second level Menu */
		#Menu li:hover ul ,#Menu li.sfhover ul { display:block;}
		#Menu ul {
			 display:none;
			 background:url( ../images/framework/SubMenuBg.png) left bottom no-repeat;
			 position:absolute;
			 top:33px;
			 left:-4px;
			 width:183px;
			 padding:0 4px 10px 4px !important;
			 height:auto;
			}
		* html #Menu ul {background:url( ../images/framework/SubMenuBg.gif) left bottom no-repeat;}
		#Menu ul li {
			 float:none;
			 display:block;
			 height:auto;
			}
		#Menu ul li a {
			 float:none;
			 display:block;
			 height:20px;
			 text-decoration:none;
			 width:auto !important;
			 line-height:20px;
			 margin:4px 10px 0 10px;
			 white-space:nowrap;
			 font-size:12px;
			 color:#fff;
			 border-bottom:1px solid #777;
			 background:transparent !important;
			}
		#Menu ul li:Last-Child a {
			 border:0;
			}
		#Menu ul li a:hover {
			color:#FDC417;
		}
		/* Third Level Menu */ 
		#Menu ul ul { 
			width:auto;
			position:relative;
			top:auto;
			padding:0 !important;
			background:transparent;
		}
			#Menu ul ul li {
				background:url(../images/framework/ThirdLevelArrow.gif) 16px 8px no-repeat;
				border-right:1px solid #4b4b4b;
			}
				* html #Menu ul ul li {padding:1px;}
			#Menu ul ul li a {
				 font-size:11px;
				 margin:0 10px 0 25px;
				 height:auto;
				 line-height:20px;
				 white-space:normal;
				}

	/* Search */
	#Search {
		 right:00px;
		 top:6px;
		 position:absolute;
		 width:276px;
		}
		#SearchInput {
			 background:url( ../images/framework/SearchInput.gif);
			 width:190px;
			 border:0;
			 padding:0 10px 7px 30px;
			 color:#ccc;
			 height:22px;
			 display:block;
			 margin-top:-1px;
			 float:left;
			}
		*+html #SearchInput {
			 padding:5px 10px 0 30px;
			 height:24px;
		}
		* html #SearchInput {
			 padding:5px 10px 0 30px;
			 height:24px;
		}
		#SearchInput, x:-moz-any-link {padding:5px 10px 0 30px; height:24px;}
		#SearchInput, x:-moz-any-link, x:default {padding:5px 10px 0 30px; height:24px;}
		
		#SearchButton {
			background:url( ../images/framework/SearchSubmit.gif);
			height:24px;
			width:23px;
			margin-left:7px;
			border:0;
		}

/* StartPage */

#StartPage {
	 display:block;
	 height:559px;
	 position:relative;
	 background:url( ../images/framework/MoodStart.jpg) no-repeat;
	}
	
	#StartPageContent {
		position:absolute;
		bottom:0;
		height:95px;
		display:block;
		width:100%;
	}
		
		.StartBlock {
			 margin:10px 0 0 10px;
			 float:left;
			 color:#fff;
			 cursor:pointer;
			 width:449px;
			}
		* html .StartBlock { margin:10px 0 0 10px;}
		.StartBlock:hover {color:#e0a900}
		
			.StartBlock:hover img, .StartSecondBlock:hover img {border-color:#e0a900;}
			.StartBlock img, .StartSecondBlock img {
				 float:left;
				 border:2px solid #5b615b;
				 margin-right:20px;
				}
			.StartBlock h2 {
				 font-size:15px;
				 line-height:20px;
				}
			.StartBlock h3 {
				 font-weight:normal;
				 font-size:14px;
				}
			
			.StartBlock a, .StartSecondBlock a {
				 text-decoration:none;
				 color:#fff;
				}
			.StartBlock:hover a, .StartSecondBlock:hover a {color:#e0a900}
			
	#StartPageSecondContent {
		background:url(../images/framework/StartPageSecondBg.png);
		width:925px;
		height:40px;
		display:block;
		opacity:0;
		filter:alpha(opacity = 0);
		bottom:108px;
		left:10px;
		position:absolute;
	}
	* html #StartPageSecondContent {
		background:#000;
		border:1px solid #FFCC33;
		overflow:hidden;
		height:40px;
		width:915px;
	}
		.StartSecondBlock {
			 padding:12px 0px 12px 30px;
			 float:left;
			 cursor:pointer;
			 color:#fff;
		}
		.StartSecondBlock:hover {color:#e0a900}
		.StartSecondBlock img {
			 margin-right:10px;
			}
		.StartSecondBlock h3 b {
		background:transparent url(../images/framework/dot_round.gif) no-repeat scroll 0 7px;
		padding-left:10px;
		padding-right:30px;
		font-size:13px !important;
		}
	*html .StartSecondBlock h3 b {padding-right:27px;}
	
	#HideCostco {
		 position:absolute;
		 top:350px;
		 height:30px;
		 width:100%;
		}


/* Content */

h1#PageHeadline {
	font-size:15px;
	color:#373837;
	margin-left:15px;
	margin-top:17px;
	margin-bottom:0;
}
h2#PageSubHeadline {
	 margin-left:15px;
	 margin-top:5px;
	 color:#373837;
	 font-size:11px;
	 display:block;
	}
	*+html h2#PageSubHeadline {margin-bottom:14px;}
#ContentPosition {
	 width:658px;
	 background:#fff;
	 margin-top:14px;
	 position:relative;
	 clear:both;
 	 min-height:500px;
	 display:block;
	}
	* html #ContentPosition {margin-top:10px; height:500px;}
	*+html #ContentPosition {margin-top:0px;}
	
	#ContentBorder {
		border-left:1px solid #cdcecd;
		border-bottom:1px solid #cdcecd;
		border-right:1px solid #cdcecd;
		min-height:500px;
	}
	* html #ContentBorder{height:500px;}

	#ContentBottomLeft {
		position:absolute;
		left:0px;
		bottom:0;
		background:url( ../images/framework/ContentEndLeft.gif);
		width:11px;
		height:11px;
	}
		* html #ContentBottomLeft { overflow:;
			bottom:-4px; 
			background-repeat:no-repeat;
		}

	
	#Content {
		 width:612px;
		 float:left;
		 margin:10px 0 5px 15px;
		 display:block;
		 position:relative;
		 padding-bottom:10px;
		 font-size:12px;
		 line-height:17px;
		 color:#626262;
		}
	
	#MoodImg {
		 width:277px;
		 position:absolute;
		 right:-277px;
		 display:block;
		 overflow:hidden;
		 height:100%;
		 height:500px;
		 background:#EEE;
		}
		*+html #MoodImg {top:0px !important;height:501px;}
		* html #MoodImg {top:0px !important;height:501px;}
		#MoodImg img {
			 position:absolute;
			 bottom:0;
			}
	* html #MoodImg {
		 bottom:-1px;
		}

/* Footer */ 

#Footer {
	height:39px;
	background:#eaeaea;
	line-height:39px;
	margin-top:20px;
	padding-left:30px;
	display:block;
	color:#aaa;
	position:relative;
	border-top:1px solid #cccccc;
}
	#Footer a {
		color:#aaa;
		text-decoration:none;
		margin-right:5px;
	}
	#Footer a:hover {
		 text-decoration:underline;
		}
	#Copyright {
		 position:absolute;
		 top:00px;
		 right:20px;
		}
	#FooterLeft, #FooterRight {
		width:13px;
		height:40px;
		background:url( ../images/framework/FooterRight.jpg);
		right:0;
		top:-1px;
		position:absolute;
	}
	#FooterLeft {
		 width:12px;
		 background:url( ../images/framework/FooterLeft.jpg);
		 left:0;
		 right:auto;
		}
		
#sprachenListe li{float:left; display:block; width:250px;}

/*Default CSS überschreiben*/

.tab-row{ margin-left:-1px !important;}
	.tab{ margin-left:0px!important; margin-right:1px!important;}
	.tab-page{ font-size:12px !important; line-height:17px!important; }
	.tab-pane{ margin-top:15px!important;}
	.FormLabel{ padding:0px!important;}
	h3{ font-size:13px!important;}

/* Referenzen Style */
ul {list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;margin:0;} /* global*/
	ul li {background:transparent url(../images/framework/dot.gif) no-repeat scroll 0 7px; padding-left:10px;} /* global*/
	ul#RefList {padding:0;margin:0;}
	ul#RefList li {list-style-image:none;list-style-position:outside;list-style-type:none; margin-bottom:10px;}
	ul#Menu li, #LexikonIndex li  {background:transparent url(../images/framework/dot.gif) no-repeat scroll 0 -999px;} /* Main Nav & Lexikon Listhide*/
	ul#LexikonIndex li {padding:0;} 

/* Sitemap */
#BoxSitemap {margin-top:10px;}
	#BoxSitemap ul {padding-left:15px;}
	#BoxSitemap ul li {font-size:12px;line-height:30px;margin:-9px 0;padding-left:25px;}

/* Formular adresse email */
.TextareaError {background-image:url(../images/framework/delete.gif);}
.TextfieldError, .TextareaError, .formerror  {background-color:#ecb615 !important;}

/* Lexikon Styles und Scroller */
#LexikonIndex li {font-size:10px;}
#LexikonIndex li a {width:15px !important;padding:2px 0 !important;}

#BoxKnowTopics {
position:absolute !important;
float:right !important;
width:160px !important;
top:0 !important;
height:475px !important;
left: 73% !important;
border-left:1px solid #CCC;
padding-left:10px;
}
#BoxKnowTopics a {
background:transparent url(../images/framework/dot.gif) no-repeat scroll 0 5px;
padding-left:10px;
line-height:20px;
}
#literatur {width:450px;}