@charset "UTF-8";

/**
 * @browsers	Windows: IE7+, Opera7+, Firefox3+  Mac OS: Safari2, Firefox2
 *
 * BASICS - LINE 015
 * HEADER - LINE 111 
 * DDMENU - LINE 160
 * BLOCKS - LINE 290
 * TABLES - LINE 323
 * FOOTER - LINE 378
 */

/*------------------------ BASICS ------------------------------------------------------------------------------------------------------------------------------------------------*/
html { height:100%;} 

body { height:100%; margin:0%; padding:0%; background-color:#95c7d2; font-family:Verdana,Helvetica; color:#343434; font-size:10px; font-variant:normal; 
background-image:url(../cms/bg.jpg); background-position:center 250px; background-repeat:repeat-x; background-attachment:fixed;}
 
font,td { font-family:Verdana,Helvetica; font-size:10px; font-variant:normal;} 

DIV { font-family:Verdana,Helvetica; font-size:10px; width:100%; z-index:100; color:#343434;}

/*Safari*/
select, input, textarea {outline:none; resize:none;} 

INPUT { 
	border-top-color:#000;
	border-left-color:#000;border-right-color:#000;border-bottom-color:#000;
	border-top-width:1px;border-left-width:1px;font-size:10px;
	border-bottom-width:1px;font-family:Verdana,Helvetica;border-right-width:1px;
}

TEXTAREA {
	border-top-color:#000;border-left-color:#000;border-right-color:#000;
	border-bottom-color:#000;border-top-width:1px;border-left-width:1px;
	font-size:10px;border-bottom-width:1px;font-family:Verdana,Helvetica;
	border-right-width:1px;
}

SELECT {
	border-top-color:#000;border-left-color:#000;
	border-right-color:#000;border-bottom-color:#000;border-top-width:1px;
	border-left-width:1px;font-size:10px;border-bottom-width:1px;
	font-family:Verdana,Helvetica;border-right-width:1px;
}

FORM { font-family:Verdana,Helvetica; font-size: 10px;}

img, div { -ms-interpolation-mode: bicubic; outline:none;}

A:link { background:none; color:#343434;font-size:10px;font-weight:400;font-family:Verdana,Helvetica; text-decoration:none; outline:none;}

A:active {
background:none;color:#343434;
font-size:10px;font-weight:400;font-family:Verdana,Helvetica;
text-decoration:none;
}
A:visited {
background:none;color:#343434;font-size:10px;
font-weight:400;font-family:Verdana,Helvetica;text-decoration:none;
}
A:hover {
background:none;color:#3399FF;font-size:10px;font-weight:400;
font-family:Verdana,Helvetica;
}
.title {
background:none;color:#343434;
font-size:16px;font-weight:700;font-family:Verdana,Helvetica;
text-decoration:none;
}
.option {
background:none;color:#343434;
font-size:10px;font-weight:700;font-family:Verdana,Helvetica;
text-decoration:none;
}
.tiny {
background:none;color:#343434;font-size:10px;
font-weight:400;font-family:Verdana,Helvetica;text-decoration:none;
}
.whitetext {
color:#fff; font-weight:700; text-decoration:none; font-family:Tahoma; font-size:10px;
}
.greytext {
	font-family:Verdana,Helvetica;color:#ddd;font-weight:400;
	text-decoration:none;font-size:10px;
}
.helo {
	margin:0;padding:0 0 0 5px;
	font-family:Verdana,Helvetica;color:#f2f2f2;text-decoration:none;font-size:12px;
	font-weight:700;
}

A.hover_orange:link, A.hover_orange:active, A.hover_orange:visited, A.hover_orange:hover{
	font-family:Verdana,Helvetica;
	color:#343434;
	font-size:10px;
	font-weight: normal;
	text-decoration:none
}

A.hover_normal:link, A.hover_normal:active, A.hover_normal:visited, A.hover_normal:hover{
	font-family:Verdana,Helvetica;
	color:#343434;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
}


/*------------------------ HEADER ------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------- FlASHLAYER --------*/
#effectbox{ width:100%; height:250px; z-index:100; position:absolute; text-align:right;}
#effectinAdBC{ width:1000px; height:250px; text-align:right; right:0px;}
#effectinAdBF{ width:1000px; height:250px; text-align:right; right:0px;}

/*-------- HEADER --------*/
#headerFULLx250{
	width:100%;
	height:250px;
	margin:0 auto;
	text-align:center;
	background-image:url(../cms/bommels_01.jpg); background-position:center top; background-repeat:repeat-x;
}
#header990x250{
	width:970px;
	height:243px;
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(../cms/bommels_02.jpg);
	padding: 7px 15px 0px 15px;
}

