/* 
	Theme Name: Top Zwemmen Almere
	Theme URL: http://www.gekkodesign.nl
	Description: Theme for Top Zwemmen Almere, Professional Wordpress Theme from <a href="http://www.gekkodesign.nl"><strong>Gekko Design</strong></a>. 
	Author: Gekko Design
	Author URI: http://www.gekkodesign.nl
	Version: 1.0
*/



/* body
--------------------------------------------------*/
body {
	float:left;
	margin: 0 0 0 0;
 	color:#000000;
  	background:#e5f4ff; 
  	font-family: Arial, Helvetica, sans-serif;
  	font-size:12px;
  	background-image:url(img/bg.png);
	background-repeat:repeat-y;
}

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



/* topbar
------------------------------------------------*/
#navigation {
	float:left;
	width:187px;
	height:400px;
}

#topbar {
		position:absolute;
		top:243px;
		width:187px;
		background-image:url(img/button_bg.png);
		background-repeat:repeat-y;
		overflow:hidden;
		float:left;
		font-size:14px;
}
#topbar a,a:hover {
    text-decoration: none;
	color: #000000;
}

#topbar ul {
	float:left;
	list-style:none;
}         

#topbar li {	       
    padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
	width:166px;
	height:25px;
	background-image:url(img/button_divider.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#topbar li.current_page_item{
	background-color:#9ccdee;
	
}


/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
  margin:0 auto;
}

img.footer {
	float:left;
	margin:0 60px 0 0;
}


/* paragraphs, lists, blockquote  etc
--------------------------------------------------*/
pre, code  {
font: 1.1em 'Courier New', Courier, Fixed;
}

kbr {color:#009193;}

p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:normal;
}

ul {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

ul ul {padding:0;}


blockquote {
background:#F4F5F7 url(images/blockquote.gif) no-repeat;
border:1px dashed #CCCCCC;
margin:5px 0pt;
padding:8px 12px 8px 36px;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
  border:1px dashed #CCCCCC;
}

pre, code, kbr {font-family: Courier, Monaco, monospace;}
 
code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
  cursor:help;
}

#top {background:url(images/top.gif) no-repeat;
      padding-left:16px;}

#s {background:url(images/search.gif) no-repeat;
    padding-left:18px;}


/* container
--------------------------------------------------*/
#container {
	float:left;
  	padding-top:0;
  	background: #fff;
  	width:1024px;
  	padding: 0px;
  	text-align:left;
  	background-image:url(img/button_bg.png);
	background-repeat:repeat-y;
}

#commentspopup #container {
  width:455px;
  padding:0 15px;
}


/* Post Title 
--------------------------------------------------*/ 
.post-title {
border-bottom:1px dotted #14568A;
display:block;
font-family:Georgia,serif;
line-height:1.2em;
margin:10px 0px 5px 0px !important;
padding:5px 0pt;
}

/* content
--------------------------------------------------*/
#content {
  float:left;
  width:760px;
  margin-top:6px;
  padding-right:10px;
  padding-left:20px;
  margin-bottom:20px;
  background: #fff;
  font-size:1em;
  display:inline;
  overflow:hidden;
}
#content_news {
  float:left;
  width:530px;
  margin-top:6px;
  padding-right:10px;
  padding-left:20px;
  margin-bottom:20px;
  background: #fff;
  font-size:1em;
  display:inline;
  overflow:hidden;
}
#content h1 {
   color:#333333;
   font-weight: normal;
   font-family: Georgia, Arial, Helvetica, sans-serif;
   line-height:1.4em;
   margin:0 0 8px 0;
}

#content h2 {  
  color:#333333;
  font-weight: normal;  
  font-family: Georgia, Arial, Helvetica, sans-serif;
  line-height:1.4em;
  margin:0 0 8px 0 ;
  font-size:1.5em;
}

#content h3 {
  margin: 10px 0 18px 0;
  font-size:1.3em;
  font-weight:bold;
  font-family: Georgia,Arial,Helvetica,sans-serif;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h4 {
  margin: 10px 0 18px 0;
  font-size:1.1em;
  font-weight:bold;
  font-family: Georgia,Arial,Helvetica,sans-serif;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h5 {
  margin: 10px 0 18px 0;
  font-size:1em;
  font-weight:bold;
  font-family: Georgia,Arial,Helvetica,sans-serif;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
} 
#content h6 {
  margin: 10px 0 18px 0;
  font-size:0.8em;
  font-weight:bold;
  font-family: Georgia,Arial,Helvetica,sans-serif;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#333333;
}
#content ol {margin-top:5px;margin-bottom:5px;}

#content.archive h2 {margin:0 0 8px 0;}
#content.archive h3 {
  margin:0 0 10px 0;
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:normal;
}
#content.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}
#content.archive h5 {
  margin:0;
  font-size:1em;
}
.singlecol #content {
  float:left;
  width:470px;
}

#commentspopup #content {
  float:none;
  padding-top:0;
}
 
