/* d-rhyme Stylesheet - Desktop
 * @author: Dirk Koester, www.dirkoester.de
 * @version: 2.00
 * @last modified: 06.12.2014
*/ 
body {background:#ffffff url('../img/bgn.jpg') fixed top; }
#logo-container {width: 65px; height: 65px; top: 8px; left: 8px; position: absolute;}
#logo {width: 65px; height: 65px; background-image: url('../img/dlogo-mobile.png'); background-repeat:none;}
#header {height: 89px;}
.d-query {width: 85%; }
.d-query-button, .d-gen-button, .d-lyric-button { width: 15%; }
.d-input {width: 100%; max-width: 450px; }
.d-filter {width: 100%; max-width: 450px; }
.d-left {width: 100%; }
.d-right {width: 100%;}
.d-mt {margin-top: 25px;}
.teaser p { max-width: 300px;}

/* Navigation */
#navigation { width: 93%; min-width: 320px; max-width: 800px;  margin: 0 auto; margin-top: 90px; margin-bottom: 25px;}
ul#nav {font-size: 20px; font-weight: bold; color: #FFFFFF; }
ul#nav li { line-height: 47px; background-color: #9EA5B0; text-align: center; margin-bottom: 8px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
ul#nav li a { color: #ffffff; padding: 14px; text-decoration: none; display: block; padding: 0;}
ul#nav li:hover { background-color: #F7B36B; cursor: pointer; }
ul#nav li.active {background-color: #F7B36B;}
ul#nav li:hover a, ul.nav-element li.active a { color: #FFFFFF; }

/* Input */
.d-filter-header {height: 45px; line-height: 45px;}
.d-query {height: 60px; line-height: 60px;}
.d-query-button, .d-gen-button, .d-lyric-button  {height: 60px;}
.d-query.gap {height: 48px !important;}



/* Result */
.d-rhy-c {width: 50%;}

/* Kreuzworte */
#gap-input-pane {width: 60%;}
#gap-query-pane {width: 40%;}

/* Lyrik des Tages */
.d-quad {width: 100%; margin-bottom: 25px;}