/* 
======================================================
  ALLGEMEIN 
====================================================== 
*/
html { 
	height: 101%; 
} 
body {
	background:url(bilder/mainbg.jpg) repeat-x;
	background-attachment:fixed;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
	/*background: #333;*/
	font-size: 12px;
	color: #333; 
}
p {
	margin-bottom:10px;
	line-height:15px;
}
img {
	border: none;
}
h1 {
	font-size: 180%; 
	color: #FFF; 
	margin: 0;
}
h2 {
	font-size: 160%; 
	color: #FFF; 
	margin: 0;
}
h3 {font-size: 140%; 
	color: #FFF; 
	margin:0;
}
h4 {
	font-size: 120%; 
	color: #FFF; 
	margin:0;
}
a:link, a:visited {
	color: #CC0000;
	text-decoration: none;
	cursor:pointer;
}
a:hover,a:active {
	color: #FF0000;
	text-decoration: underline;
	cursor:pointer;
}
form {
	margin: 0;
}
ul, li { 
	margin: 0; 
	padding: 0;
}
area { 
	cursor:pointer;
}
strong { 
	font-size: 105%;
}
a {
 -moz-outline: none; /* FF */
 outline: none; /* CSS 3 */
 ie-dummy: expression(this.hideFocus=true); /* IE >= 5.5*/
}

/* 
======================================================
  KLASSEN 
====================================================== 
*/
.break {
	clear: both;
	margin: 0px; 
}
.textImg {
	float:left;
	width: 330px;
	text-align:left;
}
.textImg2 {
	float:left;
	width: 600px;
	text-align:left;
}
.line {
	width:auto;
	margin-bottom:10px;
	border-bottom:dotted 1px #FFF;
}
.qampSteps { 	
	background-color: #FFF;
	color:#002144;
	margin: 0px auto 0px;
	position: relative;
	top:-380px;
	width: 500px; 
	height: 400px; 
	text-align: left; 
	border: solid 1px #CC0000; 
	overflow:auto;
}
.qampSteps p { 		 
	padding: 0px 20px 0px 20px;
	width:460px
}
.qampSteps h2 { 	 
	padding: 20px 0px 0px 20px;
	color:#002144;
}
.qampSteps ul,li { 		 
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
.closeIt {
	float:right;
	position: relative;
	top: -20px;
	right:20px;
}
.closeIt a {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	color:#CC0000;
}
.contentLeft { 
	float:left;
	width:480px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}
.contentRight { 
	float:left;
	width:440px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}
.contentRight ul,li { 		 
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 5px 5px;
}
.contentCenter { 
	width:880px;
	margin: 35px 0px 20px 50px;
	text-align:left;
}
.contentCenter h3 { 		 
	padding: 0px 0px 20px 0px;
}
.contentCenter ul,li { 		 
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 5px 5px;
}
.testimQuote {
	text-align:right;
	margin: 0px 0px 10px 0px;
}
.communityImg { 
	float:left;
	width:330px;
	height:252px;
	text-align:left;
}

/* 
======================================================
  DIV IDs 
====================================================== 
*/

/* ==== Rahmen-Layout ==== */
#topBox { 
	background-color: #002144;
	margin: 10px auto 0px;
	width: 960px; 
	height: 180px; 
	padding: 0px;
	background:url(bilder/QAMPhead.png) center top;
}
#logoTop {
	float:right;
	width:210px;
	height:160px;
	border:none;
}
#isqiLogo {
	display:none;
}
#mainBox {
	scrollbar-base-color:#002144;
	scrollbar-3d-light-color:#002144;
	scrollbar-arrow-color:#FFF;
	scrollbar-darkshadow-color:#002144;
	scrollbar-face-color:#002144;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#FFF;
	scrollbar-track-color:#002144;
	width: 960px;
	height: 500px;
	margin: 0px auto 0px;
	min-height: 440px;
	background:url(bilder/qamp_main_bg.png) repeat-x;
	background-color: #002144;
	color: #FFF; 
	border-top: solid 1px #485663;
	overflow:auto;
}
#mainBoxQamp {
	width: 960px;
	height: 500px;
	margin: 0px auto 0px;
	min-height: 440px;
	background:url(bilder/qamp_main_bg.png) repeat-x;
	background-color: #002144;
	color: #FFF; 
	border-top: solid 1px #485663;
}
#btmBox {
	width: 960px;
	height: 30px;
	margin: 0px auto 0px;
	font-size: 90%;
	text-align: center;
	border-top: solid 1px #002144;  
}

