Hector
Design "Hector"
<---- Zurück 
Infos zum diesem Design:
Das Design "Hector" bietet viel Möglichkeiten, man kann es für alle Themenbereiche verwenden.
Schmuckstück des Designs, ist die große Slideshow.
Ihr dürft alle Grafiken austauschen! - Das Copyright von Turbopage muss stehen bleiben!
Text über dem Design:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Turbopage-Deine Award und Checkseite</title>
<link rel="alternate" type="application/rss+xml" title="Fabseries themes RSS Feed" href="http://jinsonathemes.com/fabs/?feed=rss2" />
<link rel="alternate" type="application/atom+xml" title="Fabseries themes Atom Feed" href="http://jinsonathemes.com/fabs/?feed=atom" />
<link rel="pingback" href="http://jinsonathemes.com/fabs/xmlrpc.php" />
<link rel='archives' title='August 2011' href='http://jinsonathemes.com/fabs/?m=201108' />
<link rel='archives' title='January 2011' href='http://jinsonathemes.com/fabs/?m=201101' />
<meta name='robots' content='noindex,nofollow' />
<link rel='stylesheet' id='wp-pagenavi-css' href='http://jinsonathemes.com/fabs/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />
<script type='text/javascript' src='http://jinsonathemes.com/fabs/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://jinsonathemes.com/fabs/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>
<script type='text/javascript' src='http://jinsonathemes.com/fabs/wp-content/themes/Hector/js/jquery.bxSlider.min.js?ver=3.1'></script>
<script type='text/javascript' src='http://jinsonathemes.com/fabs/wp-content/themes/Hector/js/effects.js?ver=3.1'></script>
<script type='text/javascript' src='http://jinsonathemes.com/fabs/wp-content/themes/Hector/js/superfish.js?ver=3.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://jinsonathemes.com/fabs/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://jinsonathemes.com/fabs/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Fabseries themes' href='http://jinsonathemes.com/fabs' />
<meta name="generator" content="WordPress 3.1" />
<!-- Start Wordpress Theme Demo Bar Plugin wp_head -->
<script type="text/javascript">
//<![CDATA[
// enable the demo bar only if javascript is activated
document.write('<style type="text/css">n');
document.write('html { padding-top:0px; }n');
document.write('#wpthemedemobar { position:absolute; top:0px !important; }n');
document.write('</style>n');
//]]>
</script>
<link rel="stylesheet" href="http://jinsonathemes.com/fabs/wp-content/plugins/wordpress-theme-demo-bar/default.css" type="text/css" />
<script type="text/javascript" src="http://jinsonathemes.com/fabs/wp-content/plugins/wordpress-theme-demo-bar/js/qtip.js"></script>
<style type="text/css">
#wpthemedemobar{
display:none;
}
</style>
<!-- End Wordpress Theme Demo Bar Plugin wp_head -->
</head>
<body>
<div id="topbar">
<ul>
<li><a href="">Facebook</a></li>
<li><a href="http://twitter.com/twitter"> Twitter</a></li>
</ul>
</div>
<div id="wrapper"> <!-- wrapper begin -->
<div id="masthead"><!-- masthead begin -->
<div id="top">
<div id="blogname">
<h1><a href="#" title="Deine Seite">Deine Seite</a></h1>
</div>
<div class='clear'></div>
</div>
<div id="botmenu">
<div id="submenu" class="menu-primary-container"><ul id="menu-primary" class="sfmenu"><li id="menu-item-76" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76"><a href="http://www.turbopage.de.tl">Home</a></li>
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="http://jinsonathemes.com/fabs/?page_id=31">Link1</a>
<ul class="sub-menu">
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
</ul>
</li>
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="http://jinsonathemes.com/fabs/?page_id=31">Link 2</a>
<ul class="sub-menu">
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
</ul>
</li>
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="#">Link 3</a>
<ul class="sub-menu">
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
</ul>
</li>
<li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="#">Link 4</a></li>
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="#">Link 5</a></li>
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="http://jinsonathemes.com/fabs/?page_id=31">Link 6</a>
<ul class="sub-menu">
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#">Link</a></li>
</ul>
</li>
</ul></div>
</div>
</div><!--end masthead-->
<div id="casing">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#pslider').bxSlider({
mode: 'fade',
controls:false,
auto:true,
pager: true
});
});
</script>
<div id="pslider">
<div class="spanel">
<a href="#"><img class="slideimg" src="https://img.webme.com/pic/f/fc-saarbruecken-fans/einsslide.png" title="" alt="" /></a>
</div>
<div class="spanel">
<a href="#"><img class="slideimg" src="https://img.webme.com/pic/f/fc-saarbruecken-fans/slidezwei.png" title="" alt="" /></a>
</div>
<div class="spanel">
<a href="#"><img class="slideimg" src="https://img.webme.com/pic/f/fc-saarbruecken-fans/einsslide.png" title="" alt="" /></a>
</div>
</div><!-- Slider -->
<div class="homewidget clearfix">
<div class="hwidget">
<h2>Überschrift 1</h2>
Text</div>
<div class="hwidget">
<h2>Überschrift 2</h2>
Text</div>
<div class="hwidget">
<h2>Überschrift 3</h2>
Text</div>
</div>
Text unter dem Design:
<div id="right">
<!-- 125px banners -->
<div class="squarebanner ">
<h3 class="sidetitl"> Rechte Box </h3>
<ul>
<div class="testi" style="text-align:center">
<p>Inhalt</p>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div class="fcred">
© 2013 <a href="#" title="Deine Seite">Deine Seite</a> | Design by <a href="http://www.fabthemes.com/">Fabseries themes</a> |Für den HpBk umgecodet von:<a href="http://www.turbopage.de.tl">Turbopage</a><br />
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</div>
</body>
</html>
CSS-Code ohne Styletags:
*Dieses Design wurde von www.turbopage.de.tl für den HpBk umgecodet*
*Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an*
***www.turbopage.de.tl***
------------------------------------------------------------------------
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6,
#pre_content, #nav_heading, #nav,
div.header, h1#title, h2#title span {
display: none;
}
table[height="102"] {
margin:0 auto;
}
#webme_footer_textlink_dont_hide {
width: 550px;
color: black;
background-color: white;
display: block;
margin: auto; }
div#webme_sky_ad{
width: 200px;
position: absolute;
top: 179px;
margin-left: 505px;
right: 0;
left: 50%;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* 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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
/* BASIC */
body {
font-family:Arial,Tahoma,Century gothic, sans-serif;
color:#333;
font-size:12px;
background:url(https://img.webme.com/pic/f/fc-saarbruecken-fans/body.png) fixed;
margin:0 auto;
padding:0px 0px;
}
img {
border:0;
margin:0;
}
a {
color:#008FA8;
text-decoration:none;
outline:none;
}
a:hover {
color:#000;
text-decoration:none;
}
blockquote {
color:#59666f;
font-style:italic;
font-family:Georgia;
padding:10px;
}
.clear {
clear:both;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:0;
}
img.alignnone {
display:inline;
background:#eee;
margin:0 0 10px;
padding:5px;
}
img.alignright {
display:inline;
background:#eee;
margin:5px 0 10px 10px;
padding:5px;
}
img.alignleft {
display:inline;
background:#eee;
margin:10px 15px 10px 0;
padding:5px;
}
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
.alignright {
float:right;
margin:0 0 10px 10px;
}
.alignleft {
float:left;
margin:10px 15px 10px 0;
}
.wp-caption {
text-align:center;
background:#eee;
margin:10px;
padding:4px 0 5px;
}
.wp-caption img {
border:0;
margin:0 0 5px;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:11px;
font-weight:400;
line-height:12px;
color:#444;
margin:0;
padding:0;
}
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clearfix {
display:inline-block;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
.rounded {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.boxshadow {
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
}
/* FONTS */
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* OUTER */
#topbar{
height:50px;
width:1000px;
margin:0px auto;
}
#topbar ul{
list-style:none;
float:right;
line-height:50px;
}
#topbar ul li{
list-style:none;
float:left;
line-height:50px;
margin:0px 15px;
}
#topbar ul li a:link, #topbar ul li a:visited{
color:#eee;
}
#topbar ul li a:hover{
color:#fff;
}
#wrapper{
width:1000px;
margin:0 auto;
background:#fff;
}
/* HEADER */
#masthead{
}
#top{
height:100px;
width:1000px;
margin:0px auto;
}
#blogname{
width:400px;
float:left;
font-family: 'BebasNeueRegular';
}
#blogname h1{
font-size:42px;
margin:35px 0px 0px 30px;
font-weight:normal;
}
#blogname h1 a:link, #blogname h1 a:visited{
color:#111;
}
#blogname h3{
font-size:16px;
margin:5px 0px 0px 0px;
font-weight:normal;
}
/* TOP-MENU */
#botmenu{
height:40px;
margin:0px auto;
font-size: 12px;
overflow:hidden;
background:#00abcc;
width:940px;
}
#submenu {
margin: 0px 0px;
width:920px;
padding:0px 10px;
}
#submenu ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0 0px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #999;
text-shadow:1px 1px 0px #00869E;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 14px 10px 14px 10px;
text-decoration: none;
position: relative;
text-shadow:1px 1px 0px #00869E;
}
#submenu li a:hover, #submenu li a:active, #submenu li a .current_page_item a {
color: #fff;
text-shadow:1px 1px 0px #00869E;
background:#0092ae;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
color: #ddd;
text-shadow:1px 1px 0px #00869E;
font-size:11px;
text-shadow:none;
width: 148px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 0px 10px;
line-height:35px;
border-bottom:1px solid #333;
border-top:1px solid #111;
text-transform: none;
position: relative;
}
#submenu ul ul li:first-child a{
border-top:none;
}
#submenu ul ul li:last-child a{
border-bottom:none;
}
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
background:transparent;
color: #fff;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 5px 0px 0px 0px;
padding: 5px;
background:#282828;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
margin: -40px 0 0 176px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
/* BELOW HEADER */
#casing{
width:1000px;
padding:0px 0px 30px 0px;
}
/* Slider */
.bx-wrapper{
margin:0px 30px;
}
#pslider{
width:940px;
height:400px;
}
.bx-pager{
position:absolute;
padding:5px 10px 5px 5px;
bottom:-10px;
right:420px;
z-index:1000;
background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 2px 0px #006577;
-moz-box-shadow: 1px 1px 2px 0px #006577;
box-shadow: 1px 1px 2px 0px #006577;
}
a.pager-link{
width:13px;
height:13px;
display:block;
text-indent:-9000px;
background:url(https://img.webme.com/pic/f/fc-saarbruecken-fans/cog.png);
float:right;
margin-left:5px;
}
a.pager-active{
width:13px;
height:13px;
display:block;
text-indent:-9000px;
background:url(https://img.webme.com/pic/f/fc-saarbruecken-fans/coga.png);
float:right;
margin-left:5px;
}
.spanel{
margin:0px 0px;
width:940px;
}
.slideimg{
width:940px;
height:400px;
}
/* Home Widgets */
.homewidget{
background:url(https://img.webme.com/pic/f/fc-saarbruecken-fans/homewidget.png);
width:900px;
padding:10px 20px;
margin:0px 30px;
border-top:1px solid #00C0E2;
color:#fff;
}
.homewidget h2{
font-size:18px;
color:fff;
padding:0px 0px 10px 0px;
font-weight:normal;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.hwidget{
width:280px;
float:left;
padding:20px 20px 20px 0px;
line-height:18px;
font-size:11px;
color:#fff;
}
.hwidget img{
float:left;
margin-right:10px;
}
/* Home boxes */
.box {
color:#666;
width:280px;
padding:0px 20px;
margin:20px 0px 20px 0px !important;
float:left;
position:relative;
}
.lastbox{
margin-right:0px!important;
}
img.boximg{
padding:4px 4px;
background:#fff;
border:1px solid #eee;
}
.btitle{
padding:10px 0px;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.btitle h2 a:link, .btitle h2 a:visited{
font-size:20px;
font-weight:normal;
color:#333;
}
.boxentry{
padding:10px 0px 15px 0px;
line-height:22px;
}
.bmore{
padding:5px 10px;
background:#222;
}
.bmore a{
color:#fff;
}
.boxmeta{
background:#333;
}
/* CONTENT AREA */
#content{
width:640px;
float:left;
margin-left:30px;
margin-top:30px;
background:#fafafa;
border:2px solid #e8e8e8;
}
.post{
margin:0px 10px 20px 10px;
color:#555;
padding: 0px 0px 0px 0px;
}
.fullpost{
margin:30px 10px 20px 10px;
color:#555;
background:#fff;
padding: 0px 0px 25px 0px;
}
.postimg{
float:left;
margin:10px 15px 10px 0px;
}
.title{
margin: 0px 0px;
padding: 0px 0px;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.title h2 {
margin: 0px 0px;
padding: 20px 20px 10px 10px ;
font-size: 28px ;
font-weight:normal;
color:#222;
line-height:120%;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color:#222;
background-color: transparent;
}
.title h2 a:hover {
color: #333;
background-color: transparent;
}
.postmeta{
padding:5px 10px;
font-size:10px;
text-transform:uppercase;
}
.author{
color:#000;
padding:2px 5px 2px 15px;
background:url(images/user.png) left center no-repeat;
}
.clock{
color:#000;
padding:2px 5px 2px 0px;
}
.comm{
color:#000;
padding:2px 5px 2px 15px;
background:url(images/comm.png) left center no-repeat;
}
.comm a:link,
.comm a:visited {
color:#000;
}
.comm a:hover{
color:#000;
}
.singleinfo{
margin:10px 0px 15px 0px;
}
.category{
padding:5px 0 5px 10px;
color:#000;
background:url(images/tag.png) left center no-repeat;
font-size:10px;
text-transform:uppercase;
}
.category a:link,.category a:visited{
color:#0093AD;
}
.category a:hover{
color:#000;
}
.entry {
margin:0px 0px 0px 0px;
padding: 0px 10px ;
}
.entry a:link,
.entry a:visited {
color:#00ABCC;
}
.entry a:hover {
color:#00ABCC;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.entry p{
margin:5px 0px 5px 0px;
padding:5px 0px;
line-height:180%;
}
a.morer{
background:#555;
padding:5px 10px;
float:right;
color:#fff!important;
}
/* Related Prods */
#related-prods{
background:#fff;
padding:10px 10px;
}
.relprod-left{
width:110px;
float:left;
}
.relprod-left h3{
text-align:center;
font-size:24px;
font-family: 'BebasNeueRegular';
padding:35px 10px;
}
.relprod-right{
width:570px;
float:right;
}
.related-post{
float:left;
margin:10px 10px;
border:1px solid #ddd;
padding:10px 10px;
}
/* SIDEBAR */
#right{
width:270px;
float:right;
margin-right:30px;
margin-top:30px;
}
.prod-feed, .post-feed, .twitbar{
color:#56544d;
font-family: 'BebasNeueRegular';
font-size:18px;
margin-bottom:5px;
padding:12px 0px 10px 10px;
text-shadow:-1px -1px 0px #fff;
background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.prod-feed, .post-feed{
background:#fff url(images/rss.png) right no-repeat;
}
.twitbar{
background:#fff url(images/twitbird.png) right no-repeat;
}
/* Banners */
.squarebanner {
margin:0px 0px 10px 0px;
}
.squarebanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.squarebanner ul li{
list-style-type:none;
margin: 10px 20px 20px 0px;
float:left;
display:inline;
}
.squarebanner ul li.rbanner{
margin-right:0px;
}
/* WIDGETS */
.sidebar {
float:left;
}
h3.sidetitl {
color:#fff;
font-family: 'BebasNeueRegular';
font-size:18px;
margin-bottom:10px;
padding:10px 0px 10px 10px;
background:#222;
}
.sidebox {
width:270px;
list-style:none;
color:#666;
margin:0px 0 30px 0px;
}
.sidebox ul {
list-style-type:none;
margin:0;
padding:0 0 5px;
}
.sidebox li {
list-style-type:none;
margin:0;
padding:0;
text-shadow:1px 1px 0px #fff;
}
.sidebox ul ul {
list-style-type:none;
background-repeat:no-repeat;
margin:0;
padding:0;
}
.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width:260px;
list-style-type:none;
margin:0;
font-size:12px;
}
.sidebox ul li a:link,.sidebox ul li a:visited {
color:#666;
text-decoration:none;
display:block;
padding:5px 0px;
}
.sidebox ul li a:hover {
color:#00ABCC;
}
.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,.sidebox.widget_links ul li,.sidebox.meta_links ul li {
padding-left:10px;
border-bottom:1px solid #fafafa;
}
.sidebox.widget_recent_entries ul li a {
border-bottom:1px solid #fafafa;
}
ul#recentcomments li.recentcomments {
border-bottom:1px solid #eee;
padding:5px 0;
}
div#calendar_wrap {
border:1px solid #fff;
margin:0 auto;
padding:0;
}
table#wp-calendar {
width:100%;
border:none;
margin:0!important;
padding:0;
}
#wp-calendar caption {
font-size:16px;
color:#375752;
font-weight:400;
font-family:BebasNeueRegular,Georgia,Century gothic, Arial, sans-serif;
text-transform:uppercase;
padding:10px 5px 5px;
}
#wp-calendar th,#wp-calendar td {
text-align:center;
color:#fff;
background:#555;
padding:7px 5px;
}
#wp-calendar tr {
margin:0!important;
}
#wp-calendar td {
background-color:#eee;
color:#444;
margin:0!important;
}
#wp-calendar td a {
border:none;
color:#D1512A;
}
.sidebox ul ul ul,.sidebox ul ul ul ul {
list-style-type:none;
border:0;
margin:0;
padding:0;
}
/* COMMENTS */
#commentsbox {
margin:0px 20px 0px 20px;
}
h3#comments {
padding:10px 20px;
font-family: 'BebasNeueRegular';
font-size:20px;
background:#222;
margin:30px 0px 20px 0px;
color:#fff;
}
ol.commentlist {
clear:both;
overflow:hidden;
list-style:none;
margin:0;
}
ol.commentlist li {
line-height:18px;
background:#fff;
margin:5px 0 20px 0px;
padding:10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #eee;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
color:#333;
font-weight:700;
text-decoration:none!important;
}
cite.fn {
color:#eee;
font-style:normal;
}
ol.commentlist li .comment-author .avatar {
float:right;
border:1px solid #eee;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta .commentmetadata {
color:#000;
}
ol.commentlist li .comment-meta a {
color:#0093AD;
text-decoration:none!important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;
}
ol.commentlist li .reply {
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a {
background:#595852;
border:1px solid #333;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li ul.children {
list-style:none;
text-indent:0;
margin:1em 0 0;
}
.comment-nav {
height:20px;
padding:5px;
}
.comment-nav a:link,.comment-nav a:visited {
color:#0093AD;
}
#respond {
margin:10px 0;
padding:0;
}
#respond h3 {
font-size:14px;
font-weight:400;
color:#444;
padding:5px 0 0;
}
#commentform {
padding:10px 0;
}
#commentform a {
color:#E1512A;
}
#commentform p {
color:#999;
margin:5px 0;
}
#respond label {
display:block;
color:#999;
padding:5px 0;
}
#respond input {
background:#fff;
border:1px solid #ddd;
color:#02070F;
margin:0 10px 10px 0;
padding:5px;
}
#commentform input {
width:50%;
}
#respond input#commentSubmit {
width:100px;
background:#545454;
border:1px solid #333;
color:#fff;
cursor:pointer;
margin:10px 0;
padding:3px 5px;
}
textarea#comment {
background:#fff;
border:1px solid #ddd;
width:70%;
color:#02070F;
margin:10px 0 0;
padding:5px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
color:#333;
}
ol.commentlist li .comment-meta,#respond label small {
font-size:10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
margin:0 0 0 50px;
}
/* Archive title and pagination */
h1.pagetitle{
font-size:14px;
margin-bottom:20px;
color:#777;
}
/* Footer widgets */
#bottom{
margin:0px auto;
width:940px;
background:#00ABCC;
}
.bottomcover{
margin:0px auto;
}
h3.bothead{
font-size:20px;
padding:10px 0px 10px 0px;
color:#fff;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
font-weight:normal;
}
.botwid{
float:left;
width:200px;
padding-bottom:30px;
font-size:11px;
margin:20px 10px 0px 20px;
color:#ddd;
list-style:none;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width:215px;
list-style-type: none;
}
.botwid ul li a:link, .botwid ul li a:visited {
color: #eee;
text-decoration: none;
padding: 5px 0px 5px 0px;
display:block;
border-bottom:1px dotted #008FA8;
}
.botwid ul li a:hover{
color: #fff;
}
.botwid p{
padding: 7px 0px;
margin:0;
line-height:150%;
}
.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}
/* --- FOOTER --- */
#footer {
width:940px;
padding:20px 0px;
margin:0px 30px 20px 30px ;
color:#fff;
font-size:11px;
background:#008FA8;
float:left;
}
#footer a:link , #footer a:visited{
color:#fff;
}
#footer a:hover {
color:#fff;
}
.fcred{
text-align:center;
margin:0px auto;
line-height:16px;
}
/* Pagenavi */
#navigation{
padding:10px 0px 20px 18px;
}
.wp-pagenavi{
font-size:12px;
text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#493D3D!important;
border: 1px solid #191313 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi a:hover {
color: #ffffff;
}
.wp-pagenavi span.pages {
display:none;
}
.wp-pagenavi span.current {
text-decoration: none;
background:#333 !important;
border: 1px solid #111!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi span.extend {
text-decoration: none;
background:#333 !important;
border: 1px solid #111 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
/* Tooltips */
#tooltip{
position:absolute;
font-family:BebasNeueRegular;
border:1px solid #ddd;
font-size:18px;
background:#fff;
padding:10px 20px;
color:#666;
display:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 0 2px #ccc;
-webkit-box-shadow:0 0 2px #ccc;
box-shadow:0 0 2px #ccc;
}
/* page 404 */
#home-content .entry{
text-align:center;
}
.title-404 h2{
text-align:center;
font-size:48px;
font-family:BebasNeueRegular;
padding:20px 0px;
}
/* Breadcrumbs */
ul.breadcrumbs{
list-style:none;
background:#fff;
padding:15px 20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
ul.breadcrumbs li{
float:left;
margin-right:5px;
}
pre.design_code {
width: 400px;
color: white;
height: 80px;
display: block;
padding: 10px;
box-shadow: 2px 2px 15px #c9c9c9;
background-color: #C6DAFF;
border: 1px solid #C6DAFF;
overflow: auto; }
.transparenz {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
box-shadow: 8px 8px 8px #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }
.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.transparenzzwei {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
box-shadow: 2px 2px 4px #c9c9c9;
box-shadow: 8px 8px 8px #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-bottom: 4px solid #FFF;
border-top: 4px solid #FFF;
border-right: 4px solid #FFF;
border-left: 4px solid #FFF;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }
.transparenzzwei:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.slideshow {
width: 540px;
height: 395px;
margin: 30px auto;
}
.slideshow img {
padding: 20px;
background: #transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.textarea {
width: 400px;
height: 80px;
display: block;
padding: 10px;
background-color: #FFFFB2;
border: 1px solid #c9c9c9;
overflow: auto; }
pre.codebox {
width: 400px;
height: 80px;
font-family: arial;
font-size: 11px;
display: block;
padding: 10px;
background-color: #FFFFB2;
border: 1px solid #c9c9c9;
overflow: auto; }
/* Text, der berührt werden soll */
.info {
font-size: 14px;
color: chocolate;
border-bottom: 1px dashed chocolate;
text-decoration: none;
cursor: help; }
/* Tooltip Fenster */
.info span {
position: absolute;
width: 200px;
color: #FFFFFF;
padding: 10px 10px 10px 20px;
margin-top: -30px;
background-color: #C6DAFF;
border-radius: 15px 15px 15px 0px;
box-shadow: 1px 1px 15px #c9c9c9;
visibility: hidden; }
/* span text bei Mauskontakt sichtbar */
.info:hover span { visibility: visible; }
#BOX{
background: #eeeeee;
border: 1px solid #e0e0e0;
width: 300px;
padding: 5px;
margin: 5px;
box-shadow: 1px 1px 15px #c9c9c9;
}
/* Sliderbox */
#featured {
width: 397px;
padding-right: 250px;
position: relative;
border: 5px solid #ccc;
height: 250px;
overflow:hidden; }
/* Feld der Navi rechts */
ul.ui-tabs-nav {
position: absolute;
top: 0; left: 400px;
list-style: none;
padding: 0; margin: 0;
width: 250px; height: 250px;
overflow: hidden;}
/* Überschriften im Menu rechts */
li.ui-tabs-nav-item h3 {
font-size: 14px;
margin: 3px 0px 3px 0px; }
/* verlinkter Text im Menu rechts */
li.ui-tabs-nav-item a {
padding: 3px 5px 3px 10px;
display: block;
height: 56px;
text-decoration: none;
color: #333;
font-size: 11px;
outline: none;
border-bottom: 1px solid #c9c9c9; }
/* Hover Menu rechts */
li.ui-tabs-nav-item a:hover {
display: block;
background: #202020;
color: #FFFFFF; }
/* Auto-Hover rechts */
li.ui-tabs-selected a {
background: #202020;
color: #FFFFFF; }
/* Feld für Bilder */
.ui-tabs-panel {
width: 400px;
height: 250px;
border-right: 1px solid #FFFFFF;
background: #999;
position: relative; }
/* das Feld für Text auf Bild */
.ui-tabs-panel .text {
position: absolute;
bottom:0; left:0;
height: 70px;
background-color: #202020;
opacity: 0.7; }
/* Ueberschrift auf Bild */
.text h2 {
font-size: 15px;
font-family: Georgia, serif;
color: #FFFFFF;
padding: 5px;
margin: 0px;
font-weight: normal;
overflow: hidden; }
/* Text im Bild */
.text p {
margin:0 5px;
font-size: 11px;
line-height: 14px;
color: #f0f0f0; }
/* Link im Bild */
.text a {
text-decoration: none;
color: orange;
font-size: 12px; }
/* Hoverlink im Bild */
.text a:hover {
color: blue;
text-decoration: underline; }
.ui-tabs-hide{display:none; }
.sieger1 a {
display: block;
overflow: hidden;
text-decoration:none;
width:175px;
height: 150px;
margin: 20px auto;
background: #9dc905;
background:-moz-radial-gradient(center, #fff, #c9c9c9);
background:-webkit-gradient(radial, 50% 50%, 50, 50% 50%, 200, from(#c9c9c9), to(#c9c9c9));
box-shadow: 8px 8px 8px #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.sieger1 a img {
margin:200px auto;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
.sieger1 div {
margin: 40px auto;
color: #ffffff;
font-size: 30px;
font-weight:bolder;
text-shadow:#666 2px 2px 3px;
opacity: 2;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}
.sieger1 a:hover div {
opacity: 0;
}
.sieger1 a:hover img {
margin-top:-116px;
opacity: 1;
}
.sieger2 a {
display: block;
overflow: hidden;
text-decoration:none;
width:175px;
height: 150px;
margin: 20px auto;
background: #056ac9;
background:-moz-radial-gradient(center, #fff, #c9c9c9);
background:-webkit-gradient(radial, 50% 50%, 50, 50% 50%, 200, from(#c9c9c9), to(#c9c9c9));
box-shadow: 8px 8px 8px #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.sieger2 a img {
margin:200px auto;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
.sieger2 div {
margin: 40px auto;
color: #ffffff;
font-size: 30px;
font-weight:bold;
text-shadow:#666 2px 2px 3px;
opacity: 2;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}
.sieger2 a:hover div {
opacity: 0;
}
.sieger2 a:hover img {
margin-top:-116px;
opacity: 1;
}
.sieger3 a {
display: block;
overflow: hidden;
text-decoration:none;
width:175px;
height: 150px;
margin: 20px auto;
background: #c90505;
background:-moz-radial-gradient(center, #fff, #c9c9c9);
background:-webkit-gradient(radial, 50% 50%, 50, 50% 50%, 200, from(#c9c9c9), to(#c9c9c9));
box-shadow: 8px 8px 8px #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.sieger3 a img {
margin:200px auto;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
.sieger3 div {
margin: 40px auto;
color: #ffffff;
font-size: 30px;
font-weight:bold;
text-shadow:#666 2px 2px 3px;
opacity: 2;
-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;
}
.sieger3 a:hover div {
opacity: 0;
}
.sieger3 a:hover img {
margin-top:-116px;
opacity: 1;
}
.metro {
position: relative;
margin: 20px auto;
width: 900px;
height: 340px;
overflow: hidden;
}
.metro ul {
list-style: none;
}
.metro ul li {
float: left;
margin: 10px;
}
.metro ul li img {
width: 550px;
padding: 10px;
background: #fff;
box-shadow: 0 0 10px #aaa;
}
.metro ul li.box1 {
-moz-animation: box1 30s linear infinite;
-webkit-animation: box1 30s linear infinite;
}
.metro ul li.box2 {
-moz-animation: box2 30s linear infinite;
-webkit-animation: box2 30s linear infinite;
}
.metro ul li.box3 {
-moz-animation: box3 30s linear infinite;
-webkit-animation: box3 30s linear infinite;
}
.metro ul li.box4 {
-moz-animation: box4 30s linear infinite;
-webkit-animation: box4 30s linear infinite;
}
.metro1 {
position: static;
margin: 20px auto;
width: 900px;
height: 280px;
overflow: hidden;
}
.metro1 ul {
list-style: none;
}
.metro1 ul li {
float: left;
margin: 10px;
}
.metro1 ul li img {
width: 160px;
padding: 10px;
background: #fff;
box-shadow: 0 0 10px #aaa;
}
.metro1 ul li.box1a {
-moz-animation: box1 30s linear infinite;
-webkit-animation: box1 30s linear infinite;
}
.metro1 ul li.boxa2 {
-moz-animation: box2 30s linear infinite;
-webkit-animation: box2 30s linear infinite;
}
.metro1 ul li.box3a {
-moz-animation: box3 30s linear infinite;
-webkit-animation: box3 30s linear infinite;
}
hr{
height: 1px;
border: 1px solid #e8e8e8;
width: 80%
background-color: #FFFFFF;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
