@charset "utf-8";
/* CSS Document */

body * {margin:0;padding:0;}
body {background:#ffffcc; margin:0; padding:0;}
#container {position:relative; margin:0 auto 0 auto; width:895px;}
#in-container {font-family:Geneva, Arial, Helvetica, sans-serif; float:left; font-size:1em; background-image:url(../images/tat-s.jpg); background-repeat:repeat; padding:2em 1.5em 2.5em 1.5em; margin:1.5em auto 1.5em auto; border:4px solid #79935e;}
/***********Logo & Navbar***********/
/*-----logo-----*/
#container #logo_nav{position:relative; float:left; margin-top:27px; width:160px; margin-right:/*48px*/25px; /*background:url(../images/logo.jpg);*/background:url(../images/sumi-e_rood.jpg);/* background:url(../images/logoNEW-ss-wide.png);*/ background-repeat:no-repeat; padding-top:170px;}
/*-----Navigatieknoppen-----*/
#container #logo_nav li {background-image:url(../images/bamboe.gif); background-repeat:no-repeat; padding-bottom:0.5em; padding-left:0.5em; padding-top:0.4em; width:157px; list-style:none; margin-left:0; margin-bottom:0.4em;}
#container #logo_nav a {padding-left:0.15em; color:#ffffcb; font-weight:bold; font-size:16px; text-decoration:none;}
#container #logo_nav .here a {color:#ffffcb; border-bottom:#ffffcc 2px solid;}
#container #logo_nav a:hover {color:#771100;}
#container #logo_nav .here a:hover /*dus ongeacht 'here' toch rood, GENEUTRALISEERD DOOR "(...)here a {(...)}"*/{color:#771100; border-bottom:#771100 2px solid;}
#container #logo_nav a:visited:hover /*dus ook reeds bezochte links worden rood*/{color:#771100;}
#container #logo_nav .here a:visited:hover {color:#771100; border-bottom: #771100 2px solid;}
#container #logo_nav a:visited {color:#c2d19a;}
#container #logo_nav .here a:visited /*dus ook reeds bezochte links lichten op (niet alleen licht onderstreept)*/{color:#ffffcb;}

/*#container #logo_nav li ul.faqprint li {margin:0.3em 0 0 0; padding:0.3em 0 0.4em 0.5em;}*/
#container #logo_nav .faqprint a {color:#ffffcb; font-size:0.9em; font-weight:bold; text-decoration:none; border:none;}
/*-----Submenu-----*/
#container #logo_nav ul li ul {padding:0.5em 0 0 0; margin:0; /*display:none;*/}
#container #logo_nav li ul {display:none;}
#container #logo_nav li:hover ul {display:block;}
#container #logo_nav li.active ul {display:block;}
/***********Content***********/
#container #text{position:relative; float:left; background-image:url(../images/tat-pap-s.jpg); border-right:1px solid #b2b2b2; border-bottom:1.5px solid #e5e5e5; width:555px; padding:2em 2em 2em 3.6em; font-size:0.9em;}
#container #text img[alt|="logo Aikido Centrum Haarlem"] {float: left; border:none; padding-right:15px;}
#container #text h1 {font-size:1.8em; margin-bottom:1em; font-family:Geneva, Arial, Helvetica, sans-serif;}
#container #text h1 span {color:#771100;}
#container #text h2 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; margin-bottom:0em; margin-top:1em;}
#container #text p {margin-bottom:1em;}
#container #text p.opsom {margin-bottom:0.1em;}
#container #text table.contact td /*contactpagina*/{padding-right:3em;}
#container #text img.map /*contactpagina*/{border:#79935e 1px solid; margin-top:0.3em;}
#container #text strong.key /*SEO, onzichtbaar voor bezoekers*/{font-weight:normal;}
#container #text #footer /*copyright*/{margin:10% 0 0 0; font-size:0.85em; clear:both; float:left; width:110%;}
#container #text p.right /*jeugdlessen, foto rechts*/{float:right;}
#container #text ul.opsom-naast-foto li {padding-bottom:0.5em;}
/***********Content: Text Nieuws***********/
#container #text.nieuws li {margin-bottom:1em;}
/***********Content: Text Links***********/
#container #text a {color:#771100; text-decoration:none;}
#container #text a:hover {text-decoration:underline;}
#container #text a.terug /*faq-pagina, fotopagina's*/{font-size:0.8em;}
#container #text a.printcomm /*faq-pagina*//*printlink in tekst (niet button)*/ {font-size:0.9em;}
#container #text a[href|="#adres"] {padding-left:63px;}
#container #text a[class|="printcomm"] {padding-left:63px;}
#container #text p.link {margin:0;}
/***********Content: opsommingen***********/
#container #text li /*standaard opsommingen*/{list-style-position:inside;list-style-type:circle;}
/***********Content: workshops (opsommingen)***********/
#container #text .inspr .inspr-inl {list-style:none; font-weight:bold; margin: 0; padding:0;}
#container #text .inspr li {list-style-position:outside; margin:0 2em 0 1em; padding:0;}
#container #text .inspr-sub {margin:0 0 0 0.1em;}
#container #text img.workshops-l {float:left; margin:0.5em 1em 0 0}
#container #text img.workshops-m {display:block; margin:1em 0 1em 0;}
/***********Content: leraren***********/
#container #text p.leraren {width:75%;}
#container #text table.leraren /*leraren: assistent leraren*/{width:75%; margin-top:2%;}
#container #text .leraren td /*leraren: assistent leraren*/{padding-bottom:2%; vertical-align:top;}
#container #text .leraren td.leraren /*leraren: assistent leraren*/{padding-top:5%;}
#container #text .leraren td img /*leraren: assistent leraren*/{margin-right:10%;}
#container #text img.leraren /*leraren*/{clear:both; float:left; margin:0.5% 2% 0 0;}
/***********Content: dojo/info***********/
#container #text .content {font-weight:normal; font-size:0.80em;}
#container #text table.les td{vertical-align:text-top;}
#container #text td.les {padding-bottom:0.5em;}
/***********Content: FAQ***********/
#container #text ul.faq /*faq-pagina*/{color:#771100;}
#container #text ul.faq li /*faq-pagina*/{list-style-position:inside; list-style-type:disc;}
#container #text ul.answer li /*faq-pagina*/{list-style-position:inside; list-style-type:disc; font-weight:bold;}
#pfilm {position:relative; float:left; width:60%; margin-right:5%;}
#textpfilm {margin-top:2.6%; position:relative; float:left; width:13em;}
#container #text .download_faq /*  faq: movie*/{clear:both; float:left; width:100%; font-size:0.85em; margin-bottom:2.5em;}
ul.answer {clear:both;}
/***********Content: woordenlijst***********/
table.wl {margin-bottom:2em; border-left:#79935e 1px solid; border-top:#79935e 1px solid;}
table.wl td {width:50%; padding:0.2em; vertical-align:top; border-right:#79935e 1px solid;border-bottom:#79935e 1px solid;}
/***********Content: exameneisen***********/
.examen {margin-bottom:2em; border-left:#79935e 1px solid; border-top:#79935e 1px solid;}
table th {text-align:left; font-weight:normal;padding-bottom:0.4em; text-decoration:underline; padding:0.2em; width:33.3%; border-right: #79935e 1px solid; border-bottom: #79935e 1px solid;}
.examen td {padding:0.2em; vertical-align:top; width:33.3%; border-right: #79935e 1px solid; border-bottom: #79935e 1px solid;}
.examen td.noshow {border-right: none;}
/***********Content: Contact***********/
#text .js {width:75%; border:solid 1px #771100; display: block; margin-left:-8px; padding-left: 8px;}
/***********Content: Gallery***********/
#container #text img /*aikido in beeld(=gallery): div:foto's + fotopagina's(=subgallery)*/{border:#79935e solid 1px;}
#container #text #photos ul {position:relative; float:left; width:100%; margin-bottom:2em;}
#container #text #photos li/*.col1, #container #text #photos li.col2, #container #text #photos li.col3*/{position:relative; float:left; display:inline; vertical-align:top; width:33.3%; height:135px;}
#container #text #photos li img {margin-top:0.2em;}
#photos p.gall {padding:0 1em 0 1em;}
#container #text #filmpjes {position:relative; clear:both; float:left; width:100%;}
/*#filmpjes*/ .download /*gallery: movies*/{clear:both; float:left; width:100%; font-size:0.85em;}
#container #text .col1, #container #text .col1-xs /*subgallery + contact: linkerkolom v/d tabelvorm*/{position:relative; clear:both; float:left; margin-right:6.0%;}
#container #text .col1 {width:45%;}
#container #text .col1-xs {width:35%; padding-right:10%;}
#container #text .col2, #container #text .col2-xs {position:relative; float:left; margin-right:4%;}
#container #text .col2 {width:45%;}
#container #text .col2-xs /*subgallery + contact: 2kol-rechts*/{width:35%; padding-left:6%;}
#container #text .colspan {position:relative; clear:both; float:left;}
#container #text p.end /*subgallery: 2kol-onderaan pag.: "terug naar gallery"*/{clear:both; float:left; width:100%;}
#container #text p.gall /*subgallery: 1kol*/{padding:0 0 0.5em 0; margin:0;}
#container #text .space {display:block; margin:0 0 0.5em 0; padding:0}
#container #text img.gall /*subgallery: 1 kol*/{margin:0 0 2em 0; padding:0;}
#container #text a.cas {color:#000000;}
#container #text a.cas:hover {color:#771100;}