*{
	margin: 0;
	padding:0;
	border: 0;
}

html{
	height: 100%;
	padding-bottom: 1px;
}

body{
	background-color: #fff;
	color: #7b522d;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align: left;
}

p {
line-height:1.4em;
}

#container{
	position: relative;
	width: 988px;
	text-align: left;
	/*padding-bottom: 50px;*/
}

#pageculture #container, #pageproducts #container {
	padding-bottom: 50px;
}


#header{
}

/*#header h1 a{
	display:block;
	height:150px;
	width:190px;
}*/

/* hintergrundbild klein */
#pagestory #header{
	background: #fff url(../img/story1.jpg) no-repeat 548px 100%;
}

#pageculture #header{
	background: #fff url(../img/culture1.jpg) no-repeat 548px 100%;
}
#pagecotton #header{
	background: #fff url(../img/cotton1.jpg) no-repeat 548px 100%;
}
#pagefashion #header{
	background: #fff url(../img/fashion1.jpg) no-repeat 548px 100%;
}
#pageproducts #header{
	background: #fff url(../img/products1.jpg) no-repeat 548px 100%;
}
#pageshop #header{
	background: #fff url(../img/shop1.jpg) no-repeat 548px 100%;
}
#pagepeople #header{
	background: #fff url(../img/people1.jpg) no-repeat 548px 100%;
}
#pagecontact #header{
	background: #fff url(../img/contact1.jpg) no-repeat 548px 100%;
}
#pagefeedback #header{
	background: #fff url(../img/feedback1.jpg) no-repeat 548px 100%;
}
#pagepublicity #header{
	background: #fff url(../img/publicity1.jpg) no-repeat 548px 100%;
}
#pagenewsletter #header{
	background: #fff url(../img/newsletter1.jpg) no-repeat 548px 100%;
}
#pageinfo #header{
	background: #fff url(../img/info1.jpg) no-repeat 548px 100%;
}


/* inhalt
***********************************************************/
#content{
	/*width: 750px;*/
	position: relative;
	margin-left: 0px;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	font-size: 0.8em;
	letter-spacing: 0.03em;
	height:auto;
	min-height:370px;

}

* html #content {
height:370px;
}


/* hintergrundbild gross linker bereich*/

#pagestory #content{
	background: #fff url(../img/story2.jpg) no-repeat 118px 118px;
}

#pagecotton #content{
	background: #fff url(../img/culture2.jpg) no-repeat 118px 118px;
}
#pagefashion #content{
	background: #fff url(../img/contact2.jpg) no-repeat 118px 118px;
}
#pageproducts #content{
	background: #fff url(../img/products2.jpg) no-repeat 118px 118px;
}
#pageshop #content{
	background: #fff url(../img/shop2.jpg) no-repeat 118px 118px;
}
#pagepeople #content{
	background: #fff url(../img/people2.jpg) no-repeat 118px 118px;
}
#pagecontact #content{
	background: #fff url(../img/fashion2.jpg) no-repeat 118px 118px;
}
#pagefeedback #content{
	background: #fff url(../img/feedback2.jpg) no-repeat 118px 118px;
}
#pagepublicity #content{
	background: #fff url(../img/publicity2.jpg) no-repeat 118px 118px;
}
#pagenewsletter #content{
	background: #fff url(../img/newsletter2.jpg) no-repeat 118px 118px;
}
#pageinfo #content{
	background: #fff url(../img/info2.jpg) no-repeat 118px 118px;
}





a:link, a:visited{
	background-color: transparent;
	color: #7b522d;
	text-decoration: underline;
}

a:hover, a:focus, a:active{
	background-color: transparent;
	color: #7b522d;
	text-decoration: none;
}

/* sprachauswahlbereich*/
#content #language{
	font-size: 0.8em;
	position: absolute;
	top: 35px;
	left: 118px;
	background-color: transparent;
	display: none;
}

#content #language a{
	text-decoration: none;
}


/* definiert das erste wort in der ersten zeile*/
.headlinegreen, .headlineblue, .headlineorange, .headlinebrown, .headlinered{
	font-size: 1.3em;
	letter-spacing: 0.06em;
	font-weight: bold;
	padding-right: 23px;
	padding-right: 28px;
	margin-right: 5px;
}

