/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
a, a:hover, a:visited, a:active { text-decoration: none;}

/*/////////////////////////////////
globals
/////////////////////////////////*/
html { margin: 0; background: #fff url('/media/static/img/directed-bg.gif') no-repeat; font: 1em/1.5em Georgia, Garamond, Times, serif; color: #111; }
h1 { font-size: 1.2em; }
h2 { font-style: italic; font-size: 0.9em; padding: 1.9em 0 0.1em 0;}
h3 { font-size: 0.75em; line-height: 1.5em; font-weight: bold; }
h4 { font-style: italic; font-size: 0.9em; padding: 0em 0 0.7em 0;}
p { font-size: 0.75em; line-height: 1.5em; }
a { color: #fff; background-color: #111; }
a:hover { background: #111; }
em { font-style: italic; font-weight: bold;}
strong {font-weight: bold; }

/*/////////////////////////////////
helpers
/////////////////////////////////*/
div.hr { background: transparent; height: 0em; border-top: 0.2em #111 solid; padding: 0; margin: 0 0 1em 0; width: 100%; }
div.clearfix { float:none; clear:both; display: block;}
.right {float: right;}
.left { float: left;}
.errorlist { color: #c00;}
.print { display: none; }

/*/////////////////////////////////
general layout
/////////////////////////////////*/
body#main { margin: 2em; width: 62em; padding: 1em 0 0 2em; }
body#main div#content { width: 43em; float: left; min-height: 30em; }
body#main div.row1 img#logo { width: 13.3em;}

.row1 { width: 13.3em; float: left; margin-right: 1em; overflow: hidden; }
.row1nopad { width: 14.3em; float: left; overflow: hidden; }
.row2 { width: 27.6em; float: left; margin-right: 1em; overflow: hidden; }
.row2nopad { width: 28.6em; float: left; overflow: hidden; }
.row3 { width: 41.9em; float: left; margin-right: 1em; overflow: hidden; }

div.excerpt p { padding-bottom: 1em;}
.row1 div.excerpt { padding: 1em 0 1em 0;}
.row2 div.excerpt { padding: 1em 0 1em 0; font-size: 1.3em;}
.row3 div.excerpt { font-size: 1em;}
.row1 p.price { font-size: 1.2em; padding: 0.8em 0 0.8em 0;}
.row3 img.small { padding: 0 0.4em 0.5em 0; }

img.full { margin: 1em 1em 0 0; width: 27.6em; }
img.small { margin: 0.3em 0em 0.3em 0; width: 13.3em; }

div.list ul li { font-size: 0.9em; line-height: 1.3em;}
p.credits { padding: 1em 0; }
div.fulltext p { padding-top: 1em;}
div.fulltext ul { list-style: disc inside; margin: 0.5em 0 0 0.3em;}
div.fulltext ul li { font-size: 0.75em; line-height: 1.5em;}

/*/////////////////////////////////
links and forms
/////////////////////////////////*/
input.submit { font-family: Georgia, Garamond, Times, serif; font-weight:normal; font-size: 0.9em; background: #111; color: #fff; border: 0; display: inline; padding: 0.1em 0.3em 0.1em 0.3em; cursor: pointer;}
input.submit:hover { background: #111 url('/media/static/img/menu_active_small.gif') no-repeat; color: #fff; border: 0; display: inline; padding: 0.1em 0.3em 0.1em 1.35em; }
input.addbasket:hover { background: #111 url('/media/static/img/menu_active.gif') no-repeat;}

a.nofx { background: transparent; padding: 0;}
a.nofx:hover { background: transparent; padding: 0;}
a img { border: 0; }

a { font-size: 0.9em; padding: 0.1em 0.3em 0.1em 0.3em; }
a:hover,
div.list ul li a.active { background: #111 url('/media/static/img/menu_active_small.gif') no-repeat; padding: 0.1em 0.3em 0.1em 1.3em; }

/*/////////////////////////////////
menu and index page
/////////////////////////////////*/
ul#menu { padding: 0 0 1em 0; }
ul#menu li { height: 1.4em;}
div.index div a,
ul#menu li a { font-size: 1.2em; padding: 0 0.3em 0 0.3em; }
div.index div a:hover,
ul#menu li a:hover,
ul#menu li a.active { background: #111 url('/media/static/img/menu_active.gif') no-repeat; padding: 0 0.3em 0 1.3em; }
div.index p { padding-top: 1em; font-size: 1.1em;}

/*/////////////////////////////////
basket and order form
/////////////////////////////////*/
table { font-size: 0.8em; }
table tr { vertical-align: bottom; }
table tr th.amount { width: 9em; }
table tr .title { width: 24em; }
table tr .price { width: 9em; }
table tr .total { width: 10em; }
table tr .text { width: 33em; }
table tr td input.amount { width: 3em; }
table tr.tr_street { height: 3em; }
table tr.tr_phone { height: 3em; }
table tr.tr_agb { height: 3em; }

.order table tr th { width: 15em; }
.order form table tr td input[id] { width:35em; border: 1px solid #111; font-size: 0.9em;}
.order form table tr td input[name=agb] { width:1.2em; border: 0; font-size: 0.9em;}
.order form table tr.errorlist td input { border: 1px solid #c00;}