/* d-rhyme Stylesheet - Desktop
 * @author: Dirk Koester, www.dirkoester.de
 * @version: 2.00
 * @last modified: 28.12.2012
*/    
body { background:#ffffff url('../img/d-back.jpg') no-repeat fixed bottom; }
#logo-container {width: 236px; height: 68px; top: 18px; right: 20px; position: absolute;}
#logo {width: 236px; height: 68px; background-image: url('../img/d-logo-n.png');}

#container {margin-top: 135px; }
#header {height: 100px;}
.d-left {width: 60%; }
.d-right {width: 40%;}
.d-query {width: 402px;}
.d-input {width: 450px;}
.d-filter {width: 450px;}
.d-query-button, .d-gen-button, .d-lyric-button { width: 48px; }

/* U-Classes */
.urc-br { border-bottom-right-radius: 12px;}
.urc-bl { border-bottom-left-radius: 12px;}

/* Navigation */
#navigation { height: 40px; left: 0; top: 0; z-index: 998; position: absolute; position: fixed; }
.ufl { display: inline-block; float: left;}
ul#nav {font-size: 16px; font-weight: bold; color: #FFFFFF; letter-spacing: -1px; }
ul#nav li { border-bottom: 1px solid #d4d7dc; border-right: 1px solid #d4d7dc; line-height: 40px; background-color: #9EA5B0;}
ul#nav li.active { height: 48px; }
ul#nav li a { color: #ffffff; padding: 14px; text-decoration: none;}
ul#nav li:hover { background-color: #F7B36B; }
ul#nav li.tx-bluegray:hover { text-shadow: 1px 1px 0px #DC872E; }
ul#nav li.active {background-color: #F7B36B;}
ul#nav li:hover a, ul.nav-element li.active a { color: #FFFFFF; }

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

/* Kreuzworte */
#gap-input-pane {width: 302px;}
#gap-query-pane {width: 148px;}

/* Lyrik des Tages */
.d-con-plain {margin-bottom: 25px;}
.d-i-l {margin-right: 25px;}
.d-quad {width: 50%;}
.ly-dt {margin-bottom: 25px;}