#swf_header{ width:242px; height:210px;}

#head_top { width: 728px;height: 90px;margin: 0px;float: right;}

#head_center { width: 970px; margin: 0px; height: 243px;}

#head_logo { width: 242px;height: 210px; margin-left: 0px; float: left; display: block; cursor: pointer;}

#logsearch { width:728px; float: left; height: 210px; text-align: right;}

#searchFIELD1 { background-image:url(../cms/search_01.png); border:0px solid; width:190px; height:16px; font-size:11px; vertical-align:bottom; padding-top:4px; padding-left:3px;}
#searchBUTTON { background-image:url(../cms/search_02.png); border:0px solid; width:54px; height:21px !important; cursor:pointer;}
#searchBUTTON:hover { background-image:url(../cms/search_02.png); border:0px solid; width:54px; height:21px !important; cursor:pointer;  }

#logFIELD1 { background-image:url(../cms/log_01.png); border:0px solid; width:136px; height:16px; font-size:11px; vertical-align:bottom; padding-top:4px; padding-left:3px;}
#logFIELD2 { background-image:url(../cms/log_02.png); border:0px solid; width:103px; height:16px; font-size:11px; vertical-align:bottom; padding-top:4px; padding-left:3px;}
#logBUTTON { background-image:url(../cms/log_03.png); border:0px solid; width:66px; height:21px !important; cursor:pointer;}
#logBUTTON:hover { background-image:url(../cms/log_03.png); border:0px solid; width:66px; height:21px !important; cursor:pointer;  }

#sayhi{ font-size:11px; height:20px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0px; color:#333333;}


/*------------------------ DDMENU ------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav_V-line{ width:12px; height:22px; margin:0px; padding:0px; background-image:url(../cms/nav_V-line.png); background-position:center -2px;}

ul.menu {list-style:none; margin:0px 10px 0px 10px; padding:0;height:22px;}
ul.menu * {margin:0; padding:0;height:22px;}
ul.menu a {display:block; color:#ffffff; text-decoration:none}
ul.menu li {position:relative; float:left;  margin-right:2px;}
ul.menu ul {position:absolute; top:22px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:160px; margin:0; top:0px; left:0px;}
ula.menu ula lia {position:relative; width:160px; margin:0; top:0px; left:0px;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-image:url(../cms/navi_bg.png);}
ul.menu ul li a:hover { background-image:url(../cms/naviHOVER_bg.png);}
ul.menu ul ul {left:160px; top:-1px}
ul.menu .menulink {padding:0px; width:auto; margin:0px 10px 0px 10px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {}

.navlink { width:150px; height:100%; padding: 5px 0px 5px 10px !important; }
.navtop{ background-image:url(../cms/naviTOP.png); display:block; background-position:top center; background-repeat:no-repeat; margin:0px 0px 0px 0px !important; height:10px !important;}
.navbottom{
	/*background-image:url(../cms/navi_bottom.gif); */
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px !important;
	height:10px !important;
}

#freebox1{height:27px; width:728px; margin:0px; float: right;}

/*------------------------ BLOCKS ------------------------------------------------------------------------------------------------------------------------------------------------*/
#blocksTOP{
	padding:0px;
	height:10px;
	line-height:10px;
	margin:0px;
	background-image:url(.../cms/blocks_top.png);
	background-repeat:no-repeat;
	color:#608f25;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#blocksCENTER{
	padding:0px 4px 4px 4px;
	margin:0px; 
	background-image:url(.../cms/blocks_center.png); 
	background-repeat:repeat-y; 
	border-left:1px solid #ececec; 
	border-right:1px solid #ececec; 
	color:#343434; 
	font-family:Tahoma; 
	font-size:9px;
}

