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

/* body */
body {
	background:url(../_gfx/background_sides.jpg) repeat-x top #fff;
	color:#666;
	font:0.75em/100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height:20px;
}

/* general */
a {
	color:#860041;
	text-decoration:none;
}
a:hover {
	color:#7c7c7c;
	text-decoration:none;
}

/* header */
#header {
	background:#777777 url(../_gfx/background_header.jpg) center no-repeat;
	width:100%;
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#header_inside {
	border-left:0px solid #7d7d7d;
	border-right:0px solid #7d7d7d;
	margin:0 auto;
	/*width:1000px;*/
	width: auto;
}
#header_inside h1 {
	color:#fff;
	float:left;
	font:3.2em 'Trebuchet MS', Verdana, sans-serif;
	height:80px;
	line-height:80px;
	margin:0 0 0 20px;
	width:180px;
}
#header_inside h1 span {
	color:#9c0;
}
#header_inside ul {
	float:right;
	height:80px;
	list-style:none;
	width:600px;
}
#header_inside ul li {
	border-left:0px solid #860041;
	height:80px;
	list-style:none;
	width:75px;
}
#header_inside ul li a {
	color:#111;
	display:block;
	height:50px;
	line-height:50px;
	padding:30px 0 0;
	text-align:center;
	width:75px;
}
#header_inside ul li a:hover {
	background-image:url(../_gfx/header_hover.jpg);
	color:#fff;
}
#header_inside ul li a.active {
	background-image:url(../_gfx/header_active.jpg);
	color:#fff;
	border-left:solid 1px #777777;
	border-right:solid 1px #777777;
}

#holder
{
	width:1000px;
	margin:0 auto 0 auto;
}

/* content */
#content {
	background:none;
	width:100%;
	min-height:850px;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#content_inside {
	border-left:0px solid #7d7d7d;
	border-right:0px solid #7d7d7d;
	margin:0 auto;
	width:1000px;
}
#content_inside_sidebar {
	border-left:1px solid #535353;
	float:right;
	margin:15px 0 5px 790px;
	padding:0 0 0 10px;
	position:absolute;
	width:200px;
}

#col_head
{
	clear:both;
	margin-top:15px;
}

#col2 p 
{
	margin-bottom:20px;
	margin-top:10px;
}

#col3 h2, #content_inside_sidebar h2, #col3 h2 {
	background:#860041;
	color:#fff;
	font-size:110%;
	font-weight:400;
	padding:5px 5px;
	text-align:left;
	text-transform:uppercase;
	line-height:175%;
}
#col3 ul,#content_inside_sidebar ul {
	letter-spacing:-1px;
	list-style:none;
	margin:0 0 10px 0;
}
#col3 ul, li,#content_inside_sidebar ul li {
	list-style:none;
}
#col3 ul li a,#content_inside_sidebar ul li a {
	border-bottom:1px solid #e9e9e9;
	display:block;
	padding:5px;
	text-align:right;
	width:194px;
	background-image:url(../_gfx/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
}
#col3 ul li a:hover,#content_inside_sidebar ul li a:hover {
	background:#f4f4f4;
	color:#7c7c7c;
	background-image:url(../_gfx/arrow_hover.png);
	background-position:left;
	background-repeat:no-repeat;
}
#content_inside_main {
	background:#fff;
	letter-spacing:-1px;
	line-height:175%;
	margin:0 auto;
	padding:20px 235px 10px 0px;
	width:760px;
}
#content_inside_main_tjanster {
	background:#fff;
	letter-spacing:-1px;
	line-height:175%;
	margin:0 auto;
	padding:20px 36px 10px 0px;
	width:230px;
	float:left
}
#content_inside_main h1, #col2 h1, #content_inside_start h1,#content_inside_main_tjanster h1 {
	border-bottom:1px solid #ccc;
	font-size:125%;
	padding:0 0 2px;
	color:#860041;
}
#content_inside_main h2,#content_inside_start h2 {
	color:#ccc;
	font-size:115%;
	text-align:right;
}
#content_inside_main p {
	padding:0 0 10px;
}

