/* Theme Name: FotoCursusUtrecht.nl Theme URI: http://www.wouterontwerpt.nl Description: WordPress thema voor FotoCursusUtrect.nl Design: wouterOntwerpt Version: 1.0 Author: Wouter Tinbergen Author URI: http://www.wouterontwerpt.nl /* CSS Document */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{ font-size:62,5%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;} caption, th, td{ text-align:left; font-weight:normal;} table{ border-collapse:separate; border-spacing:0;} blockquote:before,blockquote:after,q:before,q:after{ content:"";} blockquote, q{ quotes:"" "";} *{ margin:0; padding:0;} /* einde reset */ body{ width:auto; background:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;} /* main layout */ #container{ margin:0 auto; width:955px; border:1px solid #2a333a} #header{ background:url(images/bg_header_new.gif) repeat-x; position:relative} #header h2{ margin:0 0 0 90px; font-size:0.9em; color:#5d8ac8; display: block;} #content1{ height:210px; position:relative; padding:10px; display:block;} #content2{ width:950px; overflow-x:hidden; background-color:transparent; clear:both; padding:5px 0 20px 0; position:relative; min-height:200px;} #footer{ font-size:0.85em; color:#9e9e9e; background:url(images/bg_footer.gif) repeat-x; height:35px; background-color:#293339; overflow:hidden;} #footer p{ line-height:normal; padding:6px 0 0 10px;} #footer a{ color:#5d8ac8;} /* sub layout per pagina */ /* home */ #h_image{ position:absolute; top:70px; left:700px} #h_tekst{ width:380px; font-weight:bold; position: absolute; top: 20px; left:295px; display:block;} #h_image2{ position:absolute; top:88px; left:0px} #h_image_page{ position: absolute; left: 0;bottom: 5px; } #knoppen{ position: absolute; top: 140px; left: 290px; } #knop{ background: url(images/bg_knop.gif) no-repeat; display: block; } #knoplink{ padding-left: 30px; padding-top: 25px;display: block; width: 188px; height: 59px; color: #293339; } #col1, #col2, #col3{ width:310px; float:left; position: relative;} #col1 #h_cursus, #col1 #h_workshop, #col2 #h_teambuilding, #col2 #h_teamuitje, #col2 #h_maatwerk, #col3 #h_fotofeestje, #col3 #h_educatieveworkshops{ background: none; } #col1 #h_cursus, #col1 #h_workshop{ margin-left: 50px; } #col1 #h_cursus{ margin-left: 20px; } #col1 #h_cursus ul{ margin-left: 60px; } #h_cursus{ padding: 5px; float:left; margin-left:30px; background: url(images/bg_cursus.png) left center no-repeat;} #h_workshop{ padding:5px; float:left; margin-left:30px; padding-top:10px; background: url(images/bg_workshop.png) left center no-repeat;} #h_teambuilding{ padding:5px; float:left; margin-left:10px; padding-left:110px;background: url(images/bg_cursus.png) left center no-repeat;} #h_teamuitje{ padding:5px; float:left; margin-left:10px; padding:5px 0 0 110px;background: url(images/bg_cursus.png) left center no-repeat;} #h_maatwerk{ padding:5px; float:left; margin-left:10px; padding:5px 0 0 110px;background: url(images/bg_cursus.png) left center no-repeat;} #h_fotofeestje{ padding:5px; float:left; margin-left:30px; padding:5px 0 20px 100px; background: url(images/bg_cursus.png) left center no-repeat;} #h_educatieveworkshops{ padding:5px; float:left; margin-left:30px; padding:5px 0 0 100px ;background: url(images/bg_cursus.png) left center no-repeat;} /*page */ #h_cursus_page{ padding: 5px; float:left; margin-left:30px; background: url(images/bg_cursus.png) left center no-repeat;} #h_workshop_page{ padding:5px; float:left; margin-left:30px; padding-top:10px; background: url(images/bg_workshop.png) left center no-repeat;} #h_teambuilding_page{ padding:5px 5px 5px 15px; float:left; margin-left:20px;background: url(images/bg_teambuilding.png) left center no-repeat;} #h_teamuitje_page{ padding:5px; float:left; margin-left:30px;background: url(images/bg_teamuitje.png) left center no-repeat;} #h_maatwerk_page{ padding:5px; float:left; margin-left:30px; ;background: url(images/bg_maatwerk.png) left center no-repeat;} #h_fotofeestje_page{ padding:5px; float:left; margin-left:30px; background: url(images/bg_feestje.png) left center no-repeat;} #h_educatieveworkshops_page{ padding:5px; float:left; margin-left:30px; background: url(images/bg_eduws.png) left center no-repeat;} .WS_title{ font-size: 28px; color: #ff0000; z-index: 10001; } .Bedrijven_title{ font-size: 28px; color:#339933 ; margin-left: -25px; } .Feestje_title{ font-size: 28px; color:#2d2db0; margin-left: -60px; } #fotos{ text-align: justify; padding: 5px; float: left; margin: 25px 10px 10px 20px; } #fotos span{ margin: 0 7px; } /* einde HOME *? /*detailpagina */ #logo{ position:absolute; left:215px; top:30px;} #logo_feestje{ position:absolute; left:265px; top:50px;} #logo_bedrijven{ position:absolute; left:265px; top:50px;} #fotoblok{ position:absolute; top:23px; left:572px;} #fotoblok span{ margin:5px; } #menu{ position:absolute; bottom:30px; left:20px; width:430px;} #menu ul{ margin-left:80px;} #links{ width:400px; position:absolute; right:10px; bottom:10px; text-align: right;} #details{ margin:10px 0; min-height:250px; position:relative; text-align:right; width:345px; } #details p{ margin:5px 0 5px 20px; font-size:0.7em; line-height:normal;padding:6px 0; } #details p span{ color:#5d8ac8; } #details a { color:#5d8ac8; text-decoration:underline; } #contentpage{ width:940px; position:relative;} #linkcursisten{ margin:5px 0 0 20px; font-size:0.7em;} #tekening_content{ float:right; margin:20px 10px;} /* eide DETailpagina */ /* fonts */ h1{ } h2{ color:#a5a6a8; letter-spacing:1px; font-size:2em;} #header h2.rood{ color:#ff0000; font-size: 22px; font-style: italic; } #header h2 span{ color:#a5a6a8 ; } #header h2.groen{ color:#339933; font-size: 22px; font-style: italic; } #header h2.blauw{ color:#2d2db0; font-size: 22px; font-style: italic; } h3{ } h4{ } p{ font-size:0.8em; line-height:1.9em; margin-top:5px;} a{ text-decoration:none; color:#fe0000} a:hover{ text-decoration:underline} a:active{ text-decoration:underline} a:visited{ } a.blauw{ color:#2d2db0} a.groen{ color:silver !important} ul.groen li a, ul.groen li a:hover{ color:#339933;} /* voor de voorpagina, de verschillende kolommen in list pages */ ul.blauw li a, ul.blauw li a:hover{ color:#2d2db0} ul.groen, ul.blauw{ margin-left: 0px; } /* voor de voorpagina, de verschillende kolommen in list pages */ ul{ margin:0 0 0 30px} li{ list-style:square; font-size:0.6em} li a{ font-size:1.4em} .small{ font-size:0.8em} /* opmaak form */ form table tr{ font-size:0.8em} form table tr td{ height:20px; padding:5px;} .breadcrumb{ font-size:0.7em; color:#989898; position:relative; margin:0px 10px;} .breadcrumb a{ text-decoration:underline; color:#7a7a7a;} #crumbfotos{ margin: 10px 0px 20px 0px; padding: 5px 0;display: inline;} #crumbfotos span{ margin-left: 8px;} #contentnormalpage{ width:540px; margin:20px 20px 20px 40px; position:relative;} H3.groot{ font-size:80px; color:#a5a6a8; letter-spacing:1px; margin-top:129px; margin-left:20px;} H3.groot2{ font-size:60px; color:#a5a6a8; letter-spacing:1px; margin-top:129px; margin-left:20px;} /* single */ .post{ width:450px} #TB_iframeContent {margin-top: 0px !important;} #TB_title{ background: #333 !important; }