/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*CSS-Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	position:relative;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =Eigene Schriftart
-------------------------------------------------------------- */

@font-face {font-family: 'ArialBlack';src:url('fonts/ariblk.ttf'), url('fonts/ariblk.eot');
font-weight: 100;font-style: normal;}



/* =Structure
-------------------------------------------------------------- */


#page {
	margin:30px auto;
	width:999px;
	background:#fff;
}
#primary {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 0 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background:url('images/bg-menu.png') no-repeat;
	display: block;
	margin: 0 auto 1em;
	width: 100%;
	height:77px;
	z-index:2;
	text-align:center;
	position:absolute;
	font-family:'Arial Black', 'ArialBlack';
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
}

#access .menu{height:30px;}

#access .menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display:inline-block;
	position:relative;
	top:20px;
}
#access .menu li {
	float: left;
	position: relative;
}

#access .menu li+li{border-left:2px solid #fff;height:20px;}

#access .menu a {
	display: block;
	padding: 0 12px;
	text-decoration: none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

#access .menu li:hover > a,
#access .menu ul ul :hover > a {
	color:#EF5623;
}
#access .menu ul ul a:hover {
	background: #cecece;
}
#access .menuul li:hover > ul {
	display: block;
}
#access .menu ul ul {
	/*box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access .menu ul ul ul {
	left: 100%;
	top: 0;
}
#access .menu ul ul a {
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
	
}

#access .menu .current-menu-item > a,
#access .menu .current-menu-ancestor > a,
#access .menu .current_page_item > a,
#access .menu .current_page_ancestor > a {
	font-weight: bold;
	text-transform:uppercase;
	color:#EF5623;
}



/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 0 0 0;
}

/* =New Css-Stylesheets
-------------------------------------------------------------- */

#feedback{position:fixed;left:0px;top:150px;}
#feedback .img{border:0;height:91px;}
#feedback .youtube A {display:block;background:url('images/youtube-button_inactive.png') no-repeat; width:75px; height:99px;}
#feedback .youtube A:hover {display:block;background:url('images/youtube-button.png') no-repeat; width:83px; height:99px;}
#feedback .rss A {display:block;background:url('images/rss-button-inactive.png') no-repeat; width:75px; height:99px;margin-top:-8px;}
#feedback .rss A:hover {display:block;background:url('images/rss-button.png') no-repeat; width:83px; height:99px;}
#feedback .mail A {display:block;background:url('images/mail-button-inactive.png') no-repeat; width:75px; height:99px;margin-top:-8px;}
#feedback .mail A:hover {display:block;background:url('images/mail-button.png') no-repeat; width:83px; height:99px;}

#content_pa{padding-top:42px;}

#logo{z-index:3;width:317px;height:118px;background:url('images/proactiv-logo.png') no-repeat;top:40px;position:absolute;}
#logo A {display:block;width:317px;height:118px;}
#head{position:relative;height:497px;z-index:2;}
#head img{margin-top:54px;}

#anmelden{position:absolute;z-index:4;width:253px;height:116px;background:url('images/anmelden.png') no-repeat;top:280px;left:751px;}
#anmelden A {display:block;width:253px;height:116px;}

#nachbericht{position:absolute;z-index:4;width:248px;height:116px;background:url('images/nachbericht.png') no-repeat;top:280px;left:751px;}
#nachbericht A {display:block;width:248px;height:116px;}

#rennen{position:absolute;z-index:4;width:257px;height:113px;background:url('images/rennen.png') no-repeat;top:280px;left:750px;}
#rennen A {display:block;width:257px;height:113px;}

#anmeldung{background-color:#EEEEEE;float:left;width:759px;border: 0 none;font-family:Arial;padding:25px 0 0 240px;position:relative;vertical-align:baseline;z-index:1;}
#anmeldung H1 {text-transform:uppercase;color:#FF902F;font-weight:bold;font-size:16px;margin:5px 0 10px 0;}
#anmeldung p {color:#646363;font-size:13px;}


