/* 	Farbe: 			768187 
	Schriftfarbe:	909aa0
	Schrift:		Helvetica + ev. Eurostyle
*/

/*
	wird benoetigt:
	Klassen:
		- unterNavi
*/
html{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding:0px;margin:0px;
	width:100%;
	height:100%;
	text-decoration:none;
}
.p{
padding:0px;
margin:0px;
}
BODY {
	background: url('../img/test.png') #768187 repeat right;
	margin:0px;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #909aa0;
	text-align: left;
	padding:0px;
	width:100%;
	height:100%;
	position:relative;
}
#hugo{
	background: url(../img/background.png) repeat right;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	width:100%;height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
}
div{
	border: 0px red solid;
}
/* ************************************
	Allgemein (Link)
   *************************************/ 
a {
	text-decoration: none;
	color: #ABABAC;
	font-stretch: wider;
}

a:HOVER {
	color: #707173;
}

a:ACTIVE {
	color: #707173;
}
/* ************************************
	Allgemein (Schriften/Farbe/Breite/...)
   ************************************ */
#body {
	position: relative;
	width: 700px;
	height: 500px;
	background-color: white;
	text-align: left;
	margin: 0px auto;
	margin-top:50px;
	padding: 15px;
	overflow:hidden;
}
#logo{
	position:absolute;
	top:10px;
	right:15px;
	height:77px;
}
#logo img{
	height:100%;
}
#naviSmall{
	position:relative;
	padding: 0;
	margin: 0;
	font-size: 8pt;
	text-align: left;
}
#navi {
	padding: 0;
	margin-top: 25px ;
	font-size: 10pt;
	text-align: left;
	position:relative;
	height:11pt;
}
#naviDown {
	padding: 0px;
	margin-top: 5px ;
	font-size: 8pt;
	text-align: left;
	position:relative;
	height:12px;
}
#inhalt {
	position:absolute;
	padding:0px;
	left:15px;
	right:15px;
	height:415px;
	margin-top:10px;
	margin-bottom:15px;
	text-align: left;
	border: 1px #768187 solid;
}
#background{
	padding:0px;margin:0px;	
	width:698px;height:415px; 
}
#textOnly{ 
	position:absolute;
	left:0;	right:0; bottom:0; top:0;
	padding:15px;
	margin: 0;
	overflow:auto;
}
#textOnly input{
	width:550px;	
}
#textOnly textarea{
	width:550px;height:140px;
}
#text,#textGal{ 
	position:absolute;
	left:0;
	right:349px;
	bottom:0;
	top:0;
	padding:15px;
	margin: 0;
	text-align:justify;
	overflow:auto;
}
#textGal{ 
	bottom:50px;
}
#textProd{ 
	bottom:100px;
}
#picture{
	margin:0px;padding:0px;
	position: absolute;
	right:0px;top:0px;
	width:350px;height:415px;
	border-left: 1px solid #E3E9ED;
}
#kontakt {
	width: 700px;
	position: absolute;
	left: 50%;
	margin-left: -350px; /* negative Hälfte von width:600px */
	top: 578px;
	height:20px;
	font-size: 10px;
	text-align: right;
	color: #909AA0;
}
#kontaktAxxxa{
	width: 150px;
	position:absolute;
	left:0;
	text-align:left;
}
.checked {
	color: #768187;
	font-weight:bold;
}
/* ************************************
	Galerie
	************************************/
#thumbcontainer{
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 350px;
	height: 40px;
	padding-left:15px;
	border:0px solid #ff0000;
}
#infoGal{
	position:absolute;
	bottom: 45px;
	left: 15px;
	right: 365px;
	height: 15px;
	padding-left:0;
}
#grosscontainer{
	margin:0px;padding:0px;
	position: absolute;
	right:0px;
	top:0px;
	width:350px; height:415px;
	border-left: 1px solid #E3E9ED;	
}
#arrowLeft{
	margin:0px; padding:0px;
	position: absolute;
	bottom:15px;
	left:2px;
	width:7px;
}
#arrowRight{
	margin:0px; padding:0px;
	position: absolute;
	bottom:15px;
	right:2px;
	width:7px;
}
body ul {
	height: 40px;width: 100%;margin: 0;padding: 0;text-align: left;
}
body li {
	float: left;list-style-type: none;padding: 0;margin: 0px auto;padding-right:9px;
}
li img{
	width: 38px;
	height: 38px;	
}
li imgLast{
	padding-right:0;
}
<!-- dazupassende (ist jetzt im Code, weil's sonst firefox net nimmt) -->
#adds{
	position:absolute; bottom: 180px; left:15px; right:365px; height:15px; padding-left:0px;
}
#thumbcontainerAdd{
	position: absolute;
	bottom: 60px;
	left: 0px;
	right: 360px;
	height: 100px;
	padding-left:10px;
	width:333px;
	border:1px solid #ff0000;
	
}
#arrowLeftAdd{
	position: absolute;
	bottom:50px;
	left:4px;
	width:10px;
}
#arrowRightAdd{
	position: absolute;
	bottom:45px;
	right:0px;
	width:10px;
}
#thumbcontainerAdd ul {
	height: 100px; width: 100%;	margin: 0;	padding: 0;	text-align: left;
}
#thumbcontainerAdd li img{
	width: 100px; height: 90px;
}
/* ************************************
	Produkte
   *************************************/