.headlinegreen{
	background: #fff url(../img/bullet-green.gif) no-repeat 95% 70%;
}

.headlineblue{
	background: #fff url(../img/bullet-blue.gif) no-repeat 95% 70%;
}
.headlineorange{
	background: #fff url(../img/bullet-orange.gif) no-repeat 95% 70%;
}
.headlinebrown{
	background: #fff url(../img/bullet-brown.gif) no-repeat 95% 70%;
}
.headlinered{
	background: #fff url(../img/bullet-red.gif) no-repeat 95% 70%;
}



#content p{
	width:320px;
	padding-left: 548px;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#content p.first {
	/*width:320px;
	padding-left: 548px;*/
	text-indent: -430px;
	/*margin-left: 548px;
	border: 1px solid blue;*/
}



#content ul{
	margin-left: 555px;
	width:310px;
	margin-bottom: 25px;
}

#movieposition ul{
	margin-left: 555px;
	width:310px;
	margin-bottom: 25px;
}

#content ul.green li{
	list-style-image: url(../img/bullet-green.gif);
}
#content ul.blue li{
	list-style-image: url(../img/bullet-blue.gif);
}
#content ul.orange li{
	list-style-image: url(../img/bullet-orange.gif);
}
#content ul.brown li{
	list-style-image: url(../img/bullet-brown.gif);
}

#content ul.red li{
	list-style-image: url(../img/bullet-red.gif);
}

#content ul li{
	margin-bottom: 10px;
	margin-left: 15px;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-type: none;
}

.bigpicture{
	float:left !important;
	padding-left: 118px;
	padding-top: 10px;
}

/************ positionierung der Filme******************************************************************/



#pagepeople #content, #pagecotton #content{
	padding-bottom: 20px;
}



#movie{
	position: relative;
	height: 120px;
	display: block;
}
#moviePartOne{
position: absolute;
bottom: 120px;
left: 0;
width: 250px;
display: block;
}


#moviePartOneRight{ /*wird am container angehaengt*/
	position: absolute;
	width: 100px;
	/*display: block;*/
	bottom: 120px;
	right: 0;
	/*top:-100px;*/
	left: 886px;
}

#movieZwei{
	position: relative;
	height: 120px;
	display: block;
	margin-top: 0px;
}

#moviehigh{
	position: absolute;
	top: -100px;
	left: 880px;
}




/* navi
*****************************************************************************************************/

#gmap {
	display:block; 
	width:367px; 
	height:295px; 
	background:url(../img/navi-logo.gif) no-repeat top left; 
	position:relative; 
	/*margin:0 auto 2em auto;*/
	margin: 0 0 10px 10px;
	}
	
#gmap a {
	color:#000; 
	font-size:0.75em; 
	font-weight:normal; 
	text-decoration: none; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*erste Zeile - logo text*/
#gmap a#titlex {
	display:block; 
	width:230px; 
	height:90px; 
	/*padding-top:90px; */
	overflow:hidden; 
	position:absolute; 
	left:3px; 
	top:100px; 
	background:transparent cursor:default;
	}
/** html #gmap a#titlex {height:90px; he\ight:0;}*/

a#titlex em, a#story em, a#culture em, a#cotton em, a#fashion em, a#products em, a#shop em, a#people em, a#contact em,
a#feedback em, a#publicity em, a#newsletter em, a#info em{
	height:1px;
	left:-3000px;
	position:absolute;
	width:1px;
	}
/*
a#story {
	display:block; 
	width:53px; 
	height:0; 
	padding-top:33px; 
	padding-bottom:0px; 
	overflow:visible; 
	position:absolute; 
	background: transparent url(../img/bg-story1.gif) no-repeat 0 0;
	}
* html a#story {height:33px; he\ight:0;}
a#story:hover {background:transparent url(../img/bg-story2.gif) no-repeat 0 0; overflow:visible;}*/

a#story {display:block; width:54px; height:33px; position:absolute; left:81px; top:46px; background: transparent url(../img/bg-story.gif) no-repeat 0 0; overflow:visible}
a#story:hover {background:transparent url(../img/bg-story.gif) no-repeat 0 100%; overflow:visible;
}

