/* ----------------------------------------------------
   C O M M O N
------------------------------------------------------*/

* {
	border: none;
	margin: 0;          /* top, right, bottom, left */
	padding: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}	


/* ----------------------------------------------------
   P A G E
------------------------------------------------------*/


html, body {
	background: url(../images/body.png) #fbf4e2 center top no-repeat;
	color: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------
   C O N T A I N E R   &   W R A P P E R
------------------------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 900px;
}

#container {
	float: left;
	display: inline;
	padding-bottom: 10px;
	width: 900px;
}


/* ----------------------------------------------------
   H E A D E R
------------------------------------------------------*/

#header {
	float: left;
	height: 375px;
	position: relative;
	width: 100%;
}

#header h1.logo {
	font-size: 10px;
	position: absolute; left: 45px; top: 9px;
	text-indent: -500em;
}

#header h1.logo a {
	display: block;
	height: 90px;
	overflow: hidden;
	width: 625px;
} 

/* --- HEADERIMAGE --- */

#headerimage {
	background: url(../images/headerimage.jpg) left top no-repeat;
	height: 240px;  /* 260-20 */
	overflow: hidden;
	padding: 10px;
	position: absolute; left: 10px; top: 115px;
	width: 860px; /* 880-20 */
}

/* --- FLAGBOX --- */

#flagbox {
	position: absolute; left: 762px; top: 100px;
}

#flagbox img {
	border: solid 1px #ffffff;
}

#flagbox a {
	margin-right: 3px;
}


/* ----------------------------------------------------
   T O P B A R
------------------------------------------------------*/

#topbar {
	float: left;
	height: 40px;
	width: 100%;
}

/* --- TOPMENU --- */

#topbar ul#topmenu {
	font-size: 13px;
	font-weight: bold;
	margin-left: 18px;
}

#topbar ul#topmenu li {
	display: inline;
	float: left;
	line-height: 30px;
	margin-right: 1px;
	text-align: center;
}

#topbar ul#topmenu li a {
	color: #ffffff;
	display: block;
	height: 30px;
	text-decoration: none;
	white-space: nowrap;
	width: 215px;
}

#topbar ul#topmenu li.yellow a {
	background: url(../images/topmenu_yellow.png) #e6b81c 0 0 no-repeat;
}

#topbar ul#topmenu li.orange a {
	background: url(../images/topmenu_orange.png) #c64406 0 0 no-repeat;
}

#topbar ul#topmenu li.purple a {
	background: url(../images/topmenu_purple.png) #8e00a7 0 0 no-repeat;
}

#topbar ul#topmenu li.blue a {
	background: url(../images/topmenu_blue.png) #008894 0 0 no-repeat;
}

#topbar ul#topmenu li a:hover {
	background-position: 0 -30px;
	color: #ffffff;
}


/* ----------------------------------------------------
   M A I N
------------------------------------------------------*/

#main {
	float: left;
	width: 100%;
}


/* ----------------------------------------------------
   C O N T E N T S
------------------------------------------------------*/

#contents {
	background: url(../images/contents.jpg) 50% 80px no-repeat;
	display: inline;
	float: left;
	margin-left: 15px;
	overflow: visible;
	width: 640px;
}


#contents span.inputlabel {
	color: #262626;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
}

#contents input.inputfield {
	background: url(../images/inputfield.png) #ffffff left top repeat-x;
	border: solid 1px #6b5e57;
	color: #464646;
	font: 12px "Courier New", Courier, monospace;
	height: 15px;
	overflow: hidden;
	padding: 1px 2px 1px 2px;
}

#contents input.submitbutton {
	background: url(../images/submitbutton.png) #678bba left top no-repeat;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 22px;
	width: 80px;
}


/* ----------------------------------------------------
   S I D E B A R
------------------------------------------------------*/

#sidebar {
	display: inline;
	float: right;
	margin-right: 10px;
	width: 220px;
}

#sidebar div.sidebox {
	background: url(../images/sidebox.png) left top no-repeat;
	display: inline;
	float: left;
	margin-bottom: 25px;
	width: 220px;
}

#sidebar div.sidebox_inner {
	background: url(../images/sidebox_inner.png) left bottom no-repeat;
	display: inline;
	float: left;
	padding: 7px 10px 7px 10px;
	width: 200px; /* 220-10+10 */
}

#sidebar h2 {
	background: url(../images/sidebar_h2.png) left bottom no-repeat;
	color: #fafafa;
	display: block;
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif;
	height: 25px; /* 26-1 */
	letter-spacing: 1px;
	padding-left: 5px;
	padding-top: 1px;
	width: 195px;  /* 200-5 */
}


/* --- NAVMENU --- */

#sidebar ul#navmenu {
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#sidebar ul#navmenu li {
	display: inline;
	float: left;
	line-height: 30px;
	width: 200px;
}

#sidebar ul#navmenu li a {
	background: url(../images/navmenu_item.png) #f3ebd5 0 0 no-repeat;
	color: #323032;
	display: block;
	height: 30px;
	padding-left: 20px;
	text-decoration: none;
	width: 180px;  /* 200-20 */
}

#sidebar ul#navmenu li.last a {
	background: url(../images/navmenu_item_last.png) #f3ebd5 0 0 no-repeat;
}


#sidebar ul#navmenu li a:hover {
	background-position: 0 -30px;
	color: #000000;
}


/* --- NEWSLETTERFORM --- */

#sidebar div.newsletterform {
	background: #f3ebd5;
	line-height: 16px;
	padding: 15px 0 15px 0;
	text-align: center;
}

#sidebar div.newsletterform span.inputlabel {
	color: #262626;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
}

#sidebar div.newsletterform input.inputfield {
	background: url(../images/inputfield.png) #ffffff left top repeat-x;
	border: solid 1px #6b5e57;
	color: #464646;
	font: 12px "Courier New", Courier, monospace;
	height: 15px;
	overflow: hidden;
	padding: 1px 2px 1px 2px;
}

#sidebar div.newsletterform input.submitbutton {
	background: url(../images/submitbutton.png) #678bba left top no-repeat;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 22px;
	width: 80px;
}


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

#footer {
	background: url(../images/footer.png) #72aec3 center top no-repeat;
	float: left;
	height: 230px;
	overflow: hidden;
	width: 100%;
}


#footer_inner {
	margin: 0 auto;
	margin-top: 128px;
	width: 900px;
}

#footer p.info {
	color: #ffffff;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#footer a {
	background: url(../images/footer_a.png) bottom left repeat-x;
	color: #ffffff;
	padding-bottom: 1px;
}

#footer a:hover {
}

#footer span.highlight {
	color: #ffffff;
}

#footer span.title {
	color: #ffffff;
	font-size: 18px;
	letter-spacing: 1px;
}

#footer span.bull {
	color: #acd9ea;
	margin: 0 3px 0 3px;
}