/*
******************************************************************************************************
*                                                                                                    *
*   Galiani Verlag Berlin                                                                            *
*   http://www.galiani.de/		                                                                     *
*                                                                                                    *
*   S C R E E N . C S S                                                                              *
*                                                                                                    *
*   Last modified: 07.09.2010                                                                        *
*                                                                                                    *
******************************************************************************************************
*/



/*  G L O B A L   S E T T I N G S
--------------------------------------------------------------------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, legend, fieldset, label, table, th, tr, td { background: transparent; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0; }

html { height: 100%; }
body { background: #FFF; font: normal 12px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif; color: #333; text-align: center; }

#container { background: #FFF; text-align: left; position: relative; width: 960px; margin: 0 auto; }


/* Global Offset */

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, pre, form, fieldset, input, select, textarea, button, table, address { margin: 0 0 18px; }


/* Headings */

h1#logo { background: transparent url("../images/_hl/h1-logo.jpg") no-repeat left top; float: left; margin: 0; }
h1#logo a { text-indent: -9999px; display: block; width: 130px; height: 60px; }

h2 { font: 18px/1.2 Helvetica Neue, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #c50c1f; margin-bottom: 6px }
h3 { font: 14px/1.2 Helvetica Neue, Arial, Helvetica, sans-serif; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

h2, h3, h4, h5, h6 { font-weight: bold; }


/* Links */

a:link, a:visited { color: #c50c1f; text-decoration: none; outline: 0; }
a:hover, a:active { color: #333; text-decoration: underline; outline: 0; }

:focus { outline: 0; -moz-outline-style: 0 none; }


/* Common Formatting */

small { font-size: 11px; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
strike, del { text-decoration: line-through; }
code { font-family: Consolas, Lucida Console, Monaco, monospace; font-size: 11px; }
sup, sub { font-size: 8px; line-height: 0 !important; }
blockquote, cite { font-style: italic; }

hr { display: none; }


/* Lists */

ul { list-style: square outside; padding: 0 35px; overflow: hidden }
ol { list-style: decimal inside; }
ul ul, ol ol { margin: 0 20px; padding: 0 }

dl {  }
dl dt { font-weight: bold; margin-bottom: 6px; }
dl dd { border-top: 1px solid #000; margin-bottom: 12px; padding-top: 6px; }


/* Forms */

form {  }

fieldset {  }
legend { font-weight: bold; }
label { font-weight: bold; display: block; cursor: pointer; }

input, select, textarea { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333; border: 1px solid #000; vertical-align: middle; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

input { width: 200px; }
select { cursor: pointer; padding: 0; }
textarea { overflow: auto; width: 400px; }

input.checkbox, input.radio { width: auto !important; border: 0 none !important; margin: 0 !important; padding: 0 !important; }


/* Buttons */

button { vertical-align: middle; margin: 0; }

.btn { background-color: transparent; background-position: 0 0; text-indent: -9999px; display: block; cursor: pointer; height: 27px; border: 0 none; }
.btn:hover { background-position: 0 -27px }
.btn:active { background-position: 0 -54px }

span.btnalt { display: block; float: left; margin-top: 5px; }
span.btnalt a { font-weight: bold; }


/* Tables */

table { table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; }

table, th, td { vertical-align: top; }
th { background: #535557; font-weight: bold; color: #FFF; }
th, td { text-align: left; border-bottom: 1px solid #000; padding: 5px; }


/*  G L O B A L   C L A S S E S
--------------------------------------------------------------------------------------------------- */

.normal { font-weight: normal !important; }
.strong { font-weight: bold !important; }
.italic { font-style: italic !important; }

.no-border { border: 0 !important; }
.no-margin { margin: 0 !important; }

.left { float: left; }
.right { float: right; }

.transparent { filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.roundedcorner { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.hidden { display: none; }

.icon { padding: 3px 0 3px 32px; }
.star { background: url("../images/_icn/star.jpg") no-repeat 0 50% }
.volcano { background: url("../images/_icn/volcano.jpg") no-repeat 0 50%; margin-bottom: 18px; padding: 9px 0 9px 36px; }
.feder { background: url("../images/_icn/feder.jpg") no-repeat 0 50%; margin-bottom: 18px; padding: 9px 0 9px 44px; }
.galiani { background: url("../images/_icn/galiani.jpg") no-repeat 0 50%; margin-bottom: 18px; padding: 9px 0 9px 30px; }
.flash { background: url("../images/_icn/flash.jpg") no-repeat 0 50%; margin-bottom: 18px; padding: 9px 0 9px 20px; }
.presse { background: url("../images/_icn/feder2.jpg") no-repeat 0 50%; margin-bottom: 18px; padding: 9px 0 9px 30px; }

object { display: block; margin-bottom: 15px; padding-top: 5px; }
.mp3_player { margin-bottom: 10px; }


/* Images */

img, a img { border: 0; margin: 0; }

img.left { margin: 3px 20px 12px 0; }
img.right { margin: 3px 0 12px 20px; }
img.fullsize {margin-bottom: 18px;}


/* Links */

a.more { font-weight: bold; color: #c50c1f !important; text-decoration: none; }
a.more:hover { color: #333; text-decoration: underline; }


/* Clearing */

.clear { clear: both; }

* html .clr { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clr { min-height: 1%; } /* IE7 Fix */
.clr:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/*  H E A D E R
--------------------------------------------------------------------------------------------------- */

#header { padding: 20px 20px 1px }

ul#nav { text-align: right; float: right; margin: 15px 0 0; padding: 0; }
ul#nav li { display: inline; float: left; }

ul#nav a { font-weight: bold; font-size: 12px; text-decoration: none; color: #808080; float: left; margin-left: 3px; padding: 5px 8px; }
ul#nav a:hover { color: #333; }
ul#nav a:active { color: #333; }
ul#nav li.current a { background: #c50c1f; color: #FFF !important; cursor: default; }


/*  M A I N
--------------------------------------------------------------------------------------------------- */

#main { padding: 20px; }

.wrapper { border-top: 1px solid #CCC; padding: 18px 0 10px; }
.wrapper.first { border: 0 none; padding: 0 0 10px; }

#content { float: left; width: 640px; border-top: 1px solid #808080; margin-top: 10px; padding: 20px 0 0; }

body#home #content h2 { margin-bottom: 24px }

div.item { border-top: 1px solid #CCC; padding: 20px 0 10px; margin-bottom: 0;}
div.item.first { border: 0 none; padding-top: 0 }
div.item h3 a { color: #333 !important; }
div.item h3 a:hover { color: #c50c1f; text-decoration: none; }
div.item p.bigmargin {margin-bottom: 30px;}
body#home div.item { float: left; border: 0 none; width: 300px; padding: 0 20px 0 0; }

hr.divider { display: block; color: #b3b5b7; clear: both; display: block; height: 1px; border: 1px solid #b3b5b7; border-width: 0 0 1px; margin: 20px 0; }


/* Intro */

#intro { background: url("../images/_bg/bg-intro.jpg") no-repeat 0 0; color: #FFF; }
#intro h2 { font-size: 18px; color: #FFF; margin-bottom: 1px; letter-spacing: 0 }
#intro p { margin-left: 10px; font-size: 14px; }
#intro a { font-weight: bold; color: #FFF; }
.normaltext { height: 195px; padding: 85px 80px 0 300px; }
.longtext { height:215px; padding: 65px 80px 0 300px; }


/* Buecher-Item */

div.item p.autorname { margin: 0; padding-top:0; }
div.item div.text { float: left; width: 200px; }
div.item h3, div.item p { font-size: 12px; margin-bottom: 10px }

div.autorinfo h3 { padding-top: 20px; }
div.termininfo h3 { padding-top: 30px; }

.book { padding-bottom: 12px; }
.book img { float: left; border: 1px solid #ccc; margin: 0 30px 18px 0; padding: 4px; }
.book p.autorname { display: block; padding: 24px 0 0 }

.author { padding-bottom: 12px; }
.author img { float: left; border: 1px solid #ccc; margin: 0 20px 18px 0; padding: 4px; }
.author h3 { padding: 0 }


/* Cover-Suche */

h2#pressmedia { padding-top: 24px; color: #333; }
form#coversearch { overflow: hidden; margin-top: -5px }
form#coversearch fieldset { background: #ccc; float: left; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; }
form#coversearch input { float: left; width: 400px; border-color: transparent; margin: 0 5px 0 0 }
form#coversearch button { /* background-image: url("../images/_btn/search.png"); float: left; width: 78px; */ background: #c50c1f; font: bold 14px/1 helvetica, arial, sans-serif; color: rgba(255,255,255,0.9); cursor: pointer; float: left; height: 28px; border: 0; padding: 6px 15px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
form#coversearch button:hover { background: #910916; color: #FFF; }

ul#coversearchresults { list-style: none; border-top: 1px solid #CCC; margin: 0 0 20px; padding: 0; }
ul#coversearchresults li { background: url("../images/_icn/file.png") no-repeat 0 50%; border-bottom: 1px solid #CCC; margin: 0; padding: 10px 0 10px 20px; }


/* Sidebar */

#sidebar { background: #fdeeda url("../images/_bg/bg-sidebar.jpg") no-repeat 0 0; font-size: 11px; float: right; width: 220px; padding: 20px 20px 8px; }

#sidebar h2 { margin-bottom: 18px }
#sidebar h3 { font-size: 11px; line-height: 1.5; margin-bottom: 0 }
#sidebar p { margin-bottom: 8px }
#sidebar img { margin-bottom: 18px }

#sidebar .news-item { padding-bottom: 12px; }
#sidebar p.social { border-top: 1px solid #CCCCCC; padding-top: 15px; }
#sidebar p.social a { color: #333; background-position: left center; background-repeat: no-repeat; display: block; padding-left: 30px; line-height: 24px; }
#sidebar .facebook { background-image: url("../images/_icn/facebook.gif"); }
#sidebar .twitter { background-image: url("../images/_icn/twitter.gif"); }



/*  F O O T E R
--------------------------------------------------------------------------------------------------- */

#footer { font-size: 11px; border-top: 1px solid #808080; margin: 0 20px; padding: 14px 0 40px; }
#footer p { margin-bottom: 0; }
#footer a { color: #333; }
#footer a:hover { color: #c50c1f; }


/*  E N D   S C R E E N . C S S
--------------------------------------------------------------------------------------------------- */