#beschriftung {
	position:relative;
	overflow:auto;
	height:250px;
}
/* ************************************
	Allgemein (Link)
   *************************************/
.link {
	text-decoration: none;
	color: #909aa0;
	font-stretch: wider;
}
 
.link:HOVER {
	color: #768187;
	font-weight:bold;
}

.link:ACTIVE {
	color: #768187;
	font-weight:bold;
}
/* *************************************
	ADMIN
****************************************/
#bodyAdmin{
	position: relative;
	height:650px;	
	width: 800px;
	background-color: white;
	text-align: left;
	margin: 0px auto;
	margin-top:50px;
}
#inhaltAdmin {
	text-align: left;
	color: #768187;
	height:570px;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px;
}
#adminTab td{
	border-bottom: 1px solid #768187;
}
#adminTab .title{
	font-size:14px;	
}
.tabRow textarea{
	width:400px;height:50px;
}
#adminUeb .title{
	font-size:14px;	
	font-weight:bold;	
}
.tabRow, .tabRowListe{
	margin-top: 5px;
	text-align: left;
	width: 100%;
}
.tabNoPadding .text{
	float: left; width: 100px; height:100%;	bottom:0;
}
.tabNoPadding .input{
	clear: right;
}
.tabRow .text{
	float: left;
	width: 100px;
	height:100%;
	bottom:0;
}
.tabRow .input{
	clear: right;
}
.output{
	width:100%;
	height: 50px;
	overflow:scroll;
	overflow-x:hidden;	
}

.divPic{
	position:absolute;
	width:100px;
	right:20px;
}
.tabRowListe .input{
	float: left;
	width: 150px;
}
.tabNoPadding {
	margin:0;padding:0;
	text-align: left;
	width: 100%;
}
.border{
	border: 1px red #768187;
	padding: 10px;
}
/* *****************************
 	NEWS
******************************** */
#newsInfo{
	position: absolute;
	bottom: 45px; left: 0; right: 0; height: 15px;
	padding-left:15px;
}
.newsVorschau{
	position: absolute;	bottom: 5px; left: 0; right: 0; height: 40px;	padding-left:15px;
}
#news{
	position:relative;
	right:0;
	margin: 10px;
	margin-top:10px;
	margin-bottom:0;
	float:left;
	border-bottom:1px solid #768187;
	padding-bottom:10px;
	height:150px;
	overflow:auto;
	overflow-x:hidden;
}
#news .text{
	position:relative;
	width:570px;
	float:left;
}
#news img{
	position:relative;	
	width:90px;
	height:100px;
}
/******************************
	TEAM
*******************************/
#team{
	position:relative;	
	width:200px;
	height:100px;
	left:10px;
	margin-bottom:10px;
}
#teamPic{
	position:relative;	
	width:90px;
	height:100px;
	left:0;
	float:left;
}
/******************************
	Kontakt/Impressum
*******************************/
.firma{
	float:left;
	position:relative;
	width:150px;
	left:0;	
	margin-top:0px;
}
.firma2{
	position:absolute;
	width:150px;
	left:165px;
	clear:right;
}
.anfahrt{
	position:relative;	
	top:135px;
	height:20px;
	left:15px;
	width:180px;
	vertical-align:middle;
}	
.oeffnungszeiten{
	position:relative;
	top:140px;
	left:15px;
	width:300px;
	height:50px;
}
.formAnfrage{
	position:absolute;
	top:220px;
	left:15px;
	width:320px;
	height:190px;
}
#divAllg{
	position:relative;
	top:120px;
	width:320px;
	margin:15px;
}
.formAnfrage table{
	width:300px;
	border:1;
	padding:0;
}
.formAnfrage td,tr{
	padding:0;margin:0;	
}
.formAnfrage .inputx,.textareax{
	width:100px;	
	height:12px;
}
.formAnfrage textarea{
	height:30px;	
}
.formAnfrage #info{
	position:relative;
	text-align:left;
	left:0;
	width:190px;
	float:left;
	font-weight:bold;
}
.info{
	position:relative;
	text-align:left;
	left:0;
	width:500px;
	float:left;
	font-weight:bold;
}
#error{
	color:red;
	font-weight:bold;
}
#designedBy{
	position:absolute;
	bottom:10px;
	left:10px;
	font-size:12px;
	font-weight:bold;
}
/* ****************************
	KOLLEKTION
*******************************/
#kollektion{
	width:250px;	
	margin:0;padding:0;
}
#kollektion input{
	width:13px;
	margin-right:10px;
}
/* ****************************
	BUTTONS
*******************************/
.button, button, #button{
	padding:0;
	margin:0;
	right:0;
	height:16px;
	width:80px;
	cursor:hand;
}
.button{
	position:absolute;	
}
buttonLink,.buttonLink:HOVER,.buttonLink:ACTIVE {
	text-decoration: none;
	font-weight:normal;
}
#bodyAdmin .button{
	height:22px;
	width:80px;
	position:static;	
}