/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;  padding: 0px; outline-style: none; }

html {
  background: #00a7e5 url(pics/bg_html.gif) top left repeat-x;
}

body {
  background: url(pics/bg_body.png) top left no-repeat;
}

img a, a img { border: 0px solid #ff9900 !important; }

#site {
  position: relative;
  margin: 0px auto 0px auto;
  padding: 3px 8px 3px 3px;
  width: 965px;
  min-height: 470px;
  height: auto !important;
  height: 470px;
  font: 11px arial, verdana, sans-serif;
  font-weight: bold;
  line-height: 18px;
  color: #333;
  background: url(pics/bg_site.png) top left repeat-y;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
  display: none;
}

#header {
  position: relative;
  width: 965px;
  height: 78px;
  z-index: 20;
}

#header .left {
  width: 235px;
  height: 75px; 
  float: left;
  overflow: hidden;
}

#header .left a:link,
#header .left a:visited { display: block; }

#header .left img.logo {
  margin: 0px;
}

#header .right {
  position: relative;
  width: 720px;
  height: 75px; 
  float: left;
}

#header .right .social-media {
  position: absolute;
  right: 10px;
  bottom: 3px;  
}

#header .right .social-media ul { margin: 0px; list-style-type: none; }
#header .right .social-media li { margin: 0px 0px 0px 3px; width: 15px; height: 15px; float: left; overflow: hidden; background: #ff9999; }

#site .party { position: absolute; z-index: 99999; top: 90px; left: 4px; }

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
  width: 720px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
}

#navigation ul { 
  margin: 0px;
  float: right;
  list-style-type: none;
}

#navigation li {
  position: relative;
  margin: 0px 0px 0px 3px;
  height: 30px;
  float: left;  
} 

#navigation li a:link, #navigation li a:visited {  
  width: 115px;
  height: 30px;
  display: block;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background: url(pics/bg_navigation_li_a.gif) bottom center no-repeat;
}

 
/*  New yellow 
#navigation li a:hover,
#navigation li.current a:link, 
#navigation li.current a:visited {
  color: #FFD64E;
  background-image: url(pics/bg_navigation_li_current_a.gif);
}
*/

#navigation li.current a:link, 
#navigation li.current a:visited {
  color: #00a7e5;
  background-image: url(pics/bg_navigation_li_current_a.gif);
}

#navigation li a:hover {
  color: #00a7e5;
  background: url(pics/bg_navigation_li_current_a.gif) bottom center no-repeat;
}

/* subnavigation */
#navigation li div.subnavigation  {
  position: absolute;
  padding: 0px 0px 30px 0px;
   left: -13px;
  width: 141px;
  z-index: 10;
  display: none;
  overflow: hidden;
  border: 0px solid #ff9900;
  /*background: url(pics/bg_subnavigation.png) -1px -448px no-repeat;*/
  background: url(pics/bg_subnavigation.png) -1px -448px no-repeat;
}

#navigation li div.subnavigation ul { position: absolute; top: 0px; left: 0px; display: none; }
#navigation li div.subnavigation ul li { 
  margin: 5px 20px; 
  width: 101px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
  display: inline; /*ie6*/
  clear: left; 
}

#navigation li div.subnavigation ul li a:link,
#navigation li div.subnavigation ul li a:visited {
  padding: 3px;
  width: 139px;
  display: inline;
  line-height: 18px;
  color: #00a7e5;
  background: none; 
}


#navigation li div.subnavigation ul li.current a:link,
#navigation li div.subnavigation ul li.current a:visited { 
  /*color: #00a7e5;*/
  background: #fff;
}


#navigation li div.subnavigation ul li a:hover,
#navigation li div.subnavigation ul li.current a:link,
#navigation li div.subnavigation ul li.current a:visited { 
  color: #033333;
}

#navigation li div.subnavigation ul li.mainitem {  height: 30px; line-height: 35px; margin: 0px; } 
#navigation li div.subnavigation ul li.mainitem a:link,
#navigation li div.subnavigation ul li.mainitem a:visited { padding: 0px; display: block; color: #00a7e5; text-align: center; line-height: 28px;}
#navigation li div.subnavigation ul li.mainitem a:hover   {  background: none; }


/* subsubnavigation */
#subnavigation_container h1 a:link,
#subnavigation_container h1 a:visited { color: #00A7E5; border-bottom: 0px solid #fff; text-decoration: none; }

/* ------------------------------------------------------------------------- Mediabar */ 

#mediabar {
  position: relative;
  width: 965px;
  height: 300px;
  overflow: hidden;
  z-index: 2;
  background: none;
}
#mediabar.vervolg { height: 230px; }
#mediabar.inlog { height: 180px; }

