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

html, body {
		scrollbar-arrow-color: #ffa500;
		scrollbar-3dlight-color: #c0c0c0;
		scrollbar-higlight-color: #FF6600;
		scrollbar-face-color: #ffffff;
		scrollbar-shadow-color: #ffffff;
		scrollbar-darkshadow-color: #c0c0c0;
		scrollbar-track-color: #fffff;
		height:100%; margin:0; padding:0;
		}
		
body {
		background-color:#b9640a;
		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/spacer.jpg);
		background-repeat:no-repeat;
		text-align:left;
		height:100%;
		width:1023px;
		clear:left;
		}

/* 
temporär wegen Jubiläum 
************************************************************
*/
#txtMain{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:258px;
		height:269px;
		float:left;
   		}
#txtMainJubi{ 
		position: absolute;
		top: 177px;
		left: 372px;
		width:258px;
		height:269px;
		float:left;
   		}
#txtMainJubiBtn{ 
		position: absolute;
		top: 315px;
		left: 722px;
		float:left;
   		}
#RaetselBtn{ 
		position: absolute;
		top: 410px;
		left: 525px;
		float:left;
   		}
#DownloadBtn{ 
		position: absolute;
		top: 388px;
		left: 489px;
		float:left;
   		}
#JubiLinks{ 
		position: absolute;
		top: 309px;
		left: 166px;
		float:left;
   		}
#JubiRechts{ 
		position: absolute;
		top: 104px;
		left: 667px;
		float:left;
   		}

#JubiTxt{
	position: absolute;
	top: 188px;
	left: 401px;
	float:left;
	width: 291px;
   		}
#JubiHeadline{ 
		position: absolute;
		top: 131px;
		left: 399px;
		float:left;
   		}
#RaetselLinks{ 
		position: absolute;
		top: 308px;
		left: 161px;
		float:left;
   		}
#RaetselRechts{ 
		position: absolute;
		top: 149px;
		left: 672px;
		float:left;
   		}
/* 
************************************************************
*/
#arbeitsplatz{
	position: absolute;
	top: 0px;
	left: 0px;
	float:left;
   		}

#navi{
	position: absolute;
	top: 550px;
	left: 147px;
	float:left;
	width: 735px;
   		}
		
#spacer{
	position: absolute;
	top: 0px;
	left: 0px;
	heigth: 100%;
	width: 1023px;

   		}

			
#logo{ 
		position: absolute;
		top: 111px;
		left: 148px;
		float:left;
   		}
#engel1{ 
		position: absolute;
		top: 0px;
		left: 696px;
		float:left;
   		}
#engel2{ 
		position: absolute;
		top: 360px;
		left: 844px;
		float:left;
   		}
#kerze{ 
		position: absolute;
		top: 158px;
		left: 9px;
		float:left;
   		}
#flaschen{ 
		position: absolute;
		top: 382px;
		left: 74px;
		float:left;
   		}
#laden{ 
		position: absolute;
		top: 173px;
		left: 593px;
		float:left;
   		}
#headline{ 
		position: absolute;
		top: 131px;
		left: 340px;
		float:left;
   		}
#btnSchreiben{ 
		position: absolute;
		top: 158px;
		left: 672px;
		float:left;
   		}
#btnSenden{ 
		position: absolute;
		top: 439px;
		left: 444px;
		float:left;
   		}


#txtMainStart{ 
		position: absolute;
		top: 242px;
		left: 323px;
		width:258px;
		height:141px;
		float:left;
   		}
#txtScroll{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:506px;
		height:269px;
		padding-right:20px;
		overflow:auto;	
		float:left;
   		}
#txt{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:530px;
		height:269px;
		float:left;
   		}

#txtImprint1{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:215px;
		height:125px;
		float:left;
   		}

#txtImprint2{ 
		position: absolute;
		top: 187px;
		left: 586px;
		width:277px;
		height:125px;
		float:left;
   		}
		
#txtImprint3{ 
		position: absolute;
		top: 347px;
		left: 340px;
		width:477px;
		height:121px;
		float:left;
   		}
#txtKontakt1{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:253px;
		height:125px;
		float:left;
   		}

#txtKontakt2{ 
		position: absolute;
		top: 186px;
		left: 648px;
		width:218px;
		height:125px;
		float:left;
   		}
