/*------------------------------------------------------
G L O B A L  E L E M E N T S
------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: url(gfx/bg_pattern.gif) fixed;
}
a {
	color: #D46406;
	text-decoration: none;
		
}
a:hover {
	color: #53B7E5;
	text-decoration: none;	
}
h1, h2, h3 span {
	display: block;
}

img	{
	border: 0px;
}
/*------------------------------------------------------
C O N T A I N E R
------------------------------------------------------*/

#container {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0px 10px;
	width: 820px !important;
	width /**/: 750px;
	background: url(gfx/bg_container.gif) repeat-y;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.7em;
	color: #522D00;
}

#pageHeader {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 495px;
	background: url(gfx/sesselmania.jpg) top no-repeat;
}

#pageFooter {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 35px;
	background:#D46406;
}

#intro {
	width: 460px;
}

#insertpicleft{
	clear:both; 
	margin: 0px 10px 0px 0px; 
	float: left;
	}


#insertpicright{
	clear:both; 
	margin: 0px 0px 0px 10px; 
	float: right;
	}

#preamble {
	margin: 0px 0px 100px 0;
	padding: 0 0 0 40px;
	width: 540px !important;
	width /**/: 580px;
	border: 0px solid #f00;
}
#preamble h3{
	margin: 40px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	width: 540px;
	height: 20px;
	font-variant: small-caps;
	color: #D46406;
	font-size: 1.75em;
	
	border-bottom: 2px solid  #D46406;
}

#preamble h2{
	margin: 25px 0 20px 0;
	padding: 0px 0px 0px 0px;
	width: 540px;
	height: 20px;
	font-variant: small-caps;
	color: #522D00;
	font-size: 1.5em;
	border-bottom: 0px solid  #522D00;

}

#preamble .p1 {
	padding: 0px 0px 0px 0px;
	margin: 5px 0 20px 0;
	text-indent: 0em;
}

#pos1 {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 1px;
	
}

/*------------------------------------------------------
F O O T E R 
------------------------------------------------------*/

#pageFooter {
	margin: 0px; 
	padding: 0px;
	height:95px !important;
	height /**/: 85px;
	background: #D46406 no-repeat;
	text-align: center;
	color: #FFE3C5;
	text-transform: uppercase;
}
#pageFooter a{
	color: #FFE3C5;
	font-size: 0.75em;
	text-decoration: none;
}

#pageFooter a:hover{
	color: #53b7e5;
	font-size: 0.75em;
	text-decoration: none;
}

/*------------------------------------------------------
N U M B E R
------------------------------------------------------*/

#number {
	position: absolute;
	top: 489px;
	left: 519px;
	width: 100px;
	height: 100px;
	background: url(gfx/no1.png) no-repeat;
}

/*------------------------------------------------------
M E N U   C O L U M N 
------------------------------------------------------*/

#linkList {
	position: absolute;
	top: 335px;
	left: 615px;
	width: 200px;
	text-transform: uppercase;
	color: #522D00;

}
#linkList2 {
	color: #000;
}

/*------------------------------------------------------
M A I N   M E N U 
------------------------------------------------------*/
#col {
	FLOAT: left;
	WIDTH: 150px;
	PADDING: 10px;
	border: 0px solid #000; }
	
	

LI 	{
	PADDING: 0px 0px 2px 0px;
	TEXT-DECORATION: none;
	LIST-STYLE-TYPE: none;
	border: 0px solid #f00;
	font-size: 1.25em;
	}


/************/
UL.menu 	{
	PADDING: 0px 0px 0px 0px;
	TEXT-DECORATION: none;
	
	}

UL.menu A {
	DISPLAY: block;
	padding-left: 0px;
	TEXT-DECORATION: none;
	color: #522d00;
	padding-left: 33px;
	}
		
UL.menu a:hover {
		padding: 0px 0px 0px 33px;
		COLOR: #d46406;
		TEXT-DECORATION: none;
		background: url(gfx/sessel_small_orange.gif) no-repeat left}

UL.menu a:active {
		padding: 0px 0px 0px 33px;
		COLOR: #53B7E5;
		TEXT-DECORATION: none;
		background: url(gfx/sessel_small_blau.gif) no-repeat left}

UL.menu a:visited {
		padding: 0px 0px 0px 33px;
		TEXT-DECORATION: none;
	}

/************/

UL.submenu	{
	PADDING: 0x 0px 0px 0px;
	COLOR: #FF7600;
	LIST-STYLE-TYPE: none;
	font-size: 0.65em}	

UL.submenu a {
		COLOR: #522d00;
		PADDING:  0px 0px 0px 33px;
		DISPLAY: block;
		}
		
UL.submenu a:hover {
		padding: 0px 0px 0px 33px;
		COLOR: #d46406;
		TEXT-DECORATION: none;
		background: url(gfx/sessel_small_orange.gif) no-repeat left}

UL.submenu a:active {
		padding: 0px 0px 0px 33px;
		COLOR: #53B7E5;
		TEXT-DECORATION: none;
		background: url(gfx/sessel_small_blau.gif) no-repeat left}
		
UL.submenu a:visited {
		padding: 0px 0px 0px 33px;
		COLOR: #522D00;
		PADDING-TOP: 0px;
		TEXT-DECORATION: none}

/* ---------------------------------
		F O R M U L A R
------------------------------------*/

INPUT	{
		width: 250px;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 1em;
		margin-bottom: 15px;
		padding: 5px;
		BORDER-TOP-STYLE: none;
		BORDER-LEFT-STYLE: none;
		BORDER-BOTTOM-STYLE: none;
		background: #FFE3C5;
		}
		
input.forminput
		{width: 30px}
			
#preamble.send
		{align: right}	
			
			
TEXTAREA 	{
		WIDTH: 500px;
		font-family: Helvetica; "Trebuchet MS", Arial, Verdana, sans-serif;
		FONT-SIZE: 1em;
		padding: 5px;
		BORDER-RIGHT: #d46406 3px solid;
		BORDER-TOP-STYLE: none;
		BORDER-LEFT-STYLE: none;
		BORDER-BOTTOM-STYLE: none;
		background: #FFE3C5;

			}