/* Post_nav post navigation	on index post
----------------------------------------------------*/
#post_nav  {border-top:1px solid #14568A;
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:bold;
			line-height:normal;
			margin:15px 0pt 25px;
			padding:5px 0pt;
			overflow:hidden;
             }
#post_nav .back {
display:block;
float:right;
}

#post_nav .fwrd {

display:block;
float:left;
width:45%;
}

/* single_Post_nav post navigation	on single post
----------------------------------------------------*/
#single_post_nav  {border-top:1px solid #14568A;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			margin:15px 0pt 25px;
			padding:5px 0pt;
             }
#single_post_nav .back {
display:block;
}

#single_post_nav .fwrd {
display:block;
}


/* Entry
--------------------------------------------------*/
#content li
{margin-bottom: 0;}

.entry a.more {
  padding-left:12px; 
}
 
.contenttitle {
   color:#C22463; 
   font-weight: normal;
   font-family: georgia, serif;
   line-height:1.2em;
   margin:0 0 5px 0;
   font-size:1.9em;
   padding: 5px;
   background: #f9f9f9;
   border-bottom: 2px #f3f3f3 solid;
   border-top: 2px #f3f3f3 solid;
}

.entry {
	margin:0 0 7px 0;
}

.entry_news {
	height:auto;
	margin-bottom:20px;
	padding:10px;
	border:solid thin #ff7800;
	background-color:#e6f5ff;
}

.entry .info {
  position:relative;
  margin-top:-3px;
  padding:3px;
  font-size:0.9em;
}

.entry.single {clear:both;}

.entry.single .info {margin:0 0 22px 0;}

.entry .info a {
  margin: 0 2px;
  padding: 0 2px;
}

.entry .info em {
  padding-right:6px;
  font-style:normal;
}

.entry .author,
.entry .editlink a {
  margin:0;
  border-left:1px solid;
  border-right:none
}

/* POST META
---------------------------------------------------*/
#postmeta{
          text-transform:uppercase;
		  color:#999999;
		  font-family:arial;
		  font-size:0.8em;
		  margin-bottom:5px;
		  overflow:hidden;
		  margin-top:5px;
          }

.postmetabox {border:1px solid #DDDDDD; padding:3px;}

/* edit link style code
---------------------------------------------------*/
#elink {color:#cc0000;
        font-size:bold;}

/* Comments	Display Style Code
--------------------------------------------------*/
#comments{
		font-family:verdana;
		margin-top:15px;
         }
   /*Readers Comment Title*/
#comments h4 {  font-size:1.4em !important;
				text-transform:none;
				border-bottom:1px solid #DDDDDD; 
				margin:0;
				padding:0;
				font-weight:bold;
				font-family:Georgia,Arial,Helvetica,sans-serif;
             }
.comment {margin:0px;
		  margin-top:8px;
		  margin-bottom:15px;
          padding:0px;
		  width:540px;
		  overflow:hidden;
		  }

#comments .comment .ucomment p {margin:0px !important;
                     padding:0px;}

.ucomment {margin:0px;
		   padding:0px;
		   border-bottom:1px solid #DDDDDD;
          }
#comments .comment .ucomment p {margin:0px !important;
                     padding:0px;}
.mcomment {margin:0px;
		   padding:0px;
		   border-bottom:1px solid #DDDDDD;
		   background:#F4F7FC;
          }
#comments .comment .mcomment p {margin:0px !important;
                     padding:0px;}

.tcomment {margin:0px;
		   padding:0px;
		   /*border-bottom:1px solid #DDDDDD;*/
		   /*background:#F4F7FC;*/
          }
 #comments .comment .tcomment p {margin:0px !important;
                     padding:0px;}

.ucomment_meta {margin:0px;
				padding:0px;
				font-family:arial;
				font-size:0.8em;
				/*border-top:1px solid #DDDDDD;*/
				text-transform:uppercase;
                color:#999999;
				display:inline;
				}
.ucomment_meta_dt {margin:0px;
				padding:0px;
				font-family:arial;
				font-size:0.8em;
				/*border-top:1px solid #DDDDDD;*/
				text-transform:uppercase;
                color:#999999;
				display:inline;				
				width:10px;
                     }
.avatar img {float:left;}

/* AddComment Comment Adding Form Style code
--------------------------------------------------*/
#addcomment { margin-top:15px;
			  border:1px solid #CCCCCC;
			  padding-top:10px;
			  padding-left:10px;
			  padding-right:10px;
			  padding-bottom:0px;
			 /* margin: 10px; Commented for IE fix*/
			  font-size:0.9em;
			  background:#F4F7FC;
			  font:verdana,Arial, Helvetica, Sans-Serif;
			  width:488px;
               }
#addcomment h4 { font-size:1.4em !important;
				text-transform:none;
				margin:0;
				padding:0;
				font-weight:bold;
				font-family:Georgia,Arial,Helvetica,sans-serif;
				}			   
