/*
Theme Name: Verbano Theme
Description: Zelf gemaakt thema
Version: 1.0
*/

/* ### global classes ### */

.clear { clear: both; height: 0; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ### de stijl ### */

body { margin: 0; padding: 0; color: black; font-size: 16px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 22px;}

#logo { -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; position: fixed; top: 10px; left: 10px; width: 125px; height: 48px; background-image: url('images/bg_menu.png'); background-repeat: repeat; }
#logo img.logo { padding-top:8px; padding-left: 10px; }

#hoofdmenu { position: fixed; top: 10px; left: 140px; z-index: 10000; width: auto; }

#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; }
ul#nav li{ -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; margin-right: 5px; float: left; list-style: none; padding: 0; background-image: url('images/bg_menu.png'); background-repeat: repeat; }
ul#nav ul li{ background: white; margin-bottom: 2px; float: none; }
ul#nav li a{ color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; display:block; height: 34px; padding-top: 14px; padding-right: 10px; padding-left: 10px; }
ul#nav li ul li a{ color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; display:block; height: 34px; padding-top: 14px; padding-right: 10px; padding-left: 10px; }
ul#nav a:hover, ul#nav>li.current-menu-ancestor>a, ul#nav li.current-menu-item>a{ color:red; }


ul#nav li ul { padding-top: 2px; position:absolute; display:none; top:48px; }
ul#nav li ul li a{ width:262px; height: 24px; padding-top: 4px; padding-right: 4px; padding-left: 10px; }
ul#nav li ul li ul { float: left; position:relative; display:none; margin-left: 40px; padding: 0; }
ul#nav li ul li ul li a { width:262px; height: 18px; background-image: url('images/slotje.png'); background-repeat: no-repeat; background-position: right 50%; padding: 4px 16px 4px 4px; }


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }


#left_navMenu { position: fixed; top: 10px; right: 10px; z-index: 10000; margin: 0; padding: 0; }
#left_navMenu li{ margin:0; padding:0; float: left; display: inline; }
#left_navMenu li.opvulling {  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; background-image: url('images/bg_menu.png'); background-repeat: repeat; width: 138px; height: 48px; margin: 0 5px 0 0; padding: 0;}

a.info {  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; display:block; float:left; width:48px; height:48px; background: url('images/tekst.png') no-repeat; margin-right: 5px; }
a.info:hover { display:block; background: url('images/tekst-over.png') no-repeat; margin-right: 5px; }
	
li.vorigeAfb a {  text-indent: -999999px; -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; display:block; float:left; width:48px; height:48px; background: url('images/pijl-links.png') no-repeat; margin-right: 5px;}
li.vorigeAfb a:hover { display:block; background: url('images/pijl-links-over.png') no-repeat; margin-right: 5px; }
li.vorigeAfb a.inactive:hover{ background: url('images/pijl-links.png') no-repeat; }

li.volgendeAfb a {  text-indent: -999999px; -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; display:block; float:left; width:48px; height:48px; background: url('images/pijl-rechts.png') no-repeat; margin-right: 5px; }
li.volgendeAfb a:hover { display:block; background: url('images/pijl-rechts-over.png') no-repeat; margin-right: 5px;}
li.volgendeAfb a.inactive:hover{ background: url('images/pijl-rechts.png') no-repeat; }

a.zoek {  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; display:block; float:left; width:48px; height:48px; background: url('images/zoek.png'); background-repeat:no-repeat; }
a.zoek:hover { display:block; background: url('images/zoek-over.png'); background-repeat:no-repeat; }

