/* 
########################################################
Style fuer die grundsaetzliche Ausrichtung der Elemente
########################################################
*/

html, body {
		scrollbar-arrow-color: #ffa500;
		scrollbar-3dlight-color: #c0c0c0;
		scrollbar-higlight-color: #FF6600;
		scrollbar-face-color: #fffff;
		scrollbar-shadow-color: #f0efef;
		scrollbar-darkshadow-color: #c0c0c0;
		scrollbar-track-color: #fffff;
		margin:0; padding:0;
		}
		
body {
		background-color:#ffffff;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
		
#containerAll { /* zentriert Seite in der Horizontalen */
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		background-image:url(../img/computer_paradies_bg.jpg);
		background-repeat:no-repeat;
		width:939px;
		height:817px;
		clear:left;
		}
		
#configurator{
	position: absolute;
	top: 204px;
	left: 57px;
	width: 296px;
	float:left;
	height: 43px;
			}
#animation{
	position: absolute;
	background-image:url(../img/compa_startscreen.jpg);
	background-repeat:no-repeat;
	top: 204px;
	left: 373px;
	width: 510px;
	float:left;
	height: 384px;
			}
#partnerBox{
	position: absolute;
	text-align:left;
	top: 621px;
	left: 79px;
	float:left;
	width: 480px;
   		}
.partnerThumb{
	margin-left:8px;
   		}		
		
#aktuell{
		position: absolute;
		text-align:left;
		top: 618px;
		left: 610px;
		float:left;
   		}		
#footer{
		position: absolute;
		text-align:left;
		top: 770px;
		left: 19px;
		float:left;
   		}

#silke{
		position: absolute;
		text-align:right;
		top: 770px;
		left: 759px;
		float:left;
   		}
#header{
	position: absolute;
	text-align:left;
	top: 133px;
	left: 57px;
	float:left;
	width: 676px;
   		}

#text{
	position: absolute;
	text-align:left;
	top: 208px;
	left: 79px;
	float:left;
	height: 48px;
   		}
#textScroll{
		position: absolute;
		text-align:left;
		padding-right: 10px;
		top: 276px;
		width:497px;
		height:300px;
		left: 79px;
		float:left;
		overflow:auto;
   		}
#text2{
		position: absolute;
		text-align:left;
		top: 276px;
		width:535px;
		left: 79px;
		float:left;

   		}

#visualUeber{
		position: absolute;
		text-align:right;
		top: 412px;
		left: 651px;
		float:left;
   		}
#visualLeistungen{
		position: absolute;
		text-align:right;
		top: 407px;
		left: 602px;
		float:left;
   		}
#visualFinanzierung{
		position: absolute;
		text-align:right;
		top: 404px;
		left: 622px;
		float:left;
   		}
#visualKontakt{
		position: absolute;
		text-align:right;
		top: 373px;
		left: 509px;
		float:left;
   		}
#visualImpressum{
		position: absolute;
		text-align:right;
		top: 445px;
		left: 653px;
		float:left;
   		}

/*
+++++++++++++++++++++++++++++
Typo
+++++++++++++++++++++++++++++
*/		
.headline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.6em;
	text-decoration: none;
    color: #000000;
}
.subheadline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0em;
	text-decoration: none;
    color: #000000;
}


.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6em;
	text-decoration: none;
    color: #000000;
}
.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0em;
	text-decoration: none;
    color: #ffffff;
}

/*
+++++++++++++++++++++++++++++
Hyperlinks
+++++++++++++++++++++++++++++
*/	
.link:link	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:underline;
	color: #ff9900;
}

.link:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #ff9900;

}
.link:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #000000;

}
.link:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #000000;
}

.linkSmall:link	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: 1.0em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
}

.linkSmall:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: 1.0em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;

}
.linkSmall:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: 1.0em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ff9900;

}
.linkSmall:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	line-height: 1.0em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ff9900;
}

/*
+++++++++++++++++++++++++++++
Hyperlinks
+++++++++++++++++++++++++++++
*/	

.btn1 { 						 /*Normal  Hauptmenue*/
	width:106px;
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	background:url(../img/btn_1.jpg) no-repeat;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#606062;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	float:left;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.btn1:hover { 				 /*Rollover  Hauptmenue*/
	width:106px;                 /*Buttonbreite*/
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	display:block;
	background:url(../img/btn_1_ov.jpg) no-repeat;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
    color: #000000;
}

.btn1_active { 				 /*Geklicktes  Hauptmenue*/
	width:106px;
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	background:url(../img/btn_1_ov.jpg) no-repeat;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#000000;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	float:left;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}


.btn2 { 						 /*Normal  Hauptmenue*/
	width:125px;
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	background:url(../img/btn_2.jpg) no-repeat;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#606062;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	float:left;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
}

.btn2:hover { 				 /*Rollover  Hauptmenue*/
	width:125px;                 /*Buttonbreite*/
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	display:block;
	background:url(../img/btn_2_ov.jpg) no-repeat;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
    color: #000000;
}

.btn2_active { 				 /*Geklicktes  Hauptmenue*/
	width:125px;
	padding:12px 0px 20px 0px;  /*Texteinzug top-right-bottom-left*/
	background:url(../img/btn_2.jpg) no-repeat;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#000000;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	float:left;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing : border-box;
	}
/*
+++++++++++++++++++++++++++++
Liste
+++++++++++++++++++++++++++++
*/	

ul{
	margin-top: 0em;
	padding-left: 0.8em;
	margin-left: 0.5em;
}
li {
	background:url(../img/bullet.gif) no-repeat 0px 4px;
	list-style:none;

	/*margin-bottom:0.6em;*/
	margin-left: -1.2em;
	padding-left: 1.3em; /*Abstand zwischen Listenpunkt und Text*/ 
}