/* auto resize
#mediabar .slideshow img         { width: 965px; height: 300px; }
#mediabar.vervolg .slideshow img { width: 965px; height: 230px; }
*/

#mediabar img.bg_image,
#mediabar img.filter {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

#mediabar img.filter { width: 965px; height: 300px; z-index: 2000; display: none; }

#infowindow {
  position: absolute;
  width: 295px;
  height: 194px;
  right: 5px;
  top: 55px;  
  color: #fff;
  line-height: 17px;
  overflow: hidden;
  z-index: 3000;
}

#mediabar.vervolg #infowindow, #mediabar.inlog #infowindow  {
  top: 20px;  
}

#infowindow .item_container {
  padding: 15px 25px 19px 25px;
  width: 255px;
  height: 160px;  
  display: block;
  overflow: hidden;
  background: url(pics/bg_mediabar_infowindow_2.png) top left no-repeat;
}

#mediabar.inlog #infowindow .item_container {
  height: 112px;
  background: url(pics/bg_mediabar_infowindow_3.png) top left no-repeat;
}

#jubileum #infowindow .item_container {
  margin-top: 49px;
  height: 112px;
  background: url(pics/bg_mediabar_infowindow_3.png) top left no-repeat;
}

#infowindow .slider .item { width: 255px; overflow: hidden; background: #00a7e5; } /* For ie?? */

#infowindow .text {
  width: 245px;
  height: 120px;
  overflow: hidden;
}
#infowindow .text h1 { margin: 0px 0px 7px 0px; font-size: 24px; color: #fff; }

#mediabar.inlog #infowindow .text {
  height: 72px;
}

#infowindow .readmore { margin: 10px 0px; }
#infowindow .readmore a.btn_blue:link,
#infowindow .readmore a.btn_blue:visited { 
  bottom: 20px;
  left: 10px;
  display: block;
  text-decoration: none;
}

#mediabar .btn_bumperpage {
  position: absolute;
  bottom: 20px;
  left: 10px;
  overflow: hidden;
  z-index: 3000;
}

/* ------------------------------------------------------------------------- Bumperpage */

#bumperpage {
  position: relative;
  z-index: 2;
  height: 100px;
  background: url(/pics/bg_bumperpage.gif) bottom left no-repeat;
}

#bumperpage .boards { position: absolute; top: -300px; left: 0px; z-index: 2; }
#bumperpage .boards .board { position: absolute;}

#bumperpage .boards .zitopschool { top: 200px; left: 85px;}
#bumperpage .boards .naardebrugklas {top: 12px; left: 312px;}  
#bumperpage .boards .hierwerken{top: 130px;  left: 760px;}

#bumperpage .boards .zitopschool .bg {
  width: 209px;
  background: url(/pics/bumper_board_zitopschool_blue.png) top left no-repeat;
}

#bumperpage .boards .naardebrugklas .bg {  
  width: 214px;
  background: url(/pics/bumper_board_naardebrugklas_blue.png) top left no-repeat;
}

#bumperpage .boards .hierwerken .bg {
  width: 135px;
  background:url(/pics/bumper_board_hierwerken_blue.png) top left no-repeat;
}

#bumperpage .boards .board .content { position: absolute; top: 0px; left: 0px; color: #fff; text-align: center; font-size: 13px; z-index: 5; }
#bumperpage .boards .board .content .hover-board {position: absolute; top: 0; left: 0; z-index: -1;}

#bumperpage .boards .board .content a:link,
#bumperpage .boards .board .content a:visited { margin: 0px 0px 4px 0px; color: #fff; text-decoration: none; display: block; }

#bumperpage .boards .board .content a.active:link,
#bumperpage .boards .board .content a.active:visited,
#bumperpage .boards .board .content a:hover { color: #333333; }

/*New*/
#bumperpage .boards .board.active .content a {color: #bca941;}

#bumperpage .boards .board.active .content a.active,
#bumperpage .boards .board.active .content a:hover {color: #00a7e5;}


#bumperpage .boards .board .person-div {
  position: absolute;
  z-index: -1
}
#bumperpage .boards .board .img_1 {
  top: -130px;
  left: -36px;
  width: 105px;
  height: 301px;
  background: url(/pics/bumperpage/leerling_active.png) top left no-repeat;
}

#bumperpage .boards .board .img_2 {
  top: -158px;
  left: 66px;
  width: 130px;
  height: 329px;
  background: url(/pics/bumperpage/ouders-leerling_active.png) top left no-repeat;
}