#txtKontakt3{ 
		position: absolute;
		top: 202px;
		left: 748px;
		width:133px;
		height:43px;
		float:left;
   		}
#txtKontakt4{ 
		position: absolute;
		top: 265px;
		left: 748px;
		width:133px;
		height:43px;
		float:left;
   		}
#txtTeam{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:322px;
		height:143px;
		float:left;
   		}
#teamBild{ 
		position: absolute;
		top: 187px;
		left: 728px;
		float:left;
   		}
#teamThumbsBox{
	position: absolute;
	top: 370px;
	left: 340px;
	float:left;
	width: 482px;
   		}
#teamThumbs{ 
		margin-right:8px;
		float:left;		
   		}
#preiseTafel{ 
		position: absolute;
		background-image:url(../img/tafel.jpg);
		padding-top:74px;
		padding-left:30px;
		top: 138px;
		left: 633px;
		width:155px;
		height:250px;
		float:left;
   		}
		
#txtPreisScroll{ 
		position: absolute;
		top: 187px;
		left: 340px;
		width:506px;
		height:269px;
		overflow:auto;	
		float:left;
   		}
		
#txtProdukte1{ 
		position: absolute;
		text-align:center;
		top: 227px;
		left: 340px;
		width:154px;
		height:74px;
		float:left;
   		}

#txtProdukte2{ 
		position: absolute;
		text-align:center;
		top: 227px;
		left: 525px;
		width:154px;
		height:74px;
		float:left;
   		}
		
#txtProdukte3{ 
		position: absolute;
		text-align:center;
		top: 227px;
		left: 708px;
		width:154px;
		height:74px;
		float:left;
   		}
		
#txtProdukte4{ 
		position: absolute;
		top: 360px;
		left: 340px;
		width:231px;
		height:84px;
		float:left;
   		}

		
#produkteKissen{ 
		position: absolute;
		top: 352px;
		left: 580px;
		float:left;
   		}

		
#aktuellesTrenner{ 
		position: absolute;
		top: 188px;
		left: 512px;
		float:left;
   		}
#aktuellesTeaser{
	position: absolute;
	top: 188px;
	left: 340px;
	float:left;
	width: 166px;
   		}
#aktuellesTxt{
	overflow:auto;	
	position: absolute;
	top: 188px;
	left: 527px;
	float:left;
	width: 324px;
	height: 270px;
   		}

		

/*
+++++++++++++++++++++++++++++
Typo
+++++++++++++++++++++++++++++
*/		

.txt {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #58585a;
}
.h3 {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #ffa500;
}
.h3b {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #4e1111;
}
.txtOrange {
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #ffa500;
}

.list {    
    margin-top: 5px;
	margin-left: 17px;
	padding-left: 0px;
	list-style-type:square;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #ffffff;
}	
.list2 {    
    margin-top: 5px;
	margin-left: 23px;
	padding-left: 0px;
	list-style-type:decimal;
}
.list3 {    
    margin-top: 5px;
	margin-left: 13px;
	padding-left: 0px;
	list-style-type:square;
}	

/* 
########################################################
Style fuer Hyperlinks
########################################################
*/

.link:link	{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #4e1111;
}

.link:visited{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4e1111;

}
.link:active{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffa500;

}
.link:hover{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffa500;
}
/* 
+++++++++++++++++++++++++++++++++++
Rollover Aktuelles
+++++++++++++++++++++++++++++++++++
*/

.ebene1 { 						 /*Normal  Hauptmenue*/
	padding:0px 0px 8px 16px;  /*Texteinzug top-right-bottom-left*/	
	display:block;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #58585a;
	-moz-box-sizing:border-box;
	box-sizing : border-box;	

}

.ebene1:hover { 				 /*Rollover  Hauptmenue*/
	padding:0px 0px 8px 16px;  /*Texteinzug top-right-bottom-left*/	
	display:block;
	background-image:url(../img/pfeil.gif);
	background-repeat:no-repeat;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #ffa500;
	-moz-box-sizing:border-box;
	box-sizing : border-box;	
}

.ebene1_active { 				 /*Geklicktes  Hauptmenue*/
	padding:0px 0px 8px 16px;  /*Texteinzug top-right-bottom-left*/	
	display:block;
	background-image:url(../img/pfeil.gif);
	background-repeat:no-repeat;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
    color: #ffa500;
	-moz-box-sizing:border-box;
	box-sizing : border-box;	
	}