/* ==== Navigation ==== */
#btmNav { 
	float: right; 
	margin: 0px; 
	padding-top: 10px; 
	padding-right: 30px; 
	color: #002144; 
	border:none 1px red;
}
#btmNav a { 
	color: #002144; 
}

/* ==== Navi ab 17.08.2009 ==== */
#navTop {
	margin-left: 30px;
}
ul.qamp { position:relative;top:143px;left:0px;display:block; cursor: pointer; margin:0; margin-left:-1px; height:autopx; line-height:autopx; font-family:Verdana, Geneva, sans-serif;font-size:12px;}
ul.qamp li { color:#fff;background:#666;font-weight:normal; padding:0px;float:left; text-align:center; padding-top: 0; padding-bottom: 0;  border: 0; list-style-type:none; margin: 0; position: relative; margin-left:0px;}
ul.qamp li:hover, ul.qamp li.CSStoHighlight {background:none;color: #ff0; }
ul.qamp li > ul { display:none; position: absolute; left: 0px; padding-top: 1px;}
ul.qamp li a {color:#fff; display: block; text-decoration:none;}

ul.qamp ul {opacity: 0.90; filter: alpha(opacity=90); top: autopx; display:none; position:absolute; left:0px;  margin-left:-2px; text-align:left;}
ul.qamp ul.subNav {top: autopx; margin-left:-1px;}
ul.qamp ul li { width:150px; height:30px; line-height:30px; background:#002144;border: solid 1px #eee; margin-top: -1px; text-align:left;font-weight:normal;padding-left: 25px;}
ul.qamp ul li:hover, ul.qamp ul li.CSStoHighlight {background:#fff;color:#002144;padding-left: 25px; }
ul.qamp ul li a { color:#fff; display: block; text-decoration:none; padding-left:0px; margin-left:-0px; padding-right:0px; margin-right:-0px; }
ul.qamp ul li a:hover, ul.qamp li ul li a.CSStoHighLink { color:#002144; display: block; text-decoration:none; background:#fff; }

ul.qamp ul.CSStoShow { display: block;}
ul.qamp li:hover > ul { display: block;}

/* ==== Inhalte ==== */
#contentQamp { 
	margin: 30px auto 0px;
	text-align:center;
}
#contentQampStep1 { 
	display: none; 
	background:url(bilder/qamp_step1.png) no-repeat 340px 290px;
	background-color: #FFF;
}
#contentQampStep2 { 
	display: none; 
	background:url(bilder/qamp_step2.png) no-repeat 340px 290px;
	background-color: #FFF;
}
#contentQampStep3 { 
	display: none; 
	background:url(bilder/qamp_step3.png) no-repeat 340px 290px;
	background-color: #FFF;
}
#contentQampStep4 { 
	display: none; 
	background:url(bilder/qamp_step4.png) no-repeat 340px 290px;
	background-color: #FFF;
}
#contentProcess { 
	margin: 40px auto 0px;
	text-align:center;
}
#contentProcess div {
	margin: 40px auto 0px; 
	width:500px;
	text-align:left;
}
#contentCommunity { 
	margin: 0px 0px 0px 100px; 
	text-align:center;
}
#spalte1 {
	float:left; 
	width:300px;
	text-align:left;
	margin-right:20px;
}
#spalte1 p {
	margin:0px 0px 20px 0px;
	padding:0px;
}
#spalte2 {
	float:left; 
	width:300px;
	text-align:left;
	margin-right:20px;
}
#spalte2 p {
	margin:0px 0px 20px 0px;
	padding:0px;
}
#spalte3 {
	float:left; 
	width:225px;
	text-align:left;
}
#spalte3 p {
	margin:0px 0px 20px 0px;
	padding:0px;
}
#spalte3 div {
	border:solid 1px #FFF;
	padding:4px;
}
#contentTestim { 
	width:660px;
	text-align:left;
}
#certImg  { 
	width:300px;
	height:350px;	
	margin:0px 0px 0px 70px;
	background:url(bilder/QAMP_certificate.png) top left;
}
#faqs { 
	width:640px;
	text-align:left;
	line-height:16px;
}
#news { 
	width:640px;
	text-align:left;
	line-height:16px;
}