/* 
Theme Name: Hauptwort
Theme URI: http://www.hauptwort.de
Version: 1.0
Author: Fobra Marketing & Strategy
*/

@charset "utf-8";
/* CSS Document */

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; outline:0; }

html, body { height:100%; }

/* ----- Hintergründe für die verschiedenen Templates ----- */
body,
body.page-template-onecolumn-page-php { font-size:13px; line-height:23px; font-family:'Roboto', sans-serif; color:#515151; background:#fff url(images/bg-body.gif) center top no-repeat; }
body.page-template-page-kleinkunst-php,
body.kleinkunst { background:#fff url(images/bg-body-kunst.jpg) center top no-repeat; }
body.page-template-page-unternehmen-php,
body.unternehmen { background:#fff url(images/bg-body-wissenschaft.jpg) center top no-repeat; }

/* ----- Stern-Hintergrund für Body ----- */
body.home .stern,
body.page-template-onecolumn-page-php .stern { width:100%; min-height:100%; height:auto!important; height:100%; margin-bottom:-50px; background:none; }
body.page-template-page-kleinkunst-php .stern,
body.kleinkunst .stern { width:100%; min-height:100%; height:auto!important; height:100%; margin-bottom:-50px; background:url(images/bg-stern-kunst.jpg) left 328px no-repeat; }
body.page-template-page-unternehmen-php .stern,
body.unternehmen .stern { width:100%; min-height:100%; height:auto!important; height:100%; margin-bottom:-50px; background:url(images/bg-stern-wissenschaft.jpg) right 328px no-repeat; }
body.page-template-page-unternehmen-php .fueller,
body.unternehmen .fueller { width:100%; min-height:100%; height:auto!important; height:100%; margin-bottom:-50px; background:url(images/bg-fueller.jpg) left 302px no-repeat; }

/* ----- Wrapper ----- */
.wrapper { width:960px; min-height:100%; height:auto!important; height:100%; margin:0 auto -50px; padding-top:30px; position:relative; }
body.page-template-page-kleinkunst-php .wrapper,
body.kleinkunst .wrapper { background:url(images/bg-sidebar-trenner.gif) 135px 70px no-repeat; padding:0; }
body.page-template-page-unternehmen-php .wrapper,
body.unternehmen .wrapper { background:url(images/bg-sidebar-trenner.gif) 825px 70px no-repeat; padding:0; }

/* ----- Content-Links ----- */
.wrapper a { color:#e52b38; text-decoration:none; }
.wrapper a:hover { text-decoration:underline; }

/* ----- Logoposition für verschiedene Templates ----- */
body.home a.branding { width:322px; height:94px; display:block; position:absolute; top:103px; left:319px; }
body.page-template-onecolumn-page-php a.branding { width:322px; height:94px; display:block; position:absolute; top:103px; left:319px; }
body.page-template-page-kleinkunst-php a.branding,
body.kleinkunst a.branding { width:196px; height:52px; display:block; position:absolute; top:7px; left:20px; }
body.page-template-page-unternehmen-php a.branding,
body.unternehmen a.branding { width:196px; height:52px; display:block; position:absolute; top:7px; right:10px; }

/* ----- Headlines ----- */
h1 { font-size:24px; margin-bottom:20px; line-height:30px; margin-left:-13px; }

h2 { font-size:20px; padding-bottom:5px; margin-bottom:15px; margin-left:-11px; border-bottom:1px dashed #ccc; }

h3 { font-size:16px; margin-bottom:20px; margin-left:-11px; }

h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before { content:'*'; color:#e52b38; color:red; margin-right:3px; }

h1,h2,h3,h4,h5,h6 { float:none; clear:both; font-family:'Roboto', sans-serif; font-weight:normal; color:#323232; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#323232!important; }

/* ----- Abstände und Tabellen ----- */
p,dl,blockquote,ol,ul { margin-bottom:20px; }

table { border-collapse:collapse; border-spacing:0; background:none!important; }

/* ----- Fallback für ältere Browser ----- */
header, article, nav, footer, section, details, summary, figure, hgroup, aside, mark { display:block; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { float:none; clear:both; }

.stopfloat:after,
ul:after,
dl:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; color:#fff!important; font-size:1px; overflow:hidden; }

.trenner,
hr { width:100%; height:19px; margin:0 0 20px; background:url(images/bg-hr.jpg) center top no-repeat; float:none; clear:both; }

.center { text-align:center; }

blockquote { border:1px solid #ccc; background:#efefef; padding:20px 25px 25px; border-radius:3px; }
blockquote p:last-child { margin:0; }
blockquote span { font-size:12px; color:#515151; }

.button { padding:7px 10px; border-radius:3px; border:1px solid #ccc; color:#fff!important; text-shadow:1px 1px 1px #999; }
.button { background: #ccc; /*alternative Hintergrundfarbe für IE*/
background-image: linear-gradient(top, #eee 0%, #ccc 75%);
background-image: -o-linear-gradient(top, #eee 0%, #ccc 75%);
background-image: -moz-linear-gradient(top, #eee 0%, #ccc 75%);
background-image: -webkit-linear-gradient(top, #eee 0%, #ccc 75%);
background-image: -ms-linear-gradient(top, #eee 0%, #ccc 75%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(0.75, #ccc)); }

.more-link { margin-bottom:20px; font-style:italic; }

.pdf { background:url(images/icon-pdf.gif) 0 0 no-repeat!important; padding:0 0 0 23px; margin:0 0 9px; }

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

header { width:960px; height:230px; position:relative; }
header ul { list-style:none; }

nav .sub-menu { display:none; }
nav .current-menu-item > .sub-menu,
nav .current-page-parent > .sub-menu,
nav .current_page_ancestor > .sub-menu,
nav .current_page_item > .sub-menu { display:block; }

nav { width:800px; position:absolute; left:0; top:151px; }
nav ul { list-style:none; }
nav ul li { width:253px; height:59px; float:left; margin-right:20px; }
nav ul li a { display:block; width:253px; height:39px; padding-top:20px; text-align:center; font-family:'Roboto', sans-serif; font-style:italic; color:#3450b7!important; font-size:16px; } /* font-family:'Bad Script', cursive; color:#0b35d3!important; font-size:22px;
nav ul li.menu-item-53 a { background:url(images/icon-leistungen.png) 60px 18px no-repeat; }
nav ul li.menu-item-54 a { background:url(images/icon-referenzen.png) 60px 18px no-repeat; }
nav ul li.menu-item-55 a,
nav ul li.menu-item-56 a { background:url(images/icon-neuigkeiten.png) 60px 18px no-repeat; }
nav ul li.menu-item-57 a { background:url(images/icon-termine.png) 70px 18px no-repeat; }
nav ul li.menu-item-58 a { background:url(images/icon-projekte.png) 70px 18px no-repeat; } */
nav ul li.current-menu-item a { text-decoration:underline!important; }

nav ul li.menu-item-53,
nav ul li.menu-item-57 { margin:0!important; }

/* ----- Startseite ----- */
body.home header { width:960px; height:550px; background:url(images/bg-index.jpg) center 40px no-repeat;
-webkit-animation:opacity 0.5s ease-in-out 0.5s backwards;
-moz-animation:opacity 0.5s ease-in-out 0.5s backwards;
-ms-animation:opacity 0.5s ease-in-out 0.5s backwards;
-o-animation:opacity 0.5s ease-in-out 0.5s backwards;
animation:opacity 0.5s ease-in-out 0.5s backwards; }

body.home header #nav-index li { position:absolute; top:351px; }
body.home header #nav-index li.unternehmen { left:135px; }
body.home header #nav-index li.kleinkunst { left:740px; }

body.home header #nav-index a { width:82px; height:92px; display:block; opacity:0.5;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.home header #nav-index .unternehmen a { background:url(images/bg-filler.png) 0 10px no-repeat; }
body.home header #nav-index .kleinkunst a { background:url(images/bg-feather.png) 0 10px no-repeat; }

body.home header #nav-index a span { height:57px; position:absolute; top:92px; opacity:0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.home header #nav-index .unternehmen a span { width:200px; background:url(images/a-wissenschaft.jpg) 0 0 no-repeat; left:-60px; }
body.home header #nav-index .kleinkunst a span { width:139px; background:url(images/a-kunst.jpg) 0 0 no-repeat; left:-20px; }

body.home header #nav-index a:hover { opacity:1; background-position:0 0; }
body.home header #nav-index .unternehmen a:hover span { top:112px; opacity:1; }
body.home header #nav-index .kleinkunst a:hover span { top:112px; opacity:1; }

/* ----- Pages ----- */
body.page-template-onecolumn-page-php header { width:960px; height:230px; background:url(images/bg-index.jpg) center 40px no-repeat; }

/* ----- Wissenschaft ----- */
body.page-template-page-unternehmen-php header,
body.unternehmen header { width:960px; height:70px; margin-bottom:30px; }

/* ----- Kunst ----- */
body.page-template-page-kleinkunst-php header,
body.kleinkunst header { width:960px; height:70px; margin-bottom:30px; }

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

#main { width:940px; padding:0 10px; background:url(images/bg-main.jpg) 0 0 no-repeat; }

/* ============================================================ */
/* ==================== contentMain =========================== */
/* ============================================================ */

body.page-template-page-kleinkunst-php #container,
body.kleinkunst #container { float:right; }
body.page-template-page-unternehmen-php #container,
body.unternehmen #container { float:left; }
#content { background:#fff; padding-bottom:50px; }
body.page-template-page-unternehmen-php #container .mit-sidebar,
body.category-unternehmen #container .mit-sidebar,
.single.unternehmen #container .mit-sidebar { width:585px; padding:0 55px 50px 55px; }
body.page-template-page-kleinkunst-php #container .mit-sidebar,
body.category-kleinkunst #container .mit-sidebar,
.single.kleinkunst #container .mit-sidebar { width:585px; padding:0 55px 50px 55px; }
.ohne-sidebar { width:940px; float:none; }

/* ----- content-sidebar ----- */
body.kleinkunst #main #content-sidebar,
body.page-template-page-kleinkunst-php #main #content-sidebar { width:115px; padding-top:150px; float:right; position:relative; }

body.unternehmen #main #content-sidebar,
body.page-template-page-unternehmen-php #main #content-sidebar { width:115px; padding-top:150px; float:left; position:relative; }

#content-sidebar ul { list-style:none; text-align:center; }
#content-sidebar .menu li { margin-bottom:20px; }
#content-sidebar a { color:#333; font-size:16px; }
#content-sidebar a:hover { color:red; text-decoration:none!important; }
#content-sidebar .current-menu-item a:before,
#content-sidebar .current-menu-parent a:before,
#content-sidebar .current-post-ancestor a:before { content:'*'; color:#e52b38; color:red; margin-right:3px; }

/* Wissenschaft */
body.page-template-page-unternehmen-php #nav-index li,
body.unternehmen #nav-index li { position:absolute; top:0; }
body.page-template-page-unternehmen-php #nav-index li.unternehmen,
body.unternehmen #nav-index li.unternehmen { left:0; }

body.page-template-page-unternehmen-php #nav-index a,
body.unternehmen #nav-index a { width:82px; height:92px; display:block; margin-left:16px; }
body.page-template-page-unternehmen-php #nav-index .unternehmen a,
body.unternehmen #nav-index .unternehmen a { background:url(images/bg-filler.png) 0 10px no-repeat; }

body.page-template-page-unternehmen-php #nav-index a span,
body.unternehmen #nav-index a span { height:57px; position:absolute; top:102px; opacity:1; }
body.page-template-page-unternehmen-php #nav-index .unternehmen a span,
body.unternehmen #nav-index .unternehmen a span { width:110px; background:url(images/a-wissenschaft-klein.jpg) 0 0 no-repeat; left:2px; }

/* Kunst */
body.page-template-page-kleinkunst-php #nav-index li,
body.kleinkunst #nav-index li { position:absolute; top:0; }
body.page-template-page-kleinkunst-php #nav-index li.kleinkunst,
body.kleinkunst #nav-index li.kleinkunst { left:0; }

body.page-template-page-kleinkunst-php #nav-index a,
body.kleinkunst #nav-index a { width:82px; height:92px; display:block; margin-left:16px; }
body.page-template-page-kleinkunst-php #nav-index .kleinkunst a,
body.kleinkunst #nav-index .kleinkunst a { background:url(images/bg-feather.png) 0 10px no-repeat; }

body.page-template-page-kleinkunst-php #nav-index a span,
body.kleinkunst #nav-index a span { height:57px; position:absolute; top:102px; }
body.page-template-page-kleinkunst-php #nav-index .kleinkunst a span,
body.kleinkunst #nav-index .kleinkunst a span { width:76px; background:url(images/a-kunst-klein.jpg) 0 0 no-repeat; left:19px; }

/* ----- columns ----- */
#content .column { width:330px; margin:0 40px 0 0; float:left; }

/* ----- details ----- */
.details { margin-bottom:20px; margin-top:-10px; }
.details span { float:left; margin-right:40px; font-style:italic; }
.details span.datum { padding-left:27px; background:url(images/bg-uhr.gif) 0 0 no-repeat; }
.details span.kommentare { padding-left:27px; background:url(images/bg-sprechblase.gif) 0 0 no-repeat; }

/* ----- figure ----- */
figure { margin-bottom:20px; }

/* ----- section ----- */
section { margin-bottom:30px; padding-bottom:10px; border-bottom:1px dashed #ccc; }
body.page-template-onecolumn-page-php section { border-bottom:0; }

/* ----- DLs ----- */
#content dl { width:700px; }
#content dl dt { width:65px; float:left; font-weight:bold; }
#content dl dd { width:635px; float:right; }

#content .column dl { width:330px; }
#content .column dl dt { width:65px; float:left; font-weight:bold; }
#content .column dl dd { width:265px; float:right; }

/* ----- images ----- */
#content .img,
#content .alignnone,
#content .alignleft,
#content .aligncenter,
#content .alignright {  }
#content .img:hover,
#content .alignnone:hover,
#content .alignleft:hover,
#content .aligncenter:hover,
#content .alignright:hover {  }
#content .alignnone { margin-bottom:0; }
#content .alignleft,
#content .ngg-gallery-thumbnail { float:left; margin:3px 20px 15px 0; }
#content .alignright { float:right; margin:3px 0 15px 20px; }

/* ----- lists ----- */
#content ul { list-style:none; }
#content ul li { background:url(images/li.png) 0 6px no-repeat; padding-left:15px; margin-bottom:9px; }

/* ----- comments ----- */
.commentBox { padding:0 0 36px; margin:0 0 36px; background:url(images/bg-trenner.jpg) left bottom repeat-x; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ccc; padding:25px; position:relative; }

/* ----- comments - buttons ----- */
.commentlist { list-style:none; }

.reply { height:30px; text-align:right; }
a.comment-reply-link,
#commentform input#submit { color:#696969!important; padding:6px 10px 4px; }
a.comment-reply-link { position:absolute; right:0; bottom:0; border-left:1px solid #ddd; border-top:1px solid #ddd; font-size:11px; color:#aaa!important; }

.comment-body p:last-child { margin:0; }

li #respond { margin:0 0 36px; }
li.bypostauthor > .commentBox { border-bottom:3px solid #c00!important; }
.commentBox .says h2,
#author-description h2 { margin:0; }
.commentBox .says h2 { padding:8px 0 4px; }

#comments li.depth-1 ul.children { border-left:1px solid #ccc; }
#comments li.depth-1 ul.children li.depth-2,
#comments li.depth-1 ul.children li.depth-3,
#comments li.depth-1 ul.children li.depth-4,
#comments li.depth-1 ul.children li.depth-5 { margin:18px 0 0; padding:0 0 0 30px; background:url(images/bg-comment-reply.gif) 0 25px no-repeat; }

.comment-author { height:66px; border-bottom:1px solid #ccc; margin:0 0 15px; }
.comment-author img,
#author-avatar img { border:3px solid #ddd; }
#author-description { padding:5px 0 0; }
.avatar { margin: 0 10px 10px 0; float:left; }
.kommentardatum { color:#aaa; }

/* ----- comments - form ----- */
#content .kontaktform { margin-left:180px; }

#commentform label { width:100px; display:block; float:left; padding:5px 0 0; }
#commentform p.comment-form-author label,
#commentform p.comment-form-email label { width:80px; }
#commentform .required { margin:0 15px 0 0; }
.wpcf7-form { width:100%; }

#commentform input,
#commentform textarea,
.wpcf7-form input,
.wpcf7-form textarea { width:350px; height:20px; padding:5px; border:1px solid #d5d5d5; border-radius:3px; color:#888; background:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; }

#commentform input:focus,
#commentform input:hover,
#commentform textarea:focus,
#commentform textarea:hover,
.wpcf7-form input:focus,
.wpcf7-form input:hover,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:hover { color:#444; border:1px solid #aaa; }

#commentform textarea,
.wpcf7-form textarea { height:150px; line-height:20px; }

.wpcf7-form input.wpcf7-submit,
#commentform input#submit { width:360px; height:35px; margin:0 0 0 120px; cursor:pointer; font-size:14px; padding:5px; border-radius:3px; border:1px solid #999; font-family:'Roboto', sans-serif; font-style:normal; color:#fff!important; text-shadow:1px 1px 1px #777; background:#aaa; }
#commentform input#submit { margin:0 0 0 100px; }
.wpcf7-form input.wpcf7-submit:hover { background:#bbb; }

.wpcf7-form label { width:120px; height:22px; display:block; float:left; padding:8px 0 0; }
.wpcf7-form em { font:16px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:red; }

.form-allowed-tags,
.wpcf7-form .wpcf7-display-none { display:none; }

/* ----- SearchResults ----- */
body.search-results .hentry { padding-bottom:30px; border-bottom:1px dashed #999; margin-bottom:30px; }

/* ----- Tabellen ----- */
.wp-table-reloaded { border-collapse:collapse!important; margin-bottom:20px; font-size:inherit!important; }
.wp-table-reloaded th,
.wp-table-reloaded td { border:0!important; }

.wp-table-reloaded th { background:none!important; font-weight:bold; border-bottom:2px solid #999!important; }
.wp-table-reloaded tr { border-bottom:1px solid #ccc; }
.wp-table-reloaded tr:last-child { border:0!important; }

.wp-table-reloaded .column-1 { width:95px; }

/* ----- Pagenavi ----- */
#pagination a,
#pagination span { padding:5px 10px; border:1px solid #a7d5ff; border-radius:3px; margin-right:5px; font-size:12px; }
#pagination a:hover { background:#a7d5ff; color:#fff!important; text-decoration:none!important; }
#pagination .navigate-active { border:1px solid #a7d5ff; font-weight:bold; }
#pagination .navigate-inactive { border:1px solid #e5e5e5; color:#9a9a9a; font-weight:bold; }
#pagination .currentpage { background:#323232; color:#fff!important; font-weight:bold; border:1px solid #323232; }

#nav-below { margin-bottom:20px; }

/* ============================================================ */
/* ==================== contentSidebar ======================== */
/* ============================================================ */

aside { width:115px; position:relative; }
body.page-template-page-unternehmen-php aside,
body.category-unternehmen aside,
.single.unternehmen aside { width:128px; height:200px; float:right; }
body.page-template-page-kleinkunst-php aside,
body.category-kleinkunst aside,
.single.kleinkunst aside { height:200px; float:left; }

aside ul { list-style:none; }

/* Wissenschaft */
body.page-template-page-kleinkunst-php aside li,
body.kleinkunst aside li,
body.category-kleinkunst aside li,
.single.kleinkunst aside li { position:absolute; top:0; }
body.page-template-page-kleinkunst-php aside li.unternehmen,
body.kleinkunst aside li.unternehmen,
body.category-kleinkunst aside li.unternehmen,
.single.kleinkunst aside li.unternehmen { left:0; }

body.page-template-page-kleinkunst-php aside a,
body.kleinkunst aside a,
body.category-kleinkunst aside a,
.single.kleinkunst aside a { width:82px; height:92px; display:block; opacity:0.5; margin-left:16px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.page-template-page-kleinkunst-php aside .unternehmen a,
body.kleinkunst aside .unternehmen a,
body.category-kleinkunst aside .unternehmen a,
.single.kleinkunst aside .unternehmen a { background:url(images/bg-filler.png) 0 10px no-repeat; }

body.page-template-page-kleinkunst-php aside a span,
body.kleinkunst aside a span,
body.category-kleinkunst aside a span,
.single.kleinkunst aside a span { height:57px; position:absolute; top:92px; opacity:0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.page-template-page-kleinkunst-php aside .unternehmen a span,
body.kleinkunst aside .unternehmen a span,
body.category-kleinkunst aside .unternehmen a span,
.single.kleinkunst aside .unternehmen a span { width:110px; background:url(images/a-wissenschaft-klein.jpg) 0 0 no-repeat; left:2px; }

body.page-template-page-kleinkunst-php aside a:hover,
body.kleinkunst aside a:hover,
body.category-kleinkunst aside a:hover,
.single.kleinkunst aside a:hover { opacity:1; }
body.page-template-page-kleinkunst-php aside .unternehmen a:hover span,
body.kleinkunst aside .unternehmen a:hover span,
body.category-kleinkunst aside .unternehmen a:hover span,
.single.kleinkunst aside .unternehmen a:hover span { top:102px; opacity:1; }

/* Kunst */
body.page-template-page-unternehmen-php aside li,
body.unternehmen aside li,
body.category-unternehmen aside li,
.single.unternehmen aside li { position:absolute; top:0; }
body.page-template-page-unternehmen-php aside li.kleinkunst,
body.unternehmen aside li.kleinkunst,
body.category-unternehmen aside li.kleinkunst,
.single.unternehmen aside li.kleinkunst { left:0; }

body.page-template-page-unternehmen-php aside a,
body.unternehmen aside a,
body.category-unternehmen aside a,
.single.unternehmen aside a { width:82px; height:92px; display:block; opacity:0.5; margin-left:10px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.page-template-page-unternehmen-php aside .kleinkunst a,
body.unternehmen aside .kleinkunst a,
body.category-unternehmen aside .kleinkunst a,
.single.unternehmen aside .kleinkunst a { background:url(images/bg-feather.png) 0 10px no-repeat; }

body.page-template-page-unternehmen-php aside a span,
body.unternehmen aside a span,
body.category-unternehmen aside a span,
.single.unternehmen aside a span { height:57px; position:absolute; top:92px; opacity:0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out; }
body.page-template-page-unternehmen-php aside .kleinkunst a span,
body.unternehmen aside .kleinkunst a span,
body.category-unternehmen aside .kleinkunst a span,
.single.unternehmen aside .kleinkunst a span { width:76px; background:url(images/a-kunst-klein.jpg) 0 0 no-repeat; left:19px; }

body.page-template-page-unternehmen-php aside a:hover,
body.unternehmen aside a:hover,
body.category-unternehmen aside a:hover,
.single.unternehmen aside a:hover { opacity:1; }
body.page-template-page-unternehmen-php aside .kleinkunst a:hover span,
body.unternehmen aside .kleinkunst a:hover span,
body.category-unternehmen aside .kleinkunst a:hover span,
.single.unternehmen aside .kleinkunst a:hover span { top:102px; opacity:1; }

/* #sidebar a[rel~="friend"] {font-weight: bold;} */

/* ============================================================ */
/* ==================== footer ================================ */
/* ============================================================ */

footer { width:100%; position:relative; background:url(images/bg-footer.gif) center top no-repeat; }
footer,
.push,
#footer-box { height:50px; }

footer #footer-box { width:940px; padding:0 10px; margin:0 auto; position:relative; overflow:hidden; }
#meta { list-style:none; }
ul#meta { position:absolute; top:12px; right:0; }
ul#meta li { float:right; margin-left:20px; }
ul#meta li a { color:#515151; font-size:12px; text-decoration:none; }
ul#meta li a:hover,
ul#meta li.current-menu-item a { text-decoration:underline; }

/* ============================================================ */
/* ==================== media queries ========================= */
/* ============================================================ */

/* ----- kleiner als 980px ----- */

@media only screen and (max-width: 980px) {

}

/* ----- kleiner als 840px ----- */

@media only screen and (max-width: 840px) {

}

/* ----- kleiner als 650 (=smartphones) ----- */
	
@media only screen and (max-width: 650px) {
	
}

/* ============================================================ */
/* ==================== animations ============================ */
/* ============================================================ */

/* ----- Opacity ----- */

@-webkit-keyframes opacity {
 0% { opacity:0; }
 100% { opacity:1; }
}

@-moz-keyframes opacity {
 0% { opacity: 0; }
 100% { opacity: 1; }
}

@keyframes opacity {
 0% { opacity: 0; }
 100% { opacity: 1; }
}

/* ----- Scale ----- */

@-webkit-keyframes scale {
 0% { -webkit-transform: scale(1, 0); }
 100% { -webkit-transform: scale(1, 1); }
}

@-moz-keyframes scale {
 0% { -moz-transform: scale(1, 0); }
 100% { -moz-transform: scale(1, 1); }
}

@keyframes scale {
 0% { transform: scale(1, 0); }
 100% { transform: scale(1, 1); }
}

/* ----- slideLeft ----- */

@-webkit-keyframes slideLeft {
 0% { -webkit-transform: translateX(120%); }
 100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes slideLeft {
 0% { -moz-transform: translateX(120%); }
 100% { -moz-transform: translateX(0%); }
}

@keyframes slideLeft {
 0% { transform: translateX(120%); }
 100% { transform: translateX(0%); }
}

/* ----- slideRight ----- */

@-webkit-keyframes slideRight {
 0% { -webkit-transform: translateX(-120%); }
 100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes slideRight {
 0% { -moz-transform: translateX(-120%); }
 100% { -moz-transform: translateX(0%); }
}

@keyframes slideRight {
 0% { transform: translateX(-120%); }
 100% { transform: translateX(0%); }
}

/* ===========================
	Ende ;)
=========================== */