/*  
Theme Name: westland orthopedie
Theme URI: http://joep-i.nl/
Description: Westland theme
Version: 0.1
Author: Joep Vermaat
Author URI: http://joep-i.nl

*/

body {
	font-family: ariel, helvetica, sans;
    font-size : 11px;
	color: #404040;
	margin-top: 0px;
	background: #fff;
}

/* The body * will remove all default browser styles */

body * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	color: #404040;
	list-style-type: none;
	font-weight: normal;
}

/* put this back in for testing, it helps with the layout...
div {
	border: 1px solid #FF0000;
} */

/* set up header sizes */

h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

/* format form items */

input, textarea {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 1px;
}

/* the main wrap div */

#wrap {
	text-align:left;
	margin: 0 auto;
	width: 780px;
}

/* header styles */

#header {
	position: relative;
	height: 100px;
	width: 780px;
}

#header div.left_col {
    margin-top : 10px;
    height : 90px;
}
#header div.left_col img {
    border-style : none;
    border-width : 0;
}

#header div.right_col {
    width : 450px;
    height : 90px;
    margin : 10px 0px 0px 0px ! important;
	border-bottom: 1px solid #777;
}

#header ul.doelgroep {
    position : relative;
    top : 55px;
    display : inline;
}

#header ul.doelgroep li {
    display : inline;
    border-style : solid;
    border-width : 0px 0px 0px 1px;
    border-color : #555;
    padding-top : 2px;
    padding-left : 5px;
    font-size : 11px;
}
#header ul.doelgroep li.first {
    border-style : none;
    padding-left : 0px;
}
#header ul.doelgroep li a:hover {
    text-decoration : underline;
}
#header ul.doelgroep li.current_page_item a {
    font-weight : bold;
}

#header h1 {
	font-family: tahoma, ariel, helvetica, sans;
	text-align:center;
	margin: 0;
}

#header p {
	text-align:center;
	font-size: 100%;	
}

/* new in 0.5 - page support! */

#header #toppagenav {
	position: relative;
	bottom: -9px;
	overflow: visible;
}

#header #toppagenav li {
	display: inline;
	padding: 4px;
}



#header #toppagenav a {
	color: #bbb;
	padding: 4px;
	background: #FFF;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin-right: 5px;
	margin-left: 1px;
}

#header #toppagenav a:hover {
	color: #918200;
}

#header #toppagenav .current_page_item a {
	color: #918200;
}
/* mid section */

#middle {
    width : 780px;
	clear: both;
	margin-top: 30px
}

/* left col */

.left_col {
	float: left;
	width: 270px;
	margin: 0px 0px 0px 0px;
}

.right_col strong, .left_col strong, b {
	font-weight: bold;
}

.left_col p {
	line-height: 150%;
	font-size: 100%;
	padding-bottom: 1em;
}

.left_col p a {
	color: #918200;
	border-bottom: 1px dotted #918200;
}

.left_col p a:hover {
	border-bottom: 1px solid #918200;
}