#bumperpage .boards .board .img_3 {
  top: 48px;
  left: 49px;
  width: 115px;
  height: 304px;
  background: url(/pics/bumperpage/potentiele-leerling_active.png) top left no-repeat;
}

#bumperpage .boards .board .img_4 {
  top: 28px;
  left: 158px;
  width: 125px;
  height: 338px;
  background: url(/pics/bumperpage/ouders-potentiele-leerlinge_active.png) top left no-repeat;
}

#bumperpage .boards .board .img_5 {
  top: -90px;
  left: -90px;
  width: 137px;
  height: 327px;
  background: url(/pics/bumperpage/docent_active.png) top left no-repeat;
}

#bumperpage .boards .board .img_6 {
  top: -100px;
  left: 46px;
  width: 131px;
  height: 337px;
  background: url(/pics/bumperpage/potentiele-docent_nonactive.png) top left no-repeat;
}

/*---*/

#bumperpage .boards .content   { margin: 0; padding: 12px 0px 0px 0px; height: 63px; }

#bumperpage .message { position: absolute; bottom: -5px; text-align: center; }
#bumperpage .message.zitopschool { left: 40px; }
#bumperpage .message.hierwerken { right: 20px; }  

/* ------------------------------------------------------------------------- Shortcuts */ 

.shortcuts {
  width: 296px;
}

.shortcuts .shortcut {
  position: relative;
  margin: 0px 10px 6px 0px;
  width: 64px;
  height: 59px;  
  float: left;
  display: inline;
  background-color: #fff;
  overflow: hidden;
}

.shortcuts .shortcut .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
}

.shortcuts .shortcut a img { border: 0px; margin: 0px; }
.shortcuts .shortcut img { border: 0px; margin: 0px; }

/* ------------------------------------------------------------------------- Content */ 

#content {
  position: relative;
  padding: 20px 0px 0px 0px;
  width: 965px;
  z-index: 2;
}

#content .text_default {
  font-weight: normal !important;
}

/* Columns */
#content .column_container { 
  padding: 0px 10px; 
  width: 945px;
  min-height: 150px;
  height: auto !important;
  height: 150px; 
  text-align: justify;
}

#content .column_container.banners_bottom { padding-right: 0px; width: 955px; text-align: left; }

#content .column_container .column {
  position: relative;
  float: left;
}

#content .column_container .width_308 { width: 308px; }
#content .column_container .width_318 { width: 318px; }
#content .column_container .width_626 { width: 626px; }

#content .column_container .column .welcome {
  margin: 0px 0px 0px 10px;
  width: 298px;
  font-weight: normal;
}

#content .column_container .column span.board { 
  position: absolute;
  width: 308px;
  height: 360px;
  top: -160px;
  left: 0px;
  display: block;  
  background: url(pics/home_board.png) top left no-repeat;
}

#content .column_container .column span.board .txt { 
  position: relative;
  top: 20px;
  left: 85px;
  width: 140px;
  height: 40px;
  display: block;
  line-height: 20px;
  color: #00a7e5;
  font-size: 18px;  
}

#board-text {
  display: block;  
}

#content .column_container .column span.board-net { 
  position: absolute;
  width: 308px;
  height: 360px;
  top: -160px;
  left: 0px;
  display: block;  
  background: url(pics/home_board-net.png) top left no-repeat;
}

#content .column_container .column span.board-net .txt { 
  position: relative;
  top: 100px;
  left: 111px;
  width: 171px;
  height: 230px;
  display: block;
  color: #333333;
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;  
  text-align: left;
  overflow: hidden;
}

#content .column_container .column span.board-net .netitems {
  background: url(pics/net-back.gif) top left repeat-x;
}

#content .column_container .column span.board-net .netitems .item {
  padding: 5px 10px;
  width: 152px;
  height: 220px;
  display: block;
  word-wrap: break-word;
  overflow: hidden;
  background: url(pics/net-back.gif) top left repeat-x;
}

#content .column_container .column span.board-net .netitems .item .headeritem a:link, #content .column_container .column span.board-net .netitems .item .headeritem a:visited,
#content .column_container .column span.board-net .netitems .item .headeritem a:hover {
  margin: 0px 0px 20px 0px;
  width: 156px;
  float: left;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
  border: 0px solid #fff;
}

#content .column_container .column span.board-net .netitems .item a:link, #content .column_container .column span.board-net .netitems .item a:visited,
#content .column_container .column span.board-net .netitems .item a:hover {
  margin-top: 15px;
  width: 156px;
  float: right;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-align: right;
  text-decoration: none;
  border: 0px solid #fff;
}

#board-text-net {
  display: block;  
}

