/*
Theme Name: Kontiki
Theme URI: http://ibl.ch
Description: Custom Wordpress Theme fopr Wohnheim Kontiki
Version: 1.0
Author: Andris Linz @ ibl und partner AG
Author URI: http://ibl.ch
Tags: blue, brown, white, wohnheim
*/

/* FARBEN

hellblau:	add5e8
blau:		66bada
braun:		c5c0ac

*/


/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

.marginRight {margin:0 10px 0 0;}

.marginLeft {margin:0 0 0 10px;}

/* ------------------------- MAIN ------------------------- */

body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}

#wrapper {width:800px; margin:20px auto;}

#left {float:left; margin:0 20px 0 0;}

#main {float:left; width:590px;}

#content {width:548px; padding:0 20px; border-left:#c5c0ac 1px dotted; border-right:#c5c0ac 1px dotted; min-height:400px;}

#footer {color:#c5c0ac; border-bottom:#c5c0ac 1px dotted; padding:0 0 10px 0;}

/* ------------------------- TYPO ------------------------- */

h1 {color:#66bada; font-family:Georgia, "Times New Roman", Times, serif; padding:20px 0 0 0; margin:0 0 20px 0; font-weight:normal; letter-spacing:.02em;}

h2 {margin:0 0 10px 0; padding:10px 0 0 0;}

#content.seite h2 {font-family:Arial, Helvetica, sans-serif; padding:20px 0 0 0;}

p {font-size:14px; line-height:20px;}

a {text-decoration:underline; color:#a29e90;}

/* ------------------------- TOPNAV ------------------------- */

#topnav {position:relative; height:125px; width:724px; background:#66bada; margin:0 10px 20px 0;}

#topnav ul {position:relative; top:100px; height:16px;}

#topnav ul li {display:inline; border-right:1px #fff solid; padding:0 10px; height:16px;}

#topnav ul li a {color:#fff; text-decoration:none; font-size:12px; line-height:16px;}

#topnav ul li a:hover {text-decoration:underline;}

#topnav ul li.noborder {border:none;}

#ig-prokontiki {position:absolute; top:100px; left:509px; font-size:12px; color:#fff; text-decoration:none; line-height:16px;}

#ig-prokontiki:hover {text-decoration:underline;}

/* ------------------------- NAVIGATION ------------------------- */

#left ul li {margin:0 0 10px 0;}

#left ul li a {display:block; height:35px; width:190px; text-indent:-9999px;}

#left ul li a:hover {background-position:0 -35px;}

#btn_ueberuns {background:url(images/btn_ueberuns.gif) 0 0;}

#btn_wohnen {background:url(images/btn_wohnen.gif) 0 0;}

#btn_arbeiten {background:url(images/btn_arbeiten.gif) 0 0;}

#btn_freizeit {background:url(images/btn_freizeit.gif) 0 0;}

#btn_therapie {background:url(images/btn_therapie.gif) 0 0;}

#btn_mitarbeitende {background:url(images/btn_mitarbeitende.gif) 0 0;}

#left ul li a.currentPage {background-position:0 -35px;}

#btn_spenden {height:39px; margin:0 0 30px 0; display:block;}

/* Subnav */

.subnav {display:none;}

.subnav.current {display:block; height:20px; line-height:20px;}

#left ul li.current a {color:#c5c0ac; text-indent:0; text-align:right; text-decoration:none;}

#left ul li.current a.currentSubNav {color:#000;}

#left ul li.current a:hover {color:#000;}

/* ------------------------- HOME ------------------------- */

.home-eintrag {border-top:#c5c0ac 1px dotted; padding:20px 0 0 0; margin:20px 0 0 0;}

/* drei-spalten */

.spalte-1 {width:131px; margin:0 8px 0 0; float:left; height:122px;}

.spalte-1 h2 {font-size:18px;}

.spalte-1 h2 a, .spalte-1 p a {color:#000; text-decoration:none;}

.spalte-2 {width:131px; margin:0 8px 0 0; float:left; height:122px;}

.spalte-3 {width:250px; padding:10px; height:102px; margin:0; float:left; background:#add5e8;}

.spalte-3 h2 {font-size:18px; color:#fff;}

.spalte-3 p a {color:#000;}

/* text-bild */

.text-bild-1 {width:409px; margin:0 8px 0 0; float:left;}

.text-bild-1 h3 {color:#66bada; margin:0 0 10px 0;}

.text-bild-2 {float:left; width:131px;}

/* bild-text */

.bild-text-1 {width:131px; float:left;}

.bild-text-2 {width:401px; margin:0 0 0 16px; float:left;}

.bild-text-2 h3 {color:#c5c0ac; margin:0 0 10px 0;}

.bild-text-2 h4 {margin:0 0 10px 0; font-size:14px;}

.bild-text-2 h5 {margin:0; font-size:14px;}

/* ------------------------- PAGE ------------------------- */

.seite h2 {font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 20px 0; font-weight:normal; letter-spacing:.02em;}

.seite p {margin:0 0 10px 0;}

.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img {padding:0; border:0; margin:5px 0 5px 2px;}

/* ------------------------- FREIE PLÄTZE ------------------------- */

table.freieplaetze {margin:20px 0 0 0; width:545px;}

table.freieplaetze tr td {padding:5px 0; border-bottom:#c5c0ac 1px solid; font-size:11px;}

/* ------------------------- FREIZEIT ------------------------- */

.seite ul {margin:0 0 15px 15px;}

.seite ul li {list-style:square; line-height:20px;}

/* ------------------------- FOOTER ------------------------- */

#footer {color:#c5c0ac; border-bottom:#c5c0ac 1px dotted; border-right:#c5c0ac 1px dotted; width:799px;}

#footer p {width:190px; text-align:right; font-weight:bold; border-right:#c5c0ac 1px dotted; padding:0 20px 0 0; margin:0;}