/* zoek venster */
#zoek {  display:none;  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; background-image: url('images/bg_menu.png'); background-repeat: repeat; width: 350px; height: 48px; position: fixed; right: 10px; top: 60px; }
#zoekpage {  display:none;  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; background-image: url('images/bg_menu.png'); background-repeat: repeat; width: 350px; height: 48px; position: fixed; right: 60px; top: 10px; }
input.zoekinput {  -moz-box-shadow: inset 0 0 3px #888; -webkit-box-shadow: inset 0 0 3px#888; box-shadow: inner 0 0 3px #888; color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 255px; background-color: white; float: left; margin-top: 12px; margin-left: 12px; padding: 4px; border: none; }
.zoeksubmit { color: white; border: solid 1px red; background-color: red; float: right; margin-top: 12px; margin-right: 12px; padding: 2px 4px 3px; }
.zoeksubmit:hover { color: white; border: solid 1px white; background-color: red; float: right; margin-top: 12px; margin-right: 12px; padding: 2px 4px 3px; }

#content {  -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; color: black; font-size: 16px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 22px; background-image: url('images/bg_menu.png'); background-repeat: repeat; position: fixed; right: 10px; bottom: 10px; width: 330px; overflow: auto; padding: 10px; }

img { border-style: none; }

#content a { text-decoration: none; color: red; }
#content a:hover { text-decoration:underline; color: red; }

h1, h2, h3, h4 { color: red; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 0 8px; }

p { color: black; font-size: 16px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 22px; margin:0 0 22px;}

#contenthome01 { -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; position: absolute;  background-image: url('images/bg_menu.png'); background-repeat: repeat; top: 80px; left: 138px; width: 327px; height: 327px; margin: 0; padding: 0; }

#contenthome02 { -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; position: absolute;  background-image: url('images/bg_menu.png'); background-repeat: repeat; top: 412px; left: 138px; width: 327px; height: 327px; margin: 0; padding: 0; }

#contenthome03 { -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; position: absolute;  background-image: url('images/bg_menu.png'); background-repeat: repeat; top: 80px; left: 470px; width: 327px; height: 327px; margin: 0; padding: 0; }

#contenthome04 { -moz-box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; position: absolute;  background-image: url('images/bg_menu.png'); background-repeat: repeat; top: 412px; left: 470px; width: 327px; height: 327px; margin: 0; padding: 0; }

.homecontainer { width: 315px; height: 295px; overflow: hidden; padding: 6px; }
.homeleesmeer { width: 321px; height: 32px; overflow: hidden; text-align: right; padding-right: 6px; }
.homeleesmeer a { color: red; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; text-decoration: none; display: block; }
.homeleesmeer a:hover { color: black; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; text-decoration: none; display: block; }

#contentblog { 
	margin-top: 60px;
    margin-left: 140px;
    position: relative;
    color: black; 
    font-size: 16px; 
    font-family: Garamond, Georgia, "Times New Roman", Times, serif; 
    line-height: 22px; 
    background-image: url('images/bg_menu.png'); 
    background-repeat: repeat; 
    width: 517px; 
    padding: 10px; 
    }
    
#contentblog h1 { color: red; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 0 8px; }

#contentblog h2 a { color: red; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 0 8px; text-decoration: none; }

#contentblog a { text-decoration: none; color: red; }
#contentblog a:hover { text-decoration:underline; color: red; }

#contentblog a.leesmeer { text-decoration: none; color: red; }
#contentblog a.leesmeer:hover { text-decoration:underline; color: red; }

.reacties { width: 400px; margin-left: 50px; }
.reacties p { color: #323232; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 16px; margin: 0 0 10px; padding: 0; }

.reacties ul#commentslist{ margin: 0; padding: 0; list-style: none;}

/* FORM */
#contentblog input[type="text"],#content input[type="text"] { background-color: transparent; width: 100%; border: solid 1px #D6D6D6; padding: 4px; color: #323232; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 16px; }
textarea { background-color: transparent; width: 100%; border: solid 1px #d6d6d6; height: 100px; padding: 4px; color: #323232; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman", Times, serif; line-height: 16px;}

img.fltleft { float: left; padding: 0 10px 3px 0; }
img.fltrght { float: right; padding: 0 0 3px 10px; }