/* banners bottom */
#content .column_container.banners_bottom .column {
  height: 205px;
  overflow: hidden;  
  background: url(pics/banner_bottom_bg.gif) top left no-repeat;
}

#content .column_container.banners_bottom img.overlay {
  position: absolute;
  margin: 0px;
  top: 0px;
  left: 0px;
  z-index: 3;
} 

#content .column_container.banners_bottom img.image {
  position: absolute;
  margin: 0px; 
  height: 198px;
  top: 0px;
  right: 10px;
  z-index: 2;
}

#content .column_container.banners_bottom .txt h1 { margin: 0px 0px 3px 0px; color: #fff; }
#content .column_container.banners_bottom .txt {
  position: relative;
  padding: 10px;
  width: 150px;
  height: 130px;
  color: #fff;
  z-index: 5;
  overflow: hidden;
}

#content .column_container.banners_bottom.parents .column { height: 152px; }
#content .column_container.banners_bottom.parents .column  { background: url(pics/bg_banner_bottom_parents.gif) top left no-repeat; }
#content .column_container.banners_bottom.parents .txt { width: 289px; height: 81px; }

#content .column_container.banners_bottom a.btn_blue:link,
#content .column_container.banners_bottom a.btn_blue:visited{ position: relative; top: 6px; left: 10px; z-index: 5; color: #00a7e5; text-decoration: none; border: 0px solid #fff; }

#content .column_container.banners_bottom.parents a.btn_blue:link,
#content .column_container.banners_bottom.parents a.btn_blue:visited { top: 2px; }
/* End columns */

/* List */
#content .list.two_columns { width: 626px; }

#content .list .item       { margin: 0px 0px 30px 0px; }
#content .list .item div   { float: left; }

#content .list .item .image.left  { margin: 0px 10px 0px 0px; width: 150px; float: left; }
#content .list .item .image.right { margin: 0px 0px 0px 10px; width: 150px; float: right; } 

#content .list .item .image img   { margin: 3px 0px 0px 0px; }

#content .list.two_columns .item .txt         { width: 466px; }
#content .list.two_columns .item .txt.noimage { width: 616px; }
/* End list */

.h_space_10 { width: 10px; float: left; }
.h_space_11 { width: 11px; float: left; }

.v_space_10 { height: 10px; }

.pointer { cursor: pointer; }

.floatLeft  { float: left  !important; }
.floatRight { float: right !important; }

#content .line { margin: 10px 0px;  }
#content .line .students { width: 965px; height: 40px; display: block; background: url(pics/line-students.gif) top left no-repeat; }
#content .line .parents { margin: 20px 0px; width: 965px; height: 1px; overflow: hidden; display: block; background: #5bc5ed; }

h1, td h1 {font: 24px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 20px;}
h2, td h2 {font: 22px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 7px;}
h3, td h3 {font: 20px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 7px;}
h4, td h4 {font: 18px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 7px;}
h5, td h5 {font: 16px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 7px;}
h6, td h6 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #00a7e5; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #333 ;  border-bottom: 1px solid #333;}
#content a:hover { color: #00A7E5;  border-bottom: 1px solid #00A7E5; }

#content a.newsletter_subscribe:link, #content a.newsletter_subscribe:visited, #content a.newsletter_subscribe:hover { border: 0px; }  

table {margin: 5px 0px;}
td {
  font: 12px arial, verdana, sans-serif;
  line-height: 16px;
  color: #333;
}

#content .error { 
  margin: 10px 0px 0px 0px; 
  color: #ff0000; 
  font-size: 12px;
  font-weight: bold;
}

#content .addthis_toolbox { margin: 0px 0px 18px 0px; display: block; clear: both; }
#content .addthis_toolbox a:link,
#content .addthis_toolbox a:visited,
#content .addthis_toolbox a:hover { line-height: 0px; font-size: 0px; border: 0px solid #fff; }

#content img { margin: 4px 0px; }
#content img.left {  margin: 0px 11px 10px 0px; float: left; }
#content img.center {  margin: 0px 11px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content span.file .icon img { margin: 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 277px; float: left; }
#content span.file a:link,
#content span.file a:visited { padding: 1px 0px 15px 0px !important; display: inline-block !important; background: none !important; }

#content ul.downloads { margin: 20px 0px !important; width: 308px !important; }
#content ul.downloads li { width: 308px !important; clear: left; }

#content .logo_jubileum_big {
  margin: 10px 0px;
}

#content .logo_jubileum_big img { margin: 0px auto; display: block; }   

/* UL students/parents */
#newsslider { margin: 0px 0px 20px 0px; height: 104px; overflow: hidden; }