a#culture{display:block; width:56px; height:38px; position:absolute; left:113px; top:21px; background: transparent url(../img/bg-culture.gif) no-repeat 0 0; overflow:visible}
a#culture:hover {background:transparent url(../img/bg-culture.gif) no-repeat 0 100%; overflow:visible;
}


a#cotton{display:block; width:39px; height:39px; position:absolute; left:174px; top:12px; background: transparent url(../img/bg-cotton.gif) no-repeat 0 0; overflow:visible}
a#cotton:hover {background:transparent url(../img/bg-cotton.gif) no-repeat 0 100%; overflow:visible;
}


a#fashion{display:block; width:63px; height:37px; position:absolute; left:215px; top:21px; background: transparent url(../img/bg-fashion.gif) no-repeat 0 0; overflow:visible}
a#fashion:hover {background:transparent url(../img/bg-fashion.gif) no-repeat 0 100%; overflow:visible;
}



a#products{display:block; width:78px; height:32px; position:absolute; left:249px; top:46px; background: transparent url(../img/bg-products.gif) no-repeat 0 0; overflow:visible}
a#products:hover {background:transparent url(../img/bg-products.gif) no-repeat 0 100%; overflow:visible;
}


a#shop{display:block; width:57px; height:31px; position:absolute; left:273px; top:77px; background: transparent url(../img/bg-shop.gif) no-repeat 0 0; overflow:visible}
a#shop:hover {background:transparent url(../img/bg-shop.gif) no-repeat 0 100%; overflow:visible;
}


a#people{display:block; width:73px; height:31px; position:absolute; left:283px; top:115px; background: transparent url(../img/bg-people.gif) no-repeat 0 0; overflow:visible}
a#people:hover {background:transparent url(../img/bg-people.gif) no-repeat 0 100%; overflow:visible;
}

a#contact{display:block; width:71px; height:31px; position:absolute; left:285px; top:153px; background: transparent url(../img/bg-contact.gif) no-repeat 0 0; overflow:visible}
a#contact:hover {background:transparent url(../img/bg-contact.gif) no-repeat 0 100%; overflow:visible;
}

a#feedback{display:block; width:81px; height:31px; position:absolute; left:269px; top:189px; background: transparent url(../img/bg-feedback.gif) no-repeat 0 0; overflow:visible}
a#feedback:hover {background:transparent url(../img/bg-feedback.gif) no-repeat 0 100%; overflow:visible;
}

a#publicity{display:block; width:74px; height:33px; position:absolute; left:243px; top:218px; background: transparent url(../img/bg-publicity.gif) no-repeat 0 0; overflow:visible}
a#publicity:hover {background:transparent url(../img/bg-publicity.gif) no-repeat 0 100%; overflow:visible;
}

a#newsletter{display:block; width:65px; height:39px; position:absolute; left:208px; top:235px; background: transparent url(../img/bg-newsletter.gif) no-repeat 0 0; overflow:visible}
a#newsletter:hover {background:transparent url(../img/bg-newsletter.gif) no-repeat 0 100%; overflow:visible;
}

a#info{display:block; width:31px; height:38px; position:absolute; left:169px; top:240px; background: transparent url(../img/bg-info.gif) no-repeat 0 0; overflow:visible}
a#info:hover {background:transparent url(../img/bg-info.gif) no-repeat 0 100%; overflow:visible;
}


/************************ FORMULAR
____________________________________________________________________________****/


input{
	border: 1px solid #7b522d;
}


#formular{
 	width:320px;
	margin-left: 548px;
	}
	
#formular p{
	margin: 0;
	padding:5px;
}
	
#formular label{
		width: 6em;
		float: left;
		padding: 3px;
		padding-right: 15px;
		text-align: right;
	}
	
#formular textarea, #formular input{
		border: 1px solid #7b522d;
		padding: 3px;
		margin-bottom: 5px;
		width: 17em;
		color: #7b522d;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}


	
input.submit{
	clear: left;
	background-color: #fff;
	margin-left: 95px;
	width: 5em !important;
}


#feedbacktext{
	margin-top: 20px;
}


.smalltext{
	font-size: 0.85em;
}