#addcomment p {margin:0px;
            padding:0px;
            padding-bottom:5px;
            padding-top:5px;}

.form-item { width:170px;
             float:left;
             }
#addcomment input {width:150px; margin:0px; padding:4px; height:16px;}

#addcomment textarea {width:470px;
                      font:verdana,Arial, Helvetica, Sans-Serif;
					  font-size:14px; 
					  margin-top:5px;
					  margin-bottom:5px;
					  height:190px;
					  padding:5px;}

#addcomment #comment-name {
			   display:block;
			  }

#addcomment .desc {color:#999999;
                   font-size:0.8em; 
				   text-transform:capitalize;
				   font:verdana,Arial, Helvetica, Sans-Serif !important;
				   width:180px;
                   }
#addcomment input#submit {  background-color:#4F8ACE;
							border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
							border-style:solid;
							border-width:1px;
							color:#FFFFFF;
							font-family:arial,sans-serif;
							font-size:11px;
							font-weight:bold;
							padding:2px;
							width:110px;
							}

div.search input#searchbtn, input#comment-submit, input#searchsubmit {
							background-color:#4F8ACE;
							border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
							border-style:solid;
							border-width:1px;
							color:#FFFFFF;
							font-family:arial,sans-serif;
							font-size:13px;
							font-weight:bold;
							padding:2px;
							height:25px;
							margin-top:5px;
							margin-bottom:5px;
							}
.nocomments {font-weight:bold;
              color:#003366;}

/* content misc
--------------------------------------------------*/
/*#entrynavigation {border-color:#F3F4F4;}

 .editlink {
  position:absolute;
  height:14px;
  width:14px;
  right:2px;
} 

.next a {float:right;}
.previous a {float:left;}*/

html>body .editlink {bottom:6px;}
.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block;
  height:14px;
  width:14px;
  margin:0;
  padding:0;
  border:none;
  font-size:1px; /* IEWin */
  line-height:0; /* IEWin */
  text-indent:-9999px;
}
.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}


/* footer
--------------------------------------------------*/
#footer {
  	height:74px;
  	width:800px;
  	margin: 0 0 0 188px;
  	float:left;
	bottom:0px;
  }

.alignright {float:right;}

/* Sidebar Properties 
---------------------------------------------------*/
.sidebar {font:1em;
          color:#464646;
		  overflow:auto;}
.sidebar h1 {
   color:#000000;
   font-weight: bold;
   line-height:1.4em;
   margin:0 0 8px 0;
   font-size:1.5em;
}

.sidebar h2 {  
  color:#000000;
  font-weight: bold;  
  line-height:1.4em;
  margin:0 0 8px 0 ;
  font-size:1.5em;
}
.sidebar h3 {
  margin: 10px 0 18px 0;
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#000000;
}
.sidebar h4 {
  font-size:1.2em;
  font-weight:bold;
  color:#000000;
  margin: 0 0 10px 0;
}

.sidebar h5 {
  margin: 10px 0 18px 0;
  font-size:1em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#000000;
} 
.sidebar h6 {
  margin: 10px 0 18px 0;
  font-size:0.8em;
  font-weight:bold;
  margin:0 0 8px 0;
  line-height:1.4em;
  color:#000000;
}
.sidebar_box{
			border:1px solid #DDDDDD;
			margin-top:5px;
			margin-bottom:10px;
			padding-left:14px;
			padding-right:5px;
			padding-top:10px;
			padding-bottom:10px;
			position:relative;
		    overflow:hidden;
			}
.sidebar ul {
	margin:0 0 0 1.4em;
  padding:0 0 10px 0;
}
#sidebar a,a:hover {
    text-decoration: none;
}
.sidebar ul li {
	list-style:none;
}
.sidebar li {
line-height:1.4em;
padding:3px 0pt;
}




/* right sidebar
--------------------------------------------------*/
#sidebar_r {
			float:left;
			margin-left:20px;
			width:200px;
			border:solid 0px;
			margin-right:10px;
			font-size:0.9em;
			overflow:auto;
		 	}

/* Wordpress Widget Related CSS Code
--------------------------------------------------*/
#wp-calendar {
	/*border: 1px solid #ddd;*/
	empty-cells: show;
	font-size: 0.9em;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight:bold;
}

#wp-calendar a:hover {
/*	background: #e0e6e0; */
background:white;
	color: #333;
}

#wp-calendar caption {
	color: #14568A;	
	text-align: center;
	font-weight:bold;
	font-size:1.2em;
}

#wp-calendar td {
/*	color: #ccc;*/
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color:#003366;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */



/* TZA Theme Styles*/
#header {
	width: 1024px;
	height:243px;
	float:left;
	background-repeat:no-repeat;
	background-image: url(img/header.png);
}
		 
.header {
color:#ff7800;
font-size:16px;
font-weight:bold;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #ff6900;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.website_link{
	float:left;
	margin: 30px 0 0 20px;
 	color:#000000;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size:10px;
}