#content-text{
background-color:#fff;float:left;width:519px;border: 0 none;font-family:Arial;padding:25px 240px 0 240px;position:relative;vertical-align:baseline;z-index:1;text-align:justify;
}
#content-text H1 {color:#FF902F;text-transform:uppercase;color:#FF902F;font-weight:bold;font-size:16px;margin:5px 0 10px 0;}
#content-text p {color:#646363;font-size:13px;margin-bottom:7px;margin-top:15px;}
#content-text p strong{font-weight:bold;}
#content-text A {color:#FF902F;font-size:13px;text-decoration:none;}
#content-text A:hover {}

#content-text_bildergalerie{background-color:#fff;float:left;width:999px;border: 0 none;font-family:Arial;position:relative;vertical-align:baseline;z-index:1;text-align:justify;}
#content-text_bildergalerie H1 {color:#FF902F;text-transform:uppercase;color:#FFF;font-weight:bold;font-size:31px;margin:25px 0 10px 0;background:url('images/gallery-titel.png') no-repeat;width:999px;height:62px;line-height:54px;
font-family:'Arial Black','ArialBlack';letter-spacing:-1px;text-align:center;}
#content-text_bildergalerie .gallery-item {width:151px;margin-right:14px;}
#content-text_bildergalerie .gallery {padding:10px 87px;}
#content-text_bildergalerie p {color:#646363;font-size:13px;margin-bottom:7px;margin-top:15px;padding:10px 87px;}
.cboxElement{color:#FF902F;font-size:13px;text-decoration:none;background:url('images/gallery-rahmen.png') no-repeat;width:151px;height:142px;margin-right:14px; display:inline-block;margin-bottom:14px;}
#content-text_bildergalerie IMG {margin-top:11px;margin-left:-1px;border:0 none;}
#content-text_bildergalerie BR {}

#kalender{position:absolute;z-index:6;width:481px;height:435px;background:url('images/kalender-130512.png') no-repeat;top:323px;left:18px;}

#bg-handbike-title{position:absolute;z-index:6;width:344px;height:97px;background:url('images/bg-handbike-title.png') no-repeat;top:444px;left:0;padding:11px 50px 0 80px;text-transform:uppercase;font-weight:bold;color:#fff;font-size:31px;
font-family:'Arial Black','ArialBlack';letter-spacing:-1px;}
#bg-handbike-text{float:left;width:450px;height:336px;background:url('images/bg-handbike-text.png') no-repeat;left:47px;padding:70px 0px 20px 30px;top:-40px;font-family:Arial;}

#bg-handbike-text .entry-header {display:none;}
#bg-handbike-text .entry-meta {display:none;}

#bg-handbike-text .entry-header H1 {text-transform:uppercase;color:white;font-weight:bold;}

#bg-handbike-text .entry-content p {text-align:justify;color:#646363;font-size:13px;padding-right:93px;line-height:16px;}
#bg-handbike-text .entry-content p strong{font-weight:bold;}

#bg-handbike-text .attachments {top:23px;float:left;}

#starterlistehead{float:left;width:402px;height:40px;background-color:#87888A;left:50px;top:-16px;color:#fff;text-align:center;text-transform:uppercase;font-weight:bold;font-family:Arial;font-size:24px;line-height:40px;}
#starterlisterahmen{float:left;width:400px;height:365px;border:1px solid #87888A;left:50px;top:-16px;font-family:Arial;}
#starterliste{width:400px;height:365px;overflow:auto;overflow-x:hidden;}
#starterliste table {width:335px;margin-left:30px;margin-right:35px;}
#starterliste .cat{background-color:#F0F0F0;color:#87888A;text-transform:uppercase;font-weight:bold;border-bottom:2px solid #87888A;text-align:center;height:35px;line-height:35px;}
#starterliste .starter {color:#87888A;font-size:27px;font-weight:bold;border-right:1px solid #87888A;width:50px;vertical-align:middle;}
#starterliste .leer {height:10px;}
#starterliste .leerstrich {height:10px;border-bottom:1px solid #87888A;}
#starterliste .head {color:#FF902F;text-transform:uppercase;font-size:14px;font-weight:bold;padding-left:10px;vertical-align:top;height:20px;}
#starterliste .more {color:#87888A;font-size:12px;padding-left:10px;}


