/*
Theme Name: Freilufthelden
Version: 1.05
Author: Tim Portner für Waider-Mediendesign
Author URI: http://www.waider-mediendesign.de
*/


@import "css/reset.css";
@import "css/tools.css";



/* base
------------------------------------------------------------------ */
* { z-index:0; }

html, body { height:100%; }
html { background:#e3f5fd url(images/bg_body.png) repeat-x; text-align:center; }
body { background: url(images/bg_html.png) top center no-repeat; }


/* container
------------------------------------------------------------------ */
#page { width:960px; padding: 495px 0 0 0; text-align:left; display: block; position: relative; min-height:100%; margin: 0 auto -350px auto;  }
#wrapper {width:960px;background:url(images/bg_contentbox.png) 0 0 repeat-y; }


/* div#teaser
------------------------------------------------------------------ */
#teaser {  width: 960px; height: 330px; position: absolute; top: 165px; display:inline-block; overflow: hidden; z-index: 1; }

#teaser img { display: none; position:absolute; }
#teaser img.current { display: block!important; }

#teaser #teaser_index { position:absolute; z-index: 1000; top: 295px; right: 30px; display: none; }
#teaser #teaser_index li { float:left;  }
#teaser #teaser_index li a { background: url(images/icon_point.png); width: 11px; height: 11px; display:block; margin-left: 10px; }
#teaser #teaser_index li a:hover, #teaser #teaser_index li a.current { background-position: left bottom; text-decoration: none; }


/* div#topnav
------------------------------------------------------------------ */
#topnav { position: absolute; right: 0; top: 0; background: url(images/bg_topnav.png) top right no-repeat; padding: 4px 5px 0 10px; width: 237px; height: 25px; display: block; }
#topnav ul li { float: left; white-space: nowrap; }
#topnav ul li a { text-transform:uppercase; font-size: 12px; padding: 0 4px; border-right: 1px solid #009ee0;  }
#topnav ul li.page-item-26 a { border-right: none!important; padding-right: 0px; }

/* css3... not yet *seufz
#topnav ul li:nth-child(3) a { border-right: none!important; }
*/


/* div#content
------------------------------------------------------------------ */
#content { min-height: 350px; margin-left: 229px; padding: 30px 50px; background:url(images/bg_content_top.png) 0 0 no-repeat; width: 631px; }

#content ul, #content ol { padding-left:15px; margin: 10px 0; }
#content ol li,#content ul li { margin-bottom:5px; line-height: 1.3em;  }
#content ul li { list-style: disc; }


form#kontakt { margin: 0 0 20px 0; }
form#kontakt label { float: left; width: 120px; display:block; }
form#kontakt p.input input { padding: 2px; width: 170px; }
form#kontakt .email { display:none }
form#kontakt small { font-weight: normal; font-size: 10px; }

form#kontakt textarea { padding: 2px; width: 500px; height: 145px;  }

form#kontakt .error { background: #E2007A; }
form#kontakt .button { margin: 0 0 0 120px; padding: 2px; }


/* div#header
------------------------------------------------------------------ */
#header span#logo { position:absolute; top:-10px; left: 357px; z-index: 1; }
#header a.logo { position:absolute; top:70px; left: 425px; width: 100px; height: 100px; display: block; z-index: 1000; }
#header a.logo:hover { text-decoration: none; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:115px; background: url(images/bg_nav_ul.png) no-repeat; width: 950px; height: 50px; padding: 0 5px; display:block; z-index: 100 }

#nav ul {  background: url(images/logo.png) center -124px no-repeat ; width: 950px; height: 50px; }
#nav ul li { float:left; }
#nav ul li a { color:#fff; font-size: 17px; /*text-shadow: 1px 1px 0px #000;*/ padding: 15px 10px 1px 10px; display: block; line-height: 1em; height: 35px; }
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a  { text-decoration: none; background: url(images/bg_nav_ul_li_a.png) center 44px  no-repeat; }

#nav ul li.page-item-12 { margin: 0 178px 0 0 ;}
#nav ul li.page-item-12,#nav ul li.page-item-19 { background: none!important; }

/* css3... not yet *seufz
#nav ul li:nth-child(4) { margin: 0 182px 0 0 ;}
#nav ul li:nth-child(-n+3) { background: url(images/bg_nav_ul_li_left.png) top right no-repeat; }
#nav ul li:nth-child(4),#nav ul li:nth-child(8) { background: none!important; }
*/


/* div#sidebar
------------------------------------------------------------------ */
#sidebar {  background:url(images/bg_contentbox.png) 0 0 repeat-y; width: 229px; position: absolute; top: 415px; z-index: 1000; }
#sidebar ul#sidenav { clear: both; border-top: 1px solid #c8eaf9; border-bottom: 1px solid #fff; margin: 18px 0 0 0;  }
#sidebar ul#sidenav li a { background: url(images/bg_sidebar_ul_li_a.png); width: 184px;display:block; padding: 10px 15px 3px 30px;border-bottom: 1px solid #c8eaf9; border-top: 1px solid #fff; font-size: 16px;}
#sidebar ul#sidenav li a:hover, #sidebar ul#sidenav li.current_page_item a { background: #fff; text-decoration: none; }

#sidebar ul#social { background:url(images/bg_sidebar_top.png) 0 0 no-repeat; padding: 34px 30px 30px 30px;  }
#sidebar ul#social li { float: left; padding: 0 15px 0 0 }

#sidebar h3 { padding: 30px 30px 4px 30px; font-size: 18px; color: #010101;  }
#sidebar p {padding: 0 30px 30px 30px; color: #949494; font-size: 15px; }
#sidebar p img { padding: 0 3px 0 0; margin: 0 0 -2px 0 }
#sidebar p a { text-decoration: underline; }
#sidebar p a:hover { text-decoration: none; }


/* div#footer
------------------------------------------------------------------ */
#clearfooter { height:350px; clear: both; }
#footer { position:relative; width:100%; height: 350px; background: #646464; overflow: hidden; text-align: center; }
#footer .inner { margin: 0 auto; width: 960px;  }

#footer ul.partner { padding: 30px 0 0 30px; margin: 0 auto; }
#footer ul.partner li { display: inline; padding: 0 35px 0 0; }
#footer ul.partner li img { vertical-align:middle; }

#footer div.data { text-align: left; clear: both; color: #d2d2d2; border-top:1px solid #bcbcbc; margin: 30px 0 0 0; padding: 20px 30px 0 30px; }
#footer div.data p,div.data ul { float: left; padding: 0 52px 0 0 }
#footer div.data ul li a { font-size: 18px; color: #d2d2d2 }
#footer div.data ul li a:hover { text-decoration: none; color: #fff }

#footer p { font-size: 13px; }
#footer p a { color: #d2d2d2; }
#footer p a:hover { text-decoration: none; color: #fff }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td,textarea { font: 14px/1.35 Arial, Helvetica, sans-serif; color:#010101; }

h1,h2,h3,h4,h5,h6,p.scribing { font-family:  Arial, Helvetica,sans-serif; line-height:1.2em; font-weight: normal; }

h1 { font-size:26px; color: #009ee0; margin: 0 0 8px 0 }
h3 { font-size: 18px; color: #e2007a;  margin: 6px 0 8px 0 }
h4 { font-size: 14px; }

p.scribing { font-size: 17px; color: #646464;}

small { font-size: 11px; }

p { padding: 10px 0; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#009ee0; text-decoration:none; }
a:hover { text-decoration: underline; }