#blocksBOTTOM{ 
	width:150px; 
	height:14px;
	margin:0px; 
	background-image:url(.../cms/blocks_bottom.png); 
	background-repeat:no-repeat;
}

#boxtitle { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-variant: small-caps; letter-spacing:0px; color:#3399FF;}


/*------------------------ TABLES ------------------------------------------------------------------------------------------------------------------------------------------------*/
a.StoryLink:link, a.StoryLink:active, a.StoryLink:visited,{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333;}
a.StoryLink:hover{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3399FF !important;}

/*-------- OpenTable --------*/
#OpenTableTAB{ background-image:url(../cms/table_u_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#OpenTableDIV{ margin:0px 5px 0px 5px;}
#TableFrame{ border-left:1px solid #ececec; border-right:1px solid #ececec;}
#OpenTableTD{ background-image:url(../cms/table_d_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}

/*-------- OpenTable2 --------*/
#OpenTable2TAB{ background-image:url(./cms/table_u_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#OpenTable2DIV{ margin:0px 5px 0px 5px;}
#Table2Frame{ border-left:1px solid #ececec; border-right:1px solid #ececec;}
#OpenTable2TD{ background-image:url(../cms/table_d_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}

/*-------- STORYHOME --------*/
#StoryHomeTAB{ background-image:url(../cms/storyhome_u_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#StoryHomeDIV{ margin:0px 5px 0px 5px; display:table-cell;}
#StoryHomeFrame{ border-left:1px solid #ececec; border-right:1px solid #ececec;}
#StoryHomeTD{ background-image:url(../cms/storyhome_d_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#StoryHomeTITLE{float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3399FF; font-size:15px; font-weight:lighter; letter-spacing: -1px;}
#StoryHomeTIME{float:left; margin:10px 0px 15px 0px; width:100%; height:10px; line-height:10px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#666666;}

#StoryHomeCONTENT{float:left; width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333;}
#StoryHomePIC{ margin:0px 15px 0px 0px; border:2px solid #ececec;}
#StoryHomeTOPIC{float:left; margin:10px 0px 0px 0px; width:100%; color:#646464; font-size:11px; font-weight:lighter; letter-spacing: 0px;}

/*-------- STORYPAGE --------*/
#StoryPageTAB{ background-image:url(../cms/storypage_u_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#StoryPageDIV{ margin:0px 5px 0px 5px;}
#StoryPageFrame{ border-left:1px solid #ececec; border-right:1px solid #ececec;}
#StoryPageTD{ background-image:url(../cms/storypage_d_l.png); background-repeat:no-repeat; background-color:#f8f7f5;}
#StoryPageTITLE{float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#608f25; font-size:15px; font-weight:lighter; letter-spacing: -1px;}
#StoryPageTIME{float:left; margin:10px 0px 15px 0px; width:100%; height:10px; line-height:10px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#StoryPageCONTENT{float:left; width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333;}
#StoryPagePIC{ margin:0px 15px 0px 0px; border:2px groove #ececec;}
#StoryPageTOPIC{float:left; margin:10px 0px 0px 0px; width:100%; color:#646464; font-size:11px; font-weight:lighter; letter-spacing: 0px;}


.storytitle { background:none; color:#3399FF; font-size:10px; font-weight:700; font-family:Verdana,Helvetica; text-decoration:none;}
.content { background:none; color:#343434; font-size:10px; font-family:Verdana,Helvetica;}


/*------------------------ FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------*/
#footerFULLx200a{
	width:100%;
	height:200px;
	margin:0 auto;
	text-align:center;
}

#footerFULLx200b{
	width:100%;
	height:200px;
	margin:0 auto;
	text-align:center;
}
#footer980x200{background-repeat:no-repeat; background-position:bottom center; background-image:url(../cms/bommels_11.png);}
.footerlink{
	color:#858585;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:-1px;
	text-decoration:none;

}
a.footerlink:link, a.footerlink:active, a.footerlink:visited,{color:#858585; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; letter-spacing:-1px; text-decoration:none;}
a.footerlink:hover{color:#3399FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; letter-spacing:-1px; text-decoration:none;}