#left{color:#fff;text-align:center;width:473px;float:left;height:240px;margin-top:192px;font-family:Arial;font-size:14px;}
#left .lastpost{background:url('images/bg-left.png') no-repeat;width:473px;height:212px;}
#left h3{display:block;height:70px;line-height:60px;font-weight:bold;font-size:20px;font-family:'Arial Black','ArialBlack';}
#left h3 A{color:#fff;text-transform:uppercase;text-decoration:none;}
#left .lastposttext {color:#87888A;display:block;padding:10px 20px 0 100px;text-align:left;text-transform:none;}
#left .mehr{margin-top:10px;padding-right:20px;text-align:right;}
#left .mehr A{color:#FF902F;text-decoration:none;}

#left .subtitle {display:block;padding:10px 20px 0 100px;text-align:left;}
#left .subtitle h2 {font-size:14px;margin-top:3px;display:block;color:#FF902F;}

#right{position:relative;width:452px;float:left;margin-left:74px;text-align:center;color:#fff;font-family:Arial;font-size:14px;}
#right h3 {display:block;text-align:left;padding:17px 20px 10px 20px;}
#right h3 A {text-decoration:none;color:#FF902F;}
#right .head {background:url('images/bg-right.png') no-repeat;width:452px;height:38px;position:relative;z-index:2;font-size:18px;font-family:'Arial Black','ArialBlack';padding-top:13px;text-transform:uppercase;text-align:center;font-weight:bold;}
#right .moreposts {background:url('images/bg-right-box.png') no-repeat;width:376px;height:141px;left:4px;top:-10px;position:relative;z-index:1;margin-bottom:18px;text-align:left;color:#87888A;}
#right .moreposts img {float:left;}
#right .morepoststext{padding:0 20px 0 20px;}
#right .text{float:left;width:221px;}
#right .text A{color:#FF902F;text-decoration:none;display:block;padding:10px 0 0 0;}

#foot{background:url('images/bg-foot.png') no-repeat;width:999px;height:167px;font-family:Arial;margin-top:-16px;}
#foot .left{color:#fff;font-size:13px;margin-left:182px;padding-top:40px;width:155px;float:left;line-height:20px;}
#foot .middle {margin-left:34px;float:left;padding-top:45px;width:230px;}
#foot .right {margin-left:28px;padding-top:46px;float:left;}
#foot .copyright {clear:left;color:#fff;font-size:11px;padding-top:15px;text-align:center;}

.menu-pro-activ-container {
display:inline-block;margin:22px 0 0;text-align:center;}

dl.attachments A {color:#FF902F;text-transform:uppercase;font-size:13px;text-decoration:none;}
dl.attachments img {width:36px; height:36px;}
dl.attachments dd.caption {color:#fff;padding-right:3px;padding-top:19px;height:36px;}
/*dl.attachments dd.caption strong {display:none;}*/


#bildergalerie-right{float:left;width:405px;height:365px;left:50px;top:15px;font-family:Arial;}
#bildergalerie-pic{background:url('images/bildergalerie-rahmen.png') no-repeat;width:405px;height:248px;padding:6px 0 0 9px;}
#bildergalerie-button{background:url('images/button-bildergalerie.png') no-repeat;width:171px; height:42px;color:#fff;font-family:Arial;font-size:14px; font-weight:bold;line-height:35px;margin:8px 0 0 116px;text-align:center;text-transform:uppercase;}
#bildergalerie-button A{display:block;width:171px;height:42px;text-decoration:none;color:#fff;}


#bg-title{position:absolute;z-index:6;width:374px;height:97px;background:url('images/bg-handbike-title.png') no-repeat;top:444px;left:0;padding:11px 20px 0 80px;text-transform:uppercase;font-weight:bold;color:#fff;font-size:31px;
font-family:'Arial Black','ArialBlack';letter-spacing:-1px;}
#bg-long-text{float:left;width:450px;height:442px;background:url('images/bg-long-text.png') no-repeat;left:47px;padding:70px 0px 20px 30px;top:-40px;font-family:Arial;}
#bg-long-text .attachments {top:-44px;float:left;left:223px;}
#bg-long-text .attachments dd.caption {width:160px;}
#bg-long-text .entry-header {display:none;}
#bg-long-text .entry-meta {display:none;}

#bg-long-text .entry-header H1 {text-transform:uppercase;color:white;font-weight:bold;}

#bg-long-text .entry-content p {text-align:justify;color:#646363;font-size:13px;padding-right:93px;line-height:16px;}
#bg-long-text .entry-content p strong{font-weight:bold;}