#content ul.students,
#content ul.parents {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#content ul.students li,
#content ul.parents li {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  width: 298px;
  display: inline-block; /*ie6*/
  background: url(pics/bg_li_students.gif) bottom left no-repeat;
}
#content ul.parents li { background: url(pics/bg_li_parents.gif) bottom left repeat-x; }

#content ul.students li.last,
#content ul.parents  li.last { background: none; }

#content ul.students li a:link,
#content ul.students li a:visited,
#content ul.parents li a:link,
#content ul.parents li a:visited {
  padding: 5px 0px 15px 15px;
  display: block;
  color: #333;  
  text-decoration: none;
  border: 0px solid #fff;
  background: url(pics/bg_li_a.gif) 0px 8px no-repeat;
}

#content ul.students li a span,
#content ul.parents li a span { background: #fff; }

#content ul.students li.current a:link,
#content ul.students li.current a:visited,
#content ul.students li a:hover,
#content ul.parents li.current a:link,
#content ul.parents li.current a:visited,
#content ul.parents li a:hover { text-decoration: underline; }

/* iGallery */
#content ul.students li a.hassubitems:link,
#content ul.students li a.hassubitems:visited { padding-bottom: 5px; }

#content ul.students li li { width: 288px; background: none; }

#content ul.students li.current ul li a:link,
#content ul.students li.current ul li a:visited { padding: 5px 0px 0px 15px; text-decoration: none; }

#content ul.students li.current ul li a:hover,
#content ul.students li.current ul li.current a:link,
#content ul.students li.current ul li.current a:visited { text-decoration: underline; }

#content ul.students li.current ul li.last { padding-bottom: 15px; }

/* end UL homepages */

#content .left_10 { margin-left: 10px; }

.btn_blue,
.btn_blue_dark {
  width: 135px;
  height: 30px;
  display: block;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  color: #00a7e5;
  cursor: pointer;
  background: url(pics/btn_yellow.png) top left no-repeat;  
}

.btn_blue_dark {
  background: url(pics/btn_yellow.png) top left no-repeat;
}

a.btn_blue:link,
a.btn_blue:visited,
a.btn_blue_dark:link,
a.btn_blue_dark:visited { 
  display: block !important; 
  color: #00a7e5 !important; 
  text-decoration: none !important; 
  border-bottom: 0px solid #fff !important;
}

.height_110 { height: 110px !important; }
.height_150 { height: 150px !important; }
.height_165 { height: 165px !important; }

/* list-toggle layout */
#content .list-toggle .item {
    width: 616px;
    border-bottom: 1px solid #00A7E5; 
}
#content .list-toggle.offerte .item {
  border-bottom: 0px solid #00A7E5;
}

#content .list-toggle .item .category_name {
  padding: 0px 20px;
  width: 595px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background: url(pics/bg_li_a.gif) 0px 15px no-repeat;
}

#content .list-toggle .item .category_name.ui-state-active {
  background: url(pics/bg_li_a_down.gif) 0px 15px no-repeat;  
} 

#content .list-toggle .item .category_name a:link,
#content .list-toggle .item .category_name a:visited { width: 595px; display: block; font-size: 13px; font-weight: bold; border-bottom: 0px solid #fff; color: #333;}

#content .list-toggle .item .category_name a:hover,
#content .list-toggle .item .category_name.current a:link,
#content .list-toggle .item .category_name.current a:visited { color: #333; }

#content .list-toggle .item .image {
  position: static; /* set default */
  margin: 0px 20px 0px 0px;
  width: 150px;
  height: 134px;
  float: left;  
  font-size: 0px;
  line-height: 0px;
}
#content .list-toggle .item .image img { margin: 0px; }

#content .list-toggle .item .txt {
  width: 415px;
  float: left;  
}
#content .list-toggle .item .txt.no-image { width: 585px; }

/* ------------------------------------------------------------------------- Newsletter Jubi */ 

#content .newsletterform {
  padding: 10px;  
  width: 296px;
  height: 207px;
  color: #fff;
  background: url(pics/bg_newsletter.png) top left no-repeat;  
}

#content .newsletterform h1 { color: #fff; margin-bottom: 10px; }  

#content .newsletterform .formcontent .description {
  margin: 0px 0px 0px 0px;
  width: 380px;
  float: left;
  font-weight: normal;
}

#content .newsletterform .formcontent .value {
  margin: 0px 0px 10px 0px;
  width: 380px;
  float: left;
  font-weight: normal;
}

#content .newsletterform .formcontent .value input.small {
  padding: 1px 3px;
  margin: 0px 5px 0px 0px;
  width: 87px;
  height: 17px;
  float: left;
  color: #333;
  border: 1px solid #00A7E5;
}

