/*

Theme Name:Active Concepts ff-webdesigner

Theme URI:http://ff-webdesigner.de/

Description:Sport-Theme f&uuml;r Active Concepts / Trimuc.de

Author:Frank Woelky

Version:1.2

Tags:green, pink, white, three-columns, fixed-width, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu

*/

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, font, 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{background:transparent; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6{clear:both; font-weight:normal}

ol, ul{list-style:none}

frame{margin:0;border:0;padding:0;}

del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0}

a img{border:none}

/* achtung! komplex! 3spalten layout basierend auf http://www.alistapart.com/articles/holygrail */

#main{padding: 0 270px 0 180px}

#content{width:100%;float:left;position:relative;}

#primary{float:left; position:relative; overflow:hidden; width:160px; right:180px; margin: 0 0 0 -100%}

* html #primary {left: 180px;}

#secondary{float:left; width:250px; margin: 0 -270px 0 20px;}

#footer{

	clear:both;

	width:100%;

}

/* ende hauptstruktur 3 spalten */

pre{font-family:"Courier 10 Pitch",Courier,monospace}

code{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}

#access .menu-header, div.menu, #colophon, #branding, #wrapper{margin:0 auto; width:1000px; text-align:left}

#wrapper{position:relative}

#footer-widget-area #first{

	padding: 10px 0px;

	border-top: 1px dotted #36f;

}

#site-info{float:left; font-size:14px; font-weight:bold; width:700px}

#site-generator{float:right; width:220px}

body{background:url("layout/backgr.jpg") repeat-x scroll left 44px transparent; color:#000; font-family:arial,helvetica,sans-serif; font-size:14px; line-height:1.4; margin:-20; padding:0 0 20px; text-align:center}

body, input, textarea{color:#666; font-size:14px; line-height:18px}

hr{background-color:#e7e7e7; border:0; clear:both; height:1px; margin-bottom:18px}

p{margin-bottom:18px}

ul{list-style:square; margin:0 0 18px 1.5em}

ol{list-style:decimal; margin:0 0 18px 1.5em}

ol ol{list-style:upper-alpha}

ol ol ol{list-style:lower-roman}

ol ol ol ol{list-style:lower-alpha}

ul ul, ol ol, ul ol, ol ul{margin-bottom:0}

dl{margin:0 0 24px 0}

dt{font-weight:bold}

dd{margin-bottom:18px}

strong{font-weight:bold}

cite, em, i{font-style:italic}

big{font-size:131.25%}

ins{background:#ffc; text-decoration:none}

blockquote{font-style:italic; padding:0 3em}

blockquote cite, blockquote em, blockquote i{font-style:normal}

pre{background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}

abbr, acronym{border-bottom:1px dotted #666; cursor:help}

sup, sub{height:0; line-height:1; position:relative; vertical-align:baseline}

sup{bottom:1ex}

sub{top:.5ex}

input[type="text"], textarea{background:#f9f9f9; border:1px solid #ccc; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); padding:2px}

a{

	color:#36f

}

a:visited{

	color:#006

}

a:active, a:hover{

	color:#9ff

}

.screen-reader-text{position:absolute; left:-9000px}

#header{height:280px}

#site-title{left:0; position:absolute; top:13px; width:800px}

#site-title a{color:#36F !important; font-weight:bold; text-decoration:none; display:block; font-size:30px; letter-spacing:-1px}

#site-description h1 {

  color: #FFFFFF;

  font-size: 25px;

  font-weight: normal;

  left: 250px;

  position: absolute;

  top: 115px;

}

#site-description h2 {

  color: #FFFFFF;

  font-size: 20px;

  font-weight: normal;

  left: 250px;

  position: absolute;

  top: 145px;

}

#site-description h3 {

  color: #FFFFFF;

  font-size: 20px;

  font-weight: normal;

  left: 250px;

  position: absolute;

  top: 170px;

}

#site-description h4 {

  color: #FC8CC2;

  font-size: 20px;

  font-weight: normal;

  left: 295px;

  position: absolute;

  top: 210px;

}

.headerimg1 {

  left: 0;

  position: absolute;

  top: 123px;

  z-index: 1000;

}

.headerimg2 {

  left: 740px;

  position: absolute;

  top: 44px;

  z-index: 1000;

}

.headerimg3 {

  left: 450px;

  position: absolute;

  top: 210px;

  z-index: 1000;

}

#translate{position:absolute;top:240px;left:10px; width:170px;z-index:10000;}

#translate a{display:block;float:left; margin-right:8px; border:none;}

#bannerlinks{position:absolute;top:298px;left:750px;width:250px;height:486px;z-index:10000;}

#bannerlinks a{display:block; height:90px;margin: 0 0 10px 0;}

a#BL2 {margin: 0 0 9px 0;}

a#BL3 {margin: 0 0 8px 0;}

a#BL4 {margin: 0 0 9px 0;}

#access{display:block; position:absolute; width:1000px;top:42px;left:0}

#access .menu-header ul, div.menu ul{list-style:none; margin:0}

#access .menu-header li, div.menu li{float:left; position:relative}

#access a{

	font-size: 16px;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 7px 10px 0 15px;

	font-style: italic;color:#fff;line-height:38px;

}

#access a:hover{

color:#9ff;

}

