/*LAYOUT*/

* { outline: none; }

html, body { height: 100%; }

body { background: #fff url(images/bg.png) repeat-y center center; }

#maincontainer{ width: 960px; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -150px; margin-bottom: 10px;}

#contentwrapper { float: left; width: 100%;  }

#contentcolumn{ margin: 0 220px 0 180px; line-height:1.2em; }

#leftcolumn{ float: left; width: 160px; margin-left: -960px; }

#rightcolumn{ float: left; width: 200px; margin-left: -200px; }

#footer, #push { height: 150px; }

#footerLeft { float: left; width: 48%; text-align: left; }

#footerRight { float: right; width: 48%; text-align: right; }

#footer{ background: #fff url(images/borderBottom.png) repeat-x 0% 0%; font-size: 12px; line-height: 1.4em; margin: 0 auto; padding: 30px 0 0 0; width: 960px; clear: left; }

/*HEADER*/

#header { background: #fff url(images/borderTop.png) repeat-x 0 159px; height: 183px; width: 960px; margin: 0 auto 0; border-top: 0px solid #fff; }

#headerLeft { background: url(images/header_image_left.jpg) no-repeat 0% 0%; border: 1px solid #000; float: left; height: 158px; margin-top: 0; width: 158px; }
#headerLeft { display: none; }
#headerMiddle { background: url(../assets/images/pano3b.jpg) no-repeat 0% 0%; color: #fff; float: left; font: bold italic 65px/65px times new roman, times, serif; margin: 0; padding-top:20px; padding-bottom: 33px; text-align: left; width: 960px;  }
#headerMiddle .title { padding-left:30px; }
#headerMiddle .tagline1 { float:left;padding-left:30px; padding-top:30px; color: #fff; font: bold 16px/35px arial, helvetica, sans-serif; width:300px;}
#headerMiddle .tagline2 { float: right; text-align:right; padding-top:50px; padding-right:5px; width:370px;}

#headerMiddle .tagline2 span { background-color: transparent; font: bold 14px arial, helvetica, sans-serif; color: #fff; letter-spacing: 0px; padding: 3px 6px; }

#headerRight { background: url(images/header_image_right.jpg) no-repeat 0% 0%; border: 1px solid #000; float: left; height: 158px; float: left; margin-top: 0; width: 158px; }
#headerRight { display: none; }
/*NAVIGATION TOP*/
.clear { clear:both; }
#navlist { border-bottom: 40px solid #fff; }

ul#navlist { background: #fff ; color: #333; font-weight: bold; height: 23px; margin: 0; padding: 0; width: 960px; white-space: nowrap; text-align: center; }

#navlist li, #navlist li:visited { margin: 0; display: inline; list-style-type: none; line-height: 1.7em; padding: 0 5px 0 0; }

#navlist li a { color: #333; text-decoration: none; padding: 0 2px 2px 0; }

#navlist li a:hover { background-color: #f0f8ff; color: #4682b4; text-decoration: none; }

/*MENU LEFT*/

#menu { width: 160px; }

#menu ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; }

#menu a, #menu a:visited { color: #666; display: block; padding: 3px 5px; width: 150px; background-color: #f5f5f5; border-bottom: 1px solid #fff; }

#menu a:link, #menu a:visited { color: #666; text-decoration: none; }

#menu a:hover { background: url(images/arrow.png) no-repeat top right; color: #4682b4; border-bottom: 1px solid #4682b4; }

/*STYLES*/

body { color: #333; margin: 0; font: normal 13px/1.5em verdana,arial, helvetica, sans-serif; }

h2, h3 { display: block; clear: both; letter-spacing: 1px; margin: 0px 0 0px 0; }
 h4 { display: block; clear: both; letter-spacing: 1px; margin: 10px 0 0 0; }
 h5 { display: block; clear: both; letter-spacing: 1px; margin: 0 0 10px 0; }
h2 { text-align:left; font-size: 18px; line-height: 28px; margin: 0 0 0px 0; }

h3 { font-size: 14px; padding-left: 10px; }

h4 { font-size: 13px; padding: 0px 5px; }
h5 { font-size:12px; padding: 2px 10px; }

/*h2.headline { background-color: #cacaca; font-family: georgia, verdana; font-style:italic;}
*/
h2.headline { margin-top:10px;}
h3.headline { background-color: #cacaca; font-family: georgia, verdana; font-style:italic;}
h4.headline { background-color: #cacaca; font-family: georgia, verdana; font-style:italic;}
h4.headline span { float:right;}
h5.headline { }
#leftcolumn h4, #rightcolumn h4 {  border-bottom: 1px solid #fff; font-size: 1em; font-weight: bold; color: #fff; margin: 0;padding:3px; text-align: center; letter-spacing: 0; line-height: 1.2em; padding-left:25px;}

#leftcolumn h4, #rightcolumn h4 { background: #4682b4 url(images/h4.png) no-repeat 0 0; }
#leftcolumn h4.groen, #rightcolumn h4.groen { background: #4682b4 url(images/h4groen.png) no-repeat 0 0; }

#leftcolumn h3, #rightcolumn h3 { font-size: 14px; margin: 5px 0;  letter-spacing: 0;  }

p { display: block; clear: both; margin: 10px 0 10px 0; }

a, a:visited { color: #4682b4; font-weight: bold; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

hr { background-color: #ccc; color: #ccc; clear: both; height: 1px; border: 0; margin: 10px 0 10px 0; }

img { border: 0; vertical-align: middle; }

#contentcolumn ul { padding-left: 0; margin-left: 16px; }

#contentcolumn li { background: url(images/list.png) no-repeat 0% 2px; list-style-type: none; padding-left: 16px; }

blockquote { background-color: #f5f5f5; border: 1px solid #ccc; margin: 10px; padding: 1px; }

blockquote h4 { font-style:italic; margin: 0; padding: 2px 5px; }

blockquote p { font-style:italic; padding: 0 4px 8px 4px; margin: 0; }

/*CLASSES*/

.advertisement { background: url(images/roundedbox_top.gif) no-repeat top right; margin: 0 0 20px 0; font-size: 0pt; line-height: 0; }

.advertisement p { margin: 0; font-size: 12px; line-height: 1.4em; padding: 5px; }

.boxBlue { background-color: #f0f8ff; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxGrey { background-color: #f5f5f5; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxBlue p, .boxGrey p { margin: 0 0 10px 0; }

.marginLeft { margin-left: 20px; }

.marginRight { margin-right: 20px; }

.imgLeft { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: left; margin: 5px 10px 0 0; }

.imgRight { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: right; margin: 5px 0 0 10px; }

.shadow { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; }

/*SPECIAL*/

.statusBox_gsnb, .gs-snippet, .gs-publisher { margin: 0 5px; }

.gs-title, .gs-clusterUrl { margin: 0 3px; } 


/* modx specifiek */
h1 { display:none; } 

table#evenementen { border:0; font-size:11px;}

#ditto_pages { font-weight:bold; text-align:center; padding: 10px;}
span.ditto_currentpage, a.ditto_page {  padding:5px; }

/* apotheker */
uur1  {font-size: 12px; padding-left: 0px; font-weight:bold;}

/* weerbericht */
table.dataTable { margin:5px; text-align:center; width:550px; }
img.condIcon { border:1px solid #808080; }

label { width: 200px;
float: left;
text-align: left;
margin-right:5px;
display: block }
input { width:250px; margin:2px; }
textarea {width:455px; height:300px;margin:2px; }
form p { width:455px; text-align:left; font-family: georgia, verdana; font-style:italic;}

div.validator_message { margin:5px; background: #66ff66; }

img { -ms-interpolation-mode:bicubic; }
#social_bookmarks { margin: 0 auto; text-align:center;}