#content .newsletterform .formcontent .value input.medium {
  padding: 1px 3px;
  margin: 0px;
  width: 130px;
  height: 17px;
  float: left;
  color: #333;
  border: 1px solid #00A7E5;
}

#content .newsletterform .formcontent .value input.large {
  padding: 1px 3px;
  margin: 0px;
  width: 230px;
  height: 17px;
  float: left;
  color: #333;
  border: 1px solid #00A7E5;
}

#content .newsletterform .formcontent .button {
  width: 238px;
}

#content .newsletterform .formcontent .button input.submit {
  margin: 0px 0px 0px 0px;
  height: 30px;
  width: 135px;
  float: left;
  font-weight: bold;
  color: #00A7E5;
  border: 0px solid #FFD64E;
  cursor: pointer;
  background: url(pics/btn_subscribe_blue.gif) top left no-repeat;
}



/* ------------------------------------------------------------------------- iGallery */ 

#iGallery ul {
  margin: 0px;
  list-style-type: none;  
}

#content #iGallery li { margin: 0px 14px 14px 0px; width: 146px; height: 110px; float: left; overflow: hidden; }
#content #iGallery li.last { margin-right: 0px; }
#content #iGallery li img { margin: 0px; }

#content #iGallery li a:link,
#content #iGallery li a:visited { border-bottom: 0px solid #fff;  }

#content #iGallery #prevnext .next {
  width: 100px;
  display: inline;
  float:right;
  text-align: right;
  margin-top:10px;
}
#content #iGallery #prevnext .prev {
  width: 100px;
  display: inline;
  float:left;
  text-align: left;
  margin-top:10px;  
}
#content #iGallery #prevnext a.readmore:link,
#content #iGallery #prevnext a.readmore:visited { margin-bottom:5px; display: block; border: 0px solid #fff; }
#content #iGallery #prevnext a.readmore:hover { border-bottom: 0px solid #fff; }

/* ------------------------------------------------------------------------- Google map */

#content .gmaps {
  width: 616px;
  height: 300px;
  border: 1px solid #00A7E5;
}

#content #directions {
  width: 618px;
}

#content #directions .adp-placemark {
  background: #00A7E5;
  border: 1px solid #00A7E5;
}

#content #directions .adp-directions { width: 618px; }

#content #directions .adp-placemark .adp-text {
  color: #fff;
}

/* ------------------------------------------------------------------------- Forms */

#content .form .description {
  width: 160px;
  float: left;
  font-weight: normal;
}

#content .form .value input.text {
  padding: 1px 3px;
  margin: 0px;
  width: 354px;
  height: 17px;
  float: left;
  color: #333;
  border: 1px solid #00A7E5;
}

#content .form .value input.submit {
  padding: 1px 3px;
  margin: 0px 0px 0px 10px;
  height: 21px;
  width: 86px;
  float: left;
  font-weight: bold;
  color: #00A7E5;
  border: 1px solid #FFD64E;
  background-color: #FFD64E;
  cursor: pointer;
}

#form_container .description { margin: 0px 0px 2px 0px; width: 620px; float: left; }
#form_container .value { margin: 0px 0px 4px 0px; width: 620px; float: left; }

#form_container .filled {
    float:left; 
    width: 200px;
    font-weight:bold
}

#form_container .description.small {
    width: 100px;
}

#form_container .arrowspace {
    width: 605px;
}

#form_container .arrow {
    margin-top: 28px;
    width: 15px;
    height: 7px;
    display: block;
    float: left;
    cursor: pointer;
}

#form_container .up { background: url(/pics/arrow_up.gif) top left no-repeat; }
#form_container .down { background: url(/pics/arrow_down.gif) top left no-repeat; }

#form_container .filledvalue {
    float:left;  
    width: 400px;
}

#form_container .value.small {
    width: 210px;
}

#form_container .value input.input-text {
  padding: 1px 3px;
  margin: 0px;
  width: 280px;
  height: 17px;
  float: left;
  color: #999;
  border: 1px solid #fff;
}

#form_container .value.small input.input-text {
  width: 180px;
}

#form_container .value input.semi-required {
  border: 1px solid #999 !important;
}


#form_container .value input.required {
}

#form_container .value input.small {
  width: 85px;
  margin-right: 5px;
}

#form_container .value input.medium {
  width: 182px;
  margin-right: 5px;
}

#form_container .value  select {
  padding: 1px 1px;
  margin: 0px;
  width: 288px;
  height: 20px;
  color: #999;
  font-size: 12px;
  border: 1px solid #fff;
}