#content_inside_start_left
{
    padding:15px 0 0 0;
    float:left;
}
#content_inside_start_right
{
    padding-top:15px;
    padding-left:10px;
}

/* footer */
#footer {
	background:#666666 url(../_gfx/background_footer_.jpg) center repeat-y;
	height:170px;
	width:100%;
	clear:both;
	border-top:2px solid #BEBEBE;
}
#footer_content
{
	width:1000px;
	margin:0 auto 0 auto;
	padding-top:20px;
}
#footer_left
{
	float:left;
	width:750px;
}
#footer_right
{
	float:left;
	width:250px;
}

#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer_inside {
	border-top:1px solid #7d7d7d;
	border-right:0px solid #7d7d7d;
	height:30px;
	margin:0 auto;
	width:1000px;
}
#footer_inside p {
	color:#000000;
	line-height:30px;
	text-align:center;
}
#footer 
{
	color:White;
}
#footer a
{
	color:White;
	text-decoration:underline;
}
#footer a:hover
{
	text-decoration:none;
}


/* Layout
******************************************************/
#col1 { float:left; width:270px; margin-top:15px; }
#col2 { float:left; width:510px; margin-top:15px; margin-right:15px; text-align:left; }
#col3 { float:left; width:200px; margin-top:15px; }  

/* startpage */

#content_inside_start
{
    width:570px;
}
.contentStart
{
    float:left;
    margin: 5px 5px 5px 10px;
    max-width:175px;
    min-width:175px;
    font:0.90em/100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height:1.5em;
}
.contentStartHeader
{
    margin-bottom:10px;
}
.contentStartMain
{
    height:120px;
}
.contentStartBtn
{
    width:175px;
    text-align:right;
    padding-top:10px;
}

.box
{
	margin:10px 0 10px 0;
}

.gridspec
{
	width:100%;
}

/* Specification Table
*********************************************************************************/
.table-spec
{
	margin:0 0 40px;
	width:520px;
}
.table-spec th { background:#E2E0D9; }
.table-spec th, .table-spec td { padding:5px; }

.row td { vertical-align:top; } 
.row { background:#f3f3f3; }

.child {  }
.row td img { vertical-align:top; } 

.parent, .child  { border-bottom:1px solid #E9E9E9; }

.parent1 { background:#FFFFFF; }
.parent2 {}

.child { background:#E2E0D9; }




.textbox, .dropdown { border:2px solid #777777; width:380px; padding:5px; }
.dropdown { width:393px; }
.button { border:2px solid #777777; padding:4px 10px; }

#txtContactMessage { height:200px;}


/* Submenu
****************************/
#header_inside .submenu li
{
	height:auto;
	width:200px;
}
#header_inside .submenu li a
{
	background-color:#737373;
	width:auto;
	padding:0 0 0 10px;
	text-align:left;
	line-height:22px;
	height:22px;
	color:white;
	border-bottom:solid 1px #5D5D5D;
}
#header_inside .submenu li a:hover
{
	background-color:#737373;
	text-decoration:underline;
}


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

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still.
*/
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:435px;	
	height:550px;	
	
	/* custom decorations */
	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {				
	width:20000em;	/* this cannot be too large */
	position:absolute;
	clear:both;
	margin-left:10px; /* decoration */
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	/* text-align:center; */
	width:414px;			
	padding:25px 0px;
	font-family: 'bitstream vera sans';
	/* border:1px solid #ccc; */

	margin-right: 20px;
}

/* active item */
div.scrollable div.items div.active {
	/* border:1px inset #ccc;	*/	
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:20px;
	height:316px;
	background:url(../_gfx/arrow_left.jpg) no-repeat;
	float:left;
	margin:0;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -316px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../_gfx/arrow_right.jpg);
	clear:right;	
}

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi {
	margin-left:140px;
	width:200px;
	height:20px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../_gfx/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}

.refdesc { padding:10px; font-size:14px; text-align:left; margin:5px; vertical-align:top; height:30px; }
.icons { text-align:center; }

#col2 ul li {list-style-type:none;background: url('../_gfx/bullet.png') no-repeat 5px .35em; padding:0px 0px 7px 20px;}