.left_col img {
	float: left;
	margin: 5px 5px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

.left_col blockquote {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 2px solid #918200;
	margin-bottom: 1em;
}

.right_col { margin : 0px 0px 0px 0px;}

.right_col div.titel {
  background: #e9e9e9 repeat-x;
	height: 20px;
    text-transform : none;
	font-size: 120%;
	padding: 9px 5px 0 5px;
	border-bottom: 1px solid #777;
}

.right_col div.titel a {
    text-decoration : none;
}

.right_col div.titel a:hover {
    text-decoration : underline;
}

.right_col div.post {
  margin: 10px 0px 5px 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #555;
  font-size : 100%;
  line-height: 15px;
}

.right_col div.post h2 {
    margin-left : 0px !important;
    padding-left : 0px !important;
}

.right_col h2 a {
    margin-left : 0px !important;
    padding-left : 0px !important;
	font-weight: bold;
}

.right_col p {
    margin-bottom : 12px;
}

.right_col p a {
    text-decoration : underline;
}

.right_col table a {
    text-decoration : underline;
}

.right_col ul {
	margin-top: 3px;
}

.newsDate li {
	display: inline;
	margin-right: 1em;
	color: #666;
}

.newsFooter {
	clear: both;
	padding-top: 6px;
	margin-bottom: 2em;
}

.newsFooter ul {
	border-top: 1px solid #ccc;
}

.newsFooter li {
	display: inline;
	margin-right: 1em;
}

.newsFooter .category {
	padding: 0 0 0 16px;
	background: url(images/icon_categories.gif) no-repeat 0px 1px;
}

.newsFooter .category a {
	border-bottom: 1px #444 dotted;
}

.newsFooter .category a:hover {
	border-bottom: 1px #444 solid;
}

.newsFooter .comments {
	padding: 0 0 0 16px;
	background: url(images/icon_comments.gif) no-repeat 0px 1px;
}

.newsFooter .comments a {
	color: #918200;
	border-bottom: 1px #918200 dotted;
}

.newsFooter .comments a:hover {
	border-bottom: 1px #918200 solid;
}

.newsFooter .email {
	padding: 0 0 0 16px;
	background: url(images/icon_email.gif) no-repeat 0px 1px;
}

.newsFooter .email a {
	border-bottom: 1px #444 dotted;
}

.newsFooter .email a:hover {
	border-bottom: 1px #444 solid;
}

/* right col */

.right_col {
	float: right;
	width: 450px;
}

.left_col .next {
	padding: 0 0 0 16px;
	background: url(images/icon_next.gif) no-repeat 0px 5px;
	float: left;
	margin-left: 20px;
}

.left_col .prev {
	padding: 0 0 0 16px;
	background: url(images/icon_prev.gif) no-repeat 0px 5px;
	float: left;
}

.left_col dl {
  background: #e9e9e9 repeat-x;
  margin-bottom: 20px;
}

.left_col dt {
	height: 20px;
    color : #6d6d6d;
	font-size: 120%;
   border-bottom: 1px #707070 solid;
	padding: 9px 0 0 5px;
}

.left_col dd {
  margin: 0px;
  padding-bottom: 10px;
  background: transparent url(images/driehoekje.gif) no-repeat bottom right;
}

.left_col dd a {
    font-size : 100%;
  color : #6d6d6d;
    text-decoration : none;
}

.left_col dd a:hover {
    text-decoration : underline;
}

.left_col dd ul {
    margin-top : 5px;
    margin-bottom : 0px;
}
.left_col dd ul li {
    margin-left : 10px;
    line-height : 150%;
    list-style-type : none;
}
.left_col dd ul li.current_page_item a {
    font-weight : bold;
}

.left_col img {
	float: left;
	margin: 5px 5px 0 0;
	padding-bottom: 10px;
}

.left_col #sidebar_archives li {
	padding: 0 0 0 16px;
	background: url(images/icon_archive.gif) no-repeat 0px 4px;
}

.left_col #sidebar_categories li {
	padding: 0 0 0 16px;
	background: url(images/icon_categories.gif) no-repeat 0px 4px;
}

.left_col #sidebar_syndication li {
	padding: 0 0 0 16px;
	background: url(images/icon_syndicate.gif) no-repeat 0px 4px;
}


/* classes for top borders */

.border_diary {
	border-top: 3px solid #918200;
}


/* footer */

#footer {
	clear: both;	
	height: 44px;
	width: 780px;
}

#footer div.right_col {
    font-size : 95%;
    padding-bottom : 5px;
	border-bottom: 1px solid #777;
    font-size : 100%;
    
}
#footer ul {
    display : inline;
    
}
#footer ul li {
    display : inline;
    padding-left : 5px;
    border-style : solid;
    border-width : 0px 0px 0px 1px;
    border-color : #404040;
    font-size : 100%;
}

#footer p {
	margin-left: 7px;
	padding-top: 7px;
	text-align: left;
}

#footer a {
	color: #404040;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#footer ul li.current_page_item a {
    font-weight : bold;
}

/* classes voor selectie programma */
.right_col div.post #error
{
	color: #CC3300;
}

.right_col div.post select
{
	font-family: ariel, helvetica, sans;
    font-size : 11px;
	
}