#form_container .value  select.small { width: 65px; }
#form_container .value  select.medium { width: 105px; }

#form_container .value.small  select {
  width: 188px;
}

#form_container .value  textarea {
  padding: 1px 1px;
  margin: 0px;
  width: 284px;
  color: #333;
  font-size: 12px;
  font: 12px arial, verdana, sans-serif;
  border: 1px solid #fff;
}

#form_container .value  textarea.large {
  padding: 1px 1px;
  margin: 0px;
  width: 610px;
  height: 190px;
  color: #333;
  font-size: 12px;
  font: 12px arial, verdana, sans-serif;
}

#form_container .value .icons { float: left;   width: 80px; margin: 0px 0px 0px 10px; }
#form_container .value .icons a img { border: 0px; margin: 3px 0px 0px 0px; }
#form_container .value .icons a:link, #form_container .value .icons a:visited { border: 0px; }
#form_container .value .tag { width: 620px; float: left; margin: 0px 0px 4px 0px;}

#form_container .value input.submit {
  width: 135px;
  height: 30px;
  font-size: 0px;
  line-height: 0px;
  text-indent: -99999px;
  border: 0px solid #fff;
  cursor: pointer;
}


/* ------------------------------------------------------------------------- Columns */

#column1,
#column2,
#column3 { width: 308px; float: left; }

#column1 img,
#column2 img,
#column3 img { width: 308px; }

#column1 { margin: 0px 11px 0px 0px; } 
#column3 { margin: 0px 0px 0px 10px; } 

/* hide columns 4-10 */
#column4,#column5,#column6,#column7,#column8,#column9,#column10 { display: none; }

/* ------------------------------------------------------------------------- Forum */

#forum h1 { float: left; }

#breadcrumb { width: 600px; height: 44px; margin-bottom: 10px; float: right; }
#breadcrumb .common-icons{ float: right; margin-right: 20px; }
#breadcrumb .bread { float: right; text-align: right; padding: 0px 10px; }
#breadcrumb a img { border: 0px; margin: 2px 0px 0px 0px; }
#breadcrumb a:link, #breadcrumb a:visited { border: 0px; }

#content .column-list { width: 945px; }
#content .column-list .head { height: 22px; line-height: 22px; color: #fff; overflow: hidden; background-color: #00A7E5;}
#content .column-list .subhead { height: 22px; line-height: 22px; overflow: hidden; background-color: #6CCBEF; color: #fff;}
#content .column-list .row { padding: 1px 10px; line-height: 22px; float: left; width: 926px; }
#content .column-list .row.uneven { background-color: #ededed; }
#content .column-list .row.semiback { background-color: #6CCBEF; }
#content .column-list .head a:link, #content .column-list .head a:visited { border: 0px; }
#content .column-list .row a:link, #content .column-list .row a:visited { font-weight: bold; border: 0px; }
#content .column-list .head a img { border: 0px; margin: 3px 0px 0px 0px; }
#content .column-list .column { margin: 0px 10px 0px 0px; float: left; display: inline; }

#content .column-list .width_40   { width: 40px; }
#content .column-list .width_60   { width: 60px; }
#content .column-list .width_80   { width: 80px; }
#content .column-list .width_90   { width: 90px; }
#content .column-list .width_125 { width: 125px; }
#content .column-list .width_130 { width: 130px; }
#content .column-list .width_165 { width: 165px; }
#content .column-list .width_210 { width: 210px; }
#content .column-list .width_250 { width: 250px; }
#content .column-list .width_365 { width: 365px; }

#content .column-list .info-right { float: right; }
#content .column-list .info-right a img { float: left; width: 16px; height: 16px; border: 0px; margin: 3px 0px 3px 3px; }

#content .item-container { margin-top: 30px; }
#content .reaction  img, #content .message img { margin: 0px; border: 0px; }

#content .column-list .arrow { 
  float: right;
  margin: 0px 5px 0px 0px;
  width: 14px;
  height: 20px; 
}

#content .column-list .arrow a:link, #content .column-list .arrow a:visited {
  display: block;
  width: 15px;
  height: 20px;
  position: relative;
  z-index: 10;
}

#content .column-list .arrow.asc  { margin-top: 1px; background: url(/pics/bg_li_a_up_white.gif) center left no-repeat; }
#content .column-list .arrow.desc { margin-top: 1px;  background: url(/pics/bg_li_a_down_white.gif) center left no-repeat; }

#form_container .value input.input-text, 
#form_container .value select,
#form_container .value textarea { border-color: #00A7E5; } 