#access ul ul{box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); display:none; position:absolute; top:38px; left:0; float:left; width:180px; z-index:99999}

#access ul ul li{min-width:180px}

#access ul ul ul{left:100%; top:0}

#access ul ul a{background:#36f; line-height:15px;font-size:14px; font-weight: normal; padding:5px; width:170px; height:auto;}

#access ul li:hover >ul{display:block}

#access ul li.current_page_item >a, #access ul li.current-menu-ancestor >a, #access ul li.current-menu-item >a, #access ul li.current-menu-parent >a{color:#fff}

* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover{

	color:#333;

	

}

.widget-area .menu{

	margin: 0px 0px 20px;

	padding: 0px;

	list-style: none;

	

}

.widget-area .menu a{

	display: block;

	border-bottom: 1px dotted #36f;

	border-left: 1px dotted #36f;

	padding: 3px 0px 3px 3px;

	font-weight: bold;

	text-decoration:none;

}

.widget-area .menu .menu-item{margin: 0 0 3px 0}

.widget-area .menu .current-menu-item a{color:#000}

.widget-area .menu a:hover{color:#000;background-color:#9ff}

.widget-area .menu .sub-menu {display:none}

.widget-area .menu .current-menu-item .sub-menu a{

	color:#36f

}

.widget-area .menu .current-menu-item .sub-menu, .widget-area .menu .current-menu-parent .sub-menu {

	display:block;

	list-style: none;

}

.menu .sub-menu a{padding: 0 0 0 20px;border:none;font-weight:normal;}

.textwidget{font-size:12px;}

#content p, #content ul, #content ol, #content dd, #content pre, #content hr{margin-bottom:24px}

#content ul ul, #content ol ol, #content ul ol, #content ol ul{margin-bottom:0}

#content pre, #content kbd, #content tt, #content var{font-size:15px; line-height:21px}

#content code{font-size:13px}

#content dt, #content th{color:#000}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{color:#000; line-height:1.5em; margin:0 0 20px 0}

#content table{border:1px solid #e7e7e7; margin:0 -1px 24px 0; text-align:left; width:100%}

#content tr th, #content thead th{color:#888; font-size:12px; font-weight:bold; line-height:18px; padding:9px 24px}

#content tr td{border-top:1px solid #e7e7e7; padding:6px 24px}

#content tr.odd td{background:#f2f7fc}

.hentry{margin:0 0 48px 0}

.single .hentry{margin:0 0 36px 0}

#content .entry-title{font-size:21px; font-weight:bold; line-height:1.3em; margin-bottom:0}

.entry-title {

	padding: 0px 0px 5px;

	border-bottom: 1px dotted #36f;

}

.entry-title a{text-decoration:none}

.entry-meta{color:#888; font-size:12px}

.entry-meta abbr, .entry-utility abbr{border:none}

.entry-meta abbr:hover, .entry-utility abbr:hover{border-bottom:1px dotted #666}

.entry-content, .entry-summary{clear:both; padding:12px 0 0 0}

#content .entry-summary p:last-child{margin-bottom:12px}

.entry-content fieldset{border:1px solid #e7e7e7; margin:0 0 24px 0; padding:24px}

.entry-content fieldset legend{background:#fff; color:#000; font-weight:bold; padding:0 24px}

.entry-content input{margin:0 0 24px 0}

.entry-content input.file, .entry-content input.button{margin-right:24px}

.entry-content label{color:#888; font-size:12px}

.entry-content select{margin:0 0 24px 0}

.entry-content sup, .entry-content sub{font-size:10px}

.entry-content blockquote.left{float:left; margin-left:0; margin-right:24px; text-align:right; width:33%}

.entry-content blockquote.right{float:right; margin-left:24px; margin-right:0; text-align:left; width:33%}

.page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em}

.page-link a:link, .page-link a:visited{background:#f1f1f1; color:#333; font-weight:normal; padding:0.5em 0.75em; text-decoration:none}

.home .sticky .page-link a{background:#d9e8f7}

.page-link a:active, .page-link a:hover{color:#ff4b33}

body.page .edit-link{clear:both; display:block}

#entry-author-info{background:#f2f7fc; border-top:4px solid #000; clear:both; font-size:14px; line-height:20px; margin:24px 0; overflow:hidden; padding:18px 20px}

#entry-author-info #author-avatar{background:#fff; border:1px solid #e7e7e7; float:left; height:60px; margin:0 -104px 0 0; padding:11px}

#entry-author-info #author-description{float:left; margin:0 0 0 104px}

#entry-author-info h2{color:#000; font-size:100%; font-weight:bold; margin-bottom:0}

.entry-utility{clear:both; color:#888; font-size:12px; line-height:18px}

.entry-meta a, .entry-utility a{color:#888}

.entry-meta a:hover, .entry-utility a:hover{color:#ff4b33}

#content .video-player{padding:0}

.home #content .format-aside p, .home #content .category-asides p{font-size:14px; line-height:20px; margin-bottom:10px; margin-top:0}

.home .hentry.format-aside, .home .hentry.category-asides{padding:0}

.home #content .format-aside .entry-content, .home #content .category-asides .entry-content{padding-top:0}

.format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img{border:10px solid #f1f1f1; margin-bottom:0}

.format-gallery .gallery-thumb, .category-gallery .gallery-thumb{float:left; margin-right:20px; margin-top:-4px}

.home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility{padding-top:4px}

.attachment .entry-content .entry-caption{font-size:140%; margin-top:24px}

.attachment .entry-content .nav-previous a:before{content:'\2190\00a0'}

.attachment .entry-content .nav-next a:after{content:'\00a0\2192'}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto}

.alignleft, img.alignleft{display:inline; float:left; margin-right:24px; margin-top:4px}

.alignright, img.alignright{display:inline; float:right; margin-left:24px; margin-top:4px}

.aligncenter, img.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto}

img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px}

.wp-caption{background:#f1f1f1; line-height:18px; margin-bottom:20px; max-width:632px !important; padding:4px; text-align:center}

.wp-caption img{margin:5px 5px 0}

.wp-caption p.wp-caption-text{color:#888; font-size:12px; margin:5px}

.wp-smiley{margin:0}

.gallery{margin:0 auto 18px}

.gallery .gallery-item{float:left; margin-top:0; text-align:center; width:33%}

.gallery-columns-2 .gallery-item{width:50%}

.gallery-columns-4 .gallery-item{width:25%}

.gallery img{border:2px solid #cfcfcf}

.gallery-columns-2 .attachment-medium{max-width:92%; height:auto}

.gallery-columns-4 .attachment-thumbnail{max-width:84%; height:auto}

.gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}

.gallery dl{margin:0}

.gallery img{border:10px solid #f1f1f1}

.gallery br+br{display:none}

#content .attachment img{display:block; margin:0 auto}

.navigation{color:#888; font-size:12px; line-height:18px; overflow:hidden}

.navigation a:link, .navigation a:visited{color:#888; text-decoration:none}

.navigation a:active, .navigation a:hover{color:#ff4b33}

.nav-previous{float:left; width:50%}

.nav-next{float:right; text-align:right; width:50%}

#nav-above{margin:0 0 18px 0}

#nav-above{display:none}

.paged #nav-above, .single #nav-above{display:block}

#nav-below{margin:-18px 0 0 0}

#comments{clear:both}

#comments .navigation{padding:0 0 18px 0}

h3#comments-title, h3#reply-title{color:#000; font-size:20px; font-weight:bold; margin-bottom:0}

h3#comments-title{padding:24px 0}

.commentlist{list-style:none; margin:0}

.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}

.commentlist li:last-child{border-bottom:none; margin-bottom:0}

#comments .comment-body ul, #comments .comment-body ol{margin-bottom:18px}

#comments .comment-body p:last-child{margin-bottom:6px}

#comments .comment-body blockquote p:last-child{margin-bottom:24px}

.commentlist ol{list-style:decimal}

.commentlist .avatar{position:absolute; top:4px; left:0}

.comment-author{}

.comment-author cite{color:#000; font-style:normal; font-weight:bold}

.comment-author .says{font-style:italic}

.comment-meta{font-size:12px; margin:0 0 18px 0}

.comment-meta a:link, .comment-meta a:visited{color:#888; text-decoration:none}

.comment-meta a:active, .comment-meta a:hover{color:#ff4b33}

.commentlist .even{}

.commentlist .bypostauthor{}

.reply{font-size:12px; padding:0 0 24px 0}

.reply a, a.comment-edit-link{color:#888}

.reply a:hover, a.comment-edit-link:hover{color:#ff4b33}

.commentlist .children{list-style:none; margin:0}

.commentlist .children li{border:none; margin:0}

.nopassword, .nocomments{display:none}

#comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px}

.commentlist li.comment+li.pingback{margin-top:-6px}

#comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0}

#comments .pingback .url{font-size:13px; font-style:italic}

input[type=submit]{color:#333}

#respond{border-top:1px solid #e7e7e7; margin:24px 0; overflow:hidden; position:relative}

#respond p{margin:0}

#respond .comment-notes{margin-bottom:1em}

.form-allowed-tags{line-height:1em}

.children #respond{margin:0 48px 0 0}

h3#reply-title{margin:18px 0}

#comments-list #respond{margin:0 0 18px 0}

#comments-list ul #respond{margin:0}

#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}

#respond .required{color:#ff4b33; font-weight:bold}

#respond label{color:#888; font-size:12px}

#respond input{margin:0 0 9px; width:98%}

#respond textarea{width:98%}

#respond .form-allowed-tags{color:#888; font-size:12px; line-height:18px}

#respond .form-allowed-tags code{font-size:11px}

#respond .form-submit{margin:12px 0}

#respond .form-submit input{font-size:14px; width:auto}

.widget-area ul{list-style:none; margin-left:0}

.widget-area ul ul{list-style:square; margin-left:1.3em}

.widget-area select{max-width:100%}

.widget_search #s{width:60%}

.widget_search label{display:none}

.widget-container{margin:0 0 18px 0}

.widget-title{color:#222; font-weight:bold}

.widget-area a:link, .widget-area a:visited{text-decoration:none}

.widget-area .entry-meta{font-size:11px}

#wp_tag_cloud div{line-height:1.6em}

#wp-calendar{width:100%}

#wp-calendar caption{color:#222; font-size:14px; font-weight:bold; padding-bottom:4px; text-align:left}

#wp-calendar thead{font-size:11px}

#wp-calendar thead th{}

#wp-calendar tbody{color:#aaa}

#wp-calendar tbody td{background:#f5f5f5; border:1px solid #fff; padding:3px 0 2px; text-align:center}

#wp-calendar tbody .pad{background:none}

#wp-calendar tfoot #next{text-align:right}

.widget_rss a.rsswidget{color:#000}

.widget_rss a.rsswidget:hover{color:#ff4b33}

.widget_rss .widget-title img{width:11px; height:11px}

#main .widget-area ul{margin-left:0;}

img#wpstats{display:block; margin:0 auto 10px}

pre{-webkit-text-size-adjust:140%}

code{-webkit-text-size-adjust:160%}

#access, .entry-meta, .entry-utility, .navigation, .widget-area{-webkit-text-size-adjust:120%}

#footer .xoxo{text-align: center;}

.facebook-box{margin: -10px 0 0 -10px;height:120px;}

@media print{body{background:none !important}

#wrapper{clear:both !important; display:block !important; float:none !important; position:relative !important}

#header{border-bottom:2pt solid #000; padding-bottom:18pt}

#colophon{border-top:2pt solid #000}

#site-title, #site-description{float:none; line-height:1.4em; margin:0; padding:0}

#site-title{font-size:13pt}

.entry-content{font-size:14pt; line-height:1.6em}

.entry-title{font-size:21pt}

#access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area{display:none !important}

#container, #header, #footer{margin:0; width:100%}

#content, .one-column #content{margin:24pt 0 0; width:100%}

.wp-caption p{font-size:11pt}

#site-info, #site-generator{float:none; width:auto}

#colophon{width:auto}

img#wpstats{display:none}

#site-generator a{margin:0; padding:0}

#entry-author-info{border:1px solid #e7e7e7}

#main{display:inline}

.home .sticky{border:none}

}