/*
* Stylesheet Reinholdwesterheide.com
* v1
* by Sitestone webdesign, Matthijs Abeelen
* www.sitestone.nl
*/

/* RESET */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography */
body { font-size:13px;line-height:20px;font-family:'Helvetica Neue',Helvetica,Calibri,Arial,sans-serif;color:#333; }
h1,h2,h3,h4,h5,h6 { font-weight:bold;font-family:Georgia, Times, "Times New Roman", serif }
h1 { font-size: 36px; line-height: 36px; padding-top: 20px; padding-bottom: 20px;font-weight:normal; }
h2 { font-size: 24px; line-height: 36px; margin-bottom: 20px;font-weight:normal; }
h3 { font-size: 18px; line-height: 20px; margin-bottom: 20px;font-weight:normal; }
h4 { font-size: 14px; line-height: 20px; margin-bottom: 20px;font-weight:normal; }
h5 { font-size: 12px; line-height: 20px; margin-bottom: 0px; }
h6 { font-size: 12px; line-height: 20px; margin-bottom: 0px; font-weight:normal; }
p { margin:0 0 20px 0; }

/* Lists */
ul, ol { margin-bottom:20px;padding-left:16px;list-style-position:outside;list-style-type:disc; }
ul ul, ul ol, ol ul, ol ol { margin-bottom:0; }
ol { list-style-type:decimal; }
dl { margin: 0 0 20px 0; }
dl dt { font-weight:bold; }
dl dd { margin-left:16px; }

/* Links */
a:link { color:#7875c6; }
a:visited { color: #666; }
a:hover { color: #c33; }
a:focus, a:hover, a:active {}
a img,:link img,:visited img { border:none }

/* Misc. */
blockquote { margin-top:18px;margin-bottom:18px;padding-left:20px;font-style:italic; }
small { font-size:0.85em; }
sup { position:relative;bottom:0.3em;vertical-align:baseline; }
sub { position:relative;bottom:-0.2em;vertical-align:baseline; }
acronym, abbr 	{ cursor:help;letter-spacing:1px;border-bottom:1px dashed; }
pre { margin-bottom:18px;line-height:18px;padding:0 9px;}

/* Images */
img { border:0; }
img { font-size:80%; }
img.right { float:right;margin:0 0 5px 10px; }
img.left { float:left;margin:0 10px 5px 0; }
img.center { margin:10px auto; }
.home img.left { margin:5px 15px 5px 0; }

/* Tables */
table { margin-bottom: 1.4em; }
th { border-bottom: 0px solid #ddd; font-weight: bold; }
td { border-bottom: 0px solid #ddd;vertical-align: top; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }

/* Forms */
fieldset { margin:0 0 18px; }
legend { font-weight:bold; }
fieldset div { margin:0;padding:3px 0;position:relative;width:100%; }
label { display:block; }
label .required { font-size:0.75em;color:#760000; }
input { width: 200px; }
input.radio, input.checkbox, input.submit { width:auto; } /* these should not be 200px wide */
input[type="text"], input.text, select, textarea { margin:0;padding:2px;background:#eee;
	border-top:1px solid #777;border-right:1px solid #ccc;border-bottom:1px solid #ddd;border-left:1px solid #ccc; }
input:focus, textarea:focus { background:#ffc;background:#fff; }
input.radio { clear:left;float:left;margin-right:1em; }
textarea { width:270px;height:100px; }
.horizontal label { float:left;display:block;padding-right:10px;width:120px;xtext-align:right; }
.horizontal label .required { font-size:0.83em;color:#760000; }
.horizontal label .feedback { position:absolute;margin-left:170px;left:200px;margin-left:0px;
  font-weight: bold;color:#760000; }
* html .feedback{ width:10em; }  /* :KLUDGE: Explicitly set the width for IE6- */
label .screenreader { text-indent:-9999px; }
p.error { border:1px solid;border-color:#ddd;padding:10px; }

/* Design */
body { background:#222;color:#bbb; }
#container { width: 840px;margin:0 auto; }
.subcol { float:left;width:250px; }
.maincol { float:right;width:550px; }

/* Language menu */
#langnav { margin:0;padding:20px 0 0;text-align:right;}
#langnav a { text-decoration:none;padding:0 0 0 10px; }
#langnav a:visited { color:#7875c6; }
#langnav a:hover { color: #666; }
#langnav p a.active { color:#666; }

/* Main menu */
#navigation { padding:20px 0 20px;border-top:1px solid #333;border-bottom:1px solid #333; }
#navigation ul { margin:0;padding:0;list-style:none; }
#navigation ul li { margin:0 20px 0 0;padding:0;display:inline; }
#navigation ul li a { text-decoration:none; }
#navigation ul li a:visited { color:#7875c6; }
#navigation ul li a:hover { color: #666;color: #ddd; }

.home #navigation ul li a#home,
.news  #navigation ul li a#news,
.uber  #navigation ul li a#uber,
.diskographie  #navigation ul li a#diskographie,
.projekten  #navigation ul li a#projekten,
.tala #navigation ul li a#tala,
.bestellung  #navigation ul li a#bestellung,
.kontakt  #navigation ul li a#kontakt  { color: #ddd; }

.home-en #navigation ul li a#home-en,
.news-en  #navigation ul li a#news-en,
.discography  #navigation ul li a#discography,
.tala-en #navigation ul li a#tala-en,
.order #navigation ul li a#order,
.contact #navigation ul li a#contact  { color: #ddd; }

.home-es  #navigation ul li a#home-es,
.noticias  #navigation ul li a#noticias,
.discografia  #navigation ul li a#discografia,
.tala-es #navigation ul li a#tala-es,
.orden #navigation ul li a#orden,
.contacto #navigation ul li a#contacto 
  { color: #ddd; }

/* Content */
#content { }

.item { float:left;width:100%;clear:both;margin:0 0 20px; }
#content h1 { }
.newstitle { margin-bottom:0; }
.clear { clear: both; }
.left { float:left; margin:10px 15px 0px 0;border:0px solid #444;padding:0px; }
.right { float:right;margin:10px 0 0 0;padding:0; }
.nomargin { margin-bottom:0; }

.imagewrapper { float:left;width:100%; }

/* Discography */
.disco-item { float:left;width:100%;clear:both;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #333; }
.disco-item .left { float:left; margin:10px 15px 5px 0;border:1px solid #333;padding:3px; }
.discography h2 { line-height:30px;margin-bottom: 10px; }
.discography h2 span { padding-left:20px;font-size:16px; }
.description { float:right;width:600px; }
.description ul li { font-size:11px;line-height:16px; }

/* Tala table */
.talatable { width:100%; }
.talatable tr {}
.talatable td { }
.talatable td.price { color:#7875c6;font-weight:bold;text-align:right; }
.talatable td strong { color:#7875c6; }

/* Order */
.order th { border:none; }
.order td { border:none; }