#content .pagination { margin-bottom: 4px; width: 946px; clear: both; float: left; }
#content .pagination a:link, #content .pagination a:visited { border: 0px; }
#content .pagination .page-numbers { float: right; }
#content .pagination .current-page-nr { color: #00A7E5; font-weight: bold; }

#rating { margin: 3px 30px 0px 0px; font-size: 0px; line-height: 0px; }
#rating  #loader div{ line-height: 0px; text-indent: -99999px; }


#content .message { padding: 5px 10px; float: left; width: 926px; }
#content .thread-author { padding: 0px 10px; float: left; }
#content  .marginRight { font-weight: bold; margin-right: 10px; }
#content  .reply-btn { width: 610px; height: 40px; float: right; }
#content  .reply-btn a:link, #content .reply-btn a:visited { float: right; }

#content .quote {
  margin: 10px 0px 10px 50px;
  padding: 10px 15px;
  width: auto;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  font-weight: bold;
  color: #999;
}

#content .quote.semiback { background-color: #ededed; color: #333;}
#content .quote.color { background-color: #6CCBEF; color: #fff;}
#content .quote.white { border: 1px solid #999; }
#content .block.white { border: 0px solid #fff; }

#content .quote .quote {
  margin: 10px 0px 10px 0px;
  width: auto;
}

#content .quote .quote-info {
  margin-bottom: 5px;
  display: block;
  font-style: italic;
}

#content .quote span.quote-first {
  margin: 3px 5px 0px 0px;
  width: 16px;
  height: 13px;
}

#content  span.quote-first.color {
  background-color: transparent;
}

#content .quote span.quote-last {
  margin: 3px 0px 0px 5px;
  width: 16px;
  height: 13px;
}

#content .quote span.quote-first.color {
  display: inline;
  background: url(/pics/quote-first.png) top left no-repeat;
}

#content .quote span.quote-last.color {
  display: inline;
  background: url(/pics/quote-last.png) top left no-repeat;
}

#content .quote span.quote-first.semiback {
  display: inline;
  background: url(/pics/quote-first-grey.png) top left no-repeat;
}

#content .quote span.quote-last.semiback {
  display: inline;
  background: url(/pics/quote-last-grey.png) top left no-repeat;
}

#content .message span.quote-first {
  display: none;
}

/* ------------------------------------------------------------------------- Poll */ 

#content .poll {
  margin-bottom: 10px;
}

#content .poll .option {
  margin: 0px;
  padding: 5px 0px 15px 15px;
  width: 293px;
  display: block;
  color: #333;  
  background: url(pics/bg_li_parents.gif) bottom left repeat-x;
}

#content .poll .option.last { background: none; }
#content .poll .option input { float: left; }
#content .poll .option span { float: left; margin: -1px 0px 0px 5px; }

#content .poll .description { padding: 20px 15px 10px 15px; }

#content .poll .spacer {
  margin-top: -6px;
  width: 308px;
  height: 1px;
  background-color: #fff;
}

#content .poll input.vote { 
  padding: 1px 3px;
  margin: 5px 0px 0px 10px;
  height: 30px;
  width: 135px;
  float: left;
  font-weight: bold;
  color: #00A7E5;
  border: 0px solid #FFD64E;
  background: url(pics/btn_vote.gif) top left no-repeat;
  cursor: pointer;
  line-height: 0px;
  font-size: 0px;
  text-indent: -999999px;
}

#content .poll .arrow {
  padding: 5px 0px 15px 15px;
  width: 293px;
  min-height: 18px;
  height: auto !important;
  height: 18px;
  display: block;
  color: #333;  
  text-decoration: none;
  border: 0px solid #fff;
  background: url(pics/bg_li_a.gif) 0px 8px no-repeat;
}
#content .poll .answer_1,
#content .poll .answer_2,
#content .poll .answer_3,
#content .poll .answer_4,
#content .poll .answer_5 {
  margin-right: 5px;
  float: left;
  width: 100px;
}

#content .poll .progressbar { float: right; height: 18px; background-color: #00a7e5; }
#content .poll .answer { float: left; width: 140px; margin-right: 10px; }
#content .poll .score { float: left; color: #a8a8a8; }


/* ------------------------------------------------------------------------- Footer */ 

#footer {
  position: absolute;
  bottom: -15px;
  left: 0px;
  padding: 0px 18px;
  width: 940px;
  height: 15px;
  font: 10px arial, verdana, sans-serif;
  color: #fff;
  text-align: right;
  background: url(pics/bg_footer.png) top left no-repeat;
}

#footer .txt { margin-top: 10px; }

#footer a:link, #footer a:visited {
  text-decoration: none;
  line-height: 20px;
  color: #fff;
}

#footer a:hover { text-decoration: underline; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }