/* #Media Queries
================================================== */
 
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) { }
 
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}
 
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}
 
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}
  

/************************************************************************************
IPAD PORTRAIT
*************************************************************************************/
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

/* hide data*/
.bullet-hide{display:none}



/* wrapper*/
.wrapper        {position: relative; width:100%; margin:0px auto; text-align: left; background:#fff; box-shadow: 0px 0px 6px #999;}
.wrapper        {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -250px;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative; width: 100%; margin: 0 auto; background: #3f4142 url('images/bg-footer.gif') repeat-x bottom;}
.footer, .push  {height: 250px; clear:both;/* .push must be the same height as .footer */}

.wrap-row { width:100%; margin:0 auto; float:none;}

/* header */
#advertisement-bar { width:100%; padding: 10px 0px; background:#eae9e5 url('images/bg.gif'); }
#advertisement-bar .advt-row { display:table-row; width:100%;}
#advertisement-bar .advt-col { display:table-cell; width:auto; padding:0px 3px;}
#advertisement-bar .advt-col img { width:100%; max-width:100%; height:auto;}

#headerpan		{width:100%; background:#FFF; border-top: 4px solid #007b7e; }
#header			{width:100%; margin:0px auto; float:none; clear:both;}
#header .header-row { display:table-row; width:100%; padding: 0px; float:left; position:relative; }
#header .header-row .logo	{padding:1%; margin:0px; display:table-cell; vertical-align:top; width:20%; }
#header .header-row .top-right	{  width:75%; height:100px; padding:1%; margin:0px; display:table-cell; text-align:right; vertical-align:top; position:relative;}
#header .header-row .top-right .headline  { text-align:right; float:right; width:95%;   margin:0px; padding:1%; position:absolute; bottom:0;}
#header .header-row .top-right .headline h2 { width:auto; float:right; text-align:right; color:#01aaad; font-size:19px; font-family:Calibri, 'CalibriRegular';}
#header .header-row .top-right a { text-decoration:none;}

#navigation			{width:100%; margin:0px; padding:0px; float:left;  background:#01aaad; clear:both;}


/* Home  */
#home-containerpan		{width:100%; background:#FFF; padding: 10px 0px;}
#home-container			{width:730px; margin:0px auto; padding:0px; float:none; }

#news-containerpan		{width:100%; }
#news-containerpan .ticker-head	 {width:130px; margin:0px auto; padding: 8px 10px; display:table-cell;  background:#01aaad; color:#fff;	font-size:13px; text-transform:uppercase;}
#news-containerpan .ticker-news	 { width:560px; margin:0px auto; padding: 8px 10px;  display:table-cell; background:#ecfdfd; border:1px solid #a2d3d4;}
#news-containerpan .news-marquee { max-width: 550px; overflow: hidden; color:#333;}



#home-container .home-row { width:100%; padding:0px; margin:7px 0px; display:table-row; float:left; text-align:left; white-space:normal;  }
#home-container .home-row .home-col-gap { width:15px; padding:0px; margin:0px; display:table-cell; vertical-align:top;}

#home-container .home-row .home-col { width:595px; padding:0px; margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-poll {width:250px; background:#ffffed; border:1px solid #e7e7bc; padding:15px;  margin:0px; display:table-cell; vertical-align:top; }

#home-container .home-row .home-col1 { width:130px; background:#daf8f9; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}
#home-container .home-row .home-col2 { width:230px; background:#f0faff; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}
#home-container .home-row .home-col3 { width:250px; background:#f4f8fa; border:1px solid #bed6e1; padding:15px; margin:0px; display:table-cell; vertical-align:top;}

#home-container .home-row .home-col1 img { width:100%; max-height:100%; height:auto;}
#home-container .home-row .home-col3 img { width:100%; max-height:100%; height:auto;}

.home-row h2 {color:#007b7e; font-size:16px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }

ul.currentpoll { padding:0px; margin:0px; min-width:247px;}
ul.home-disboard { padding:0px;  margin:0px 0px 15px 0px; min-width:228px;}





/* footer */
#footer			{width:100%; margin:0px auto; float:none; }
#footer .footer-contact { padding:0px; background:#e2e2e2; border-top: 1px dashed #a8a8a8; display:table; width:100%; }
#footer .footer-contact .left-contact { padding:10px 10px 0px 10px; margin:0px; display:table-cell; width:48%; vertical-align:top; }
#footer .footer-contact .right-contact { padding: 10px 10px 0px 10px; margin:0px; display:table-cell; width:48%; vertical-align:top;}
#footer .footer-contact .right-contact img { width:100%; max-width:100%; height:auto; }

#footer .footer-links { padding: 10px 0px 0px 0px; display:table; width:100%; }
#footer .footer-links .footer-links-col { padding: 0px 20px; margin:10px; display:table-cell; width:25%; border-right:1px dashed #878888; vertical-align:top; }
#footer .footer-links .last-col { border:none;}

#footer .footer-links .footer-links-col ul { padding:0px; margin:0px;}
#footer .footer-links .footer-links-col ul li { padding:3px; margin:0px; list-style:none; font-size:11px;}
#footer .footer-links .footer-links-col ul ul { margin:2px 0px;}
#footer .footer-links .footer-links-col ul li li { padding:3px; margin:0px 3px; list-style:none; font-size:11px;}

#footer .footer-links a { text-decoration:none; color:#eee;}
#footer .footer-links a:hover { text-decoration:underline; color:#fff;}

/* body container */
#body-containerpan		{width:100%; background:#FFF; padding: 20px 0px;}
#body-container			{width:97%; margin:0px auto; float:none;}
#body-container .body-left		{width:74%; margin:0px auto; float:left;}
#body-container .body-right		{width:20%; min-width:180px; margin:0px auto; float:right;}

.content					{width:100%; float:left; margin:0px; padding:0px;}


}



/************************************************************************************
IPAD PORTRAIT
*************************************************************************************/