﻿/*
Theme Name: Andreas Lorenz Showband - Orange -
Theme URI: http://www.andreas-lorenz-showband.de/
Description: Design for Andreas Lorenz Showband.
Version: 0.1a
Author: Jan-Erik Mai
Author URI: http://www.indigo-bird.de/
Tags: orange

*/

/* --- CSS 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: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%; */
  font-family: inherit;
  vertical-align: baseline;
}

.fll {float:left;}
.flr {float:right;}
.center {display: block;	margin-left: auto;	margin-right: auto;}
.bold {font-weight:700}

.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
 .clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}

* html .clearfix {
	height: 1%;
}

* { margin:0; padding:0; }


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #1c1612 url('images/site/vorhang.jpg') repeat-x -9px 39px;
	color: #fff;
	/*text-align: center;*/
	}

a:link { font-weight:bold; color:#fff; text-decoration:none; }
a:visited { font-weight:bold; color:#fff; text-decoration:none; }
a:focus { font-weight:bold; color:#fff; text-decoration:underline; }
a:hover { font-weight:bold; color:#fff; text-decoration:none; }
a:active { font-weight:bold; color:#fff; text-decoration:underline; }

h1 {font-size:1.6em;font-weight:bold;}
h2 {font-size:1.4em;font-weight:bold;}
h3 {font-size:1.2em;}

#container { overflow: hidden; }

#header {height:39px; background: #413327; font-size:1.4em}
#header a{padding:10px 20px;}
#header a:link { font-weight:bold; color:#fff; text-decoration:none; }
#header a:visited { font-weight:bold; color:#fff; text-decoration:none; }
#header a:focus { font-weight:bold; color:#fff; text-decoration:underline; }
#header a:hover { font-weight:bold; color:#000; text-decoration:none;  background:#fea11e; padding:10px 20px;}
#header a:active { font-weight:bold; color:#fff; text-decoration:underline;}
#header_centered{width:1020px; margin: 0 auto; padding-top:0;z-index:2;}
#content_container {width:1020px; height:560px; margin:0 auto;z-index:1;}
#content {width:900px;height: 560px; background: url('images/site/content.jpg') repeat-x top left; overflow:hidden; display:block;}
#content_index {width:900px;height: 560px; background: url('images/site/content_index.jpg') no-repeat;}
#content_index_logo {height:370px;}
#content_index_tabs{height:265px; }
#content_index_tabs .tab{height:238px; width:286px;margin:25px 25px 0; background: #fff; float:left; border:2px solid #fea11e; border-bottom:0;}
#content_index_b_left {width:60px; height:560px; background: url('images/site/vorhang_index_links.jpg') no-repeat;}
#content_index_b_right {width:60px; height:560px; background: url('images/site/vorhang_index_rechts.jpg') no-repeat;}
#content_b_left {width:60px; height:560px; background: url('images/site/vorhang_links.jpg') no-repeat;}
#content_b_right {width:60px; height:560px; background: url('images/site/vorhang_rechts.jpg') no-repeat;overflow:auto;}
.content{color:#1c1612; font-size: 12px; }
.content h2{margin-top:1em;}
.content p{margin-top:1em;font-size:12x;}
.content p.small{font-size:9px;}
.content dl {width:400px;}
.content dt {font-weight: bold; font-size: 16px;margin-top:10px;}
.content dd {padding-left:20px;}
.navigation {	display: block;	margin-top: 10px;	margin-bottom: 60px;	}
#entertext{position:absolute; padding-left: 170px; top:380px;}
#fachmedienpreis {background: url(images/site/fachmedienpreis_small.png) no-repeat; height:70px; width:140px;margin-top:20px; color:#1c1612; font-size:14px; font-weight:bold; padding-left:50px; padding-top: 60px;}
#footer {height:39px; background: #413327; font-size:1.4em}
#footer a{padding:10px;}
#footer a:link { font-weight:bold; color:#fff; text-decoration:none; }
#footer a:visited { font-weight:bold; color:#fff; text-decoration:none; }
#footer a:focus { font-weight:bold; color:#fff; text-decoration:underline; }
#footer a:hover { font-weight:bold; color:#000; text-decoration:none;  background:#fea11e; padding:10px;}
#footer a:active { font-weight:bold; color:#fff; text-decoration:underline;}
#footer ul { display: block; list-style: none; margin: 0 auto; padding-left:70px;}
#footer li {float:left; padding: 4px 10px;}
#footer_centered{width:1020px; margin: 0 auto; padding-top:7px;}
#bottom { padding: 10px 0 0; background: #1c1612 url('images/footer_shadow.png') left top repeat-x; text-align:center; margin-bottom:20px;}
#nav {background:#fea11e;	height:158px;	width:820x;	-moz-border-radius-topleft: 50px;	-moz-border-radius-topright: 50px;	position:relative;	bottom:0;}
#nav ul {	width:800px;	margin:0 auto;}
#nav li {	float:left;	width:173px;	list-style-type:none;	text-align:center;}
#nav a {	color:#333333;	display:block;	padding:17px;	position:relative;	word-spacing:-2px;	font-size:11px;	height:122px;	text-decoration:none;}
#nav a.current {	background:url(images/down_large.jpg);}
#nav img {	background-color:#fff;	border:1px solid #ccc;	margin:3px 0 5px 27px;	padding:4px;	display:block;}
#nav strong {	display:block;	font-size:13px;}
/* panes */
#panes {	background:transparent;	width:900px;	height:382px;	margin-bottom:0px;	padding-bottom:20px;	margin-top:0px;	/* must be relative so the individual panes can be absolutely positioned */	position:relative; overflow:auto;}
/* crossfading effect needs absolute positioning from the elements */
#panes div {	display:none;	position:absolute;	top:20px;	left:20px;	font-size:11px;	color:#444;	width:820px; }
#panes img {float:left;	margin-right:15px; border: 5px solid #482400; -moz-border-radius:10px;}
#panes p.more {	color:#000;/*	font-weight:bold; */}
#panes h3 {	margin:0 0 -5px 0;	font-size:22px;	font-weight:normal;}
#panes ul {width:400px;padding:10px;margin: 10px 0 0 10px; list-style: none; float:left; border: 4px solid #482400; -moz-border-radius:10px; }
#panes li {float:left; padding: 10px;}
.overlay {	display:none;	width:500px;	padding:20px;	background-color:#ddd;}

#contact-wrapper { width:430px;	margin:50px auto 0;border: 5px solid #482400;	background:url("images/bg_black_alpha50.png") repeat 0 0 transparent;	padding:20px; -moz-border-radius: 10px;}
#contact-wrapper div {	clear:both;	margin:1em 0 ;}
#contact-wrapper label {	display:block;	float:none;	font-size:12px;	width:auto;}
#contact-wrapper label.error {	display:block;	float:none;	font-size:10px;	width:auto; background:#fff;color:#f00;border:2px solid #f00; margin:10px; padding:10px;}
form#contactform input {	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;	border-style:solid;	border-width:1px;	padding:5px;	font-size:10px;	color:#333; width:418px;}
form#contactform input.submit {	width:200px;}
form#contactform textarea {	font-family:Arial, Tahoma, Helvetica, sans-serif;	font-size:100%;	padding:0.6em 0.5em 0.7em;	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;	border-style:solid;	border-width:1px;}


.downloads{margin: 25px 0 0 0; padding-left:20px;}
.downloads li {margin: 5px 0 0 24px;padding: 8px 0 0 48px; height:48px; float:left; width:130px;}
.downloads li.mp3{background: url("images/icons/mp3.png") no-repeat;}
.downloads li.pdf{background: url("images/icons/pdf.png") no-repeat;}
.downloads li.doc{background: url("images/icons/doc.png") no-repeat;}
.downloads li.vid{background: url("images/icons/vid.png") no-repeat;}
.downloads li.url{background: url("images/icons/url.png") no-repeat;}
.downloads li.jpg{background: url("images/icons/jpeg.png") no-repeat;}

.downloads li span {vertical-align: middle; position:relative;}
.downloads h1 {margin: 10px 0; border-bottom: 1px solid #fea11e;}
.downloads h2 {padding: 10px 0 0;}
.downloads ul {margin: 10px; list-style: none; float:left; border: 5px solid #482400; -moz-border-radius:10px; background: url(images/bg_black_alpha50.png) repeat; width: 820px;}

#contactform {color: #fff;}
#disclaimer {margin:0 25px 10px; height:560px; overflow:auto;}
#disclaimer p{font-size:10px;}

#mp3player {position:relative;top:1px;z-index:1px;}

#ontour {color:#f0f0f0;padding:25px;width:620px; margin: 50px auto 10px; background:url("images/bg_black_alpha50.png") repeat 0 0 transparent;border: 5px solid #482400; -moz-border-radius:10px;}
#ontour h1 {color:#fff; font-size:20px; font-weight:bold;margin-bottom:20px; border-bottom:1px solid #fff;}
#ontour th {text-align:center; font-weight:bold; padding-bottom:10px;}

#gallery.content {margin-right:10px;}
#thumbs {margin-bottom:0px!important; margin-left:30px!important;}

