/* Allgemeine Formatierung */
* {padding: 0; margin: 0;}
body {
	font: normal 0.80em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
	background: #575836 url(../img/tremor/bg_bar.gif) repeat-y left !important;
	opacity: 0.99999;
	text-shadow: 0 0 0 #575836;
}

.errors {
    color: #DF0403 !important;
}
a, a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #eee;
}
a:hover, a:active {background-color: transparent; text-decoration: none;}
a img, img {border: none;}
#content a {}

/* KLassen */
.clear {clear: both;}
.right, .alignright {float: right; margin: 0 0 0 0.5em;}
.left, .alignleft {float: left;	margin: 0 0.5em 0 0;}
form .button.right {margin: 0 .5em 0 .5em;}

.hide {display: none;}
.skiplink {display: none;}
.meta {
	color: #666;
	display: block;
	padding: 0 0 10px 0;
 	font-size: 0.85em;
}
.tags {
	color: #666;
	display: block;
	background: transparent url(/img/admin/tag.png) 0% 10px no-repeat;

	padding: 10px 0 10px 20px;
	margin-top: 1em;
	font-size: 0.85em;
}
#todo {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 130px; height: 120px;
	padding: 20px 10px 10px;
	background: transparent url(/img/admin/postit.gif) no-repeat;
	font: normal 1em/1.2 monospace;
}

/* Typographie */
p {margin: 0 0 .75em 0;}

h1,h2,h3,h4 {
	font-weight: normal;
	margin: 0 0 1.2em 0;
}

dl {}
ol {list-style: decimal outside; padding-left: 25px;}
ul, #content ul.simple {list-style: none;}

blockquote,form,fieldset {margin: 0 0 1em 0;}
blockquote {
	background: #fff url(/img/admin/blockquote.gif) no-repeat 5px 5px;
	padding: 0 0 0 35px;
}
blockquote[cite]:after {
	content: "Quelle: " attr(cite);
	border-top:1px dotted #999;
	padding-top:0.25em;
	display:block;
	color:#000;
}

q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */


abbr, acronym { border-bottom: 1px dotted #636363; cursor: help;}
code {
	width: 100%;
	background: #FFFFCC;
	color: #000;
}
pre, kbd {
	font-family: monospace;
	font-size: 1.1em;
	background: #FFFFCC;
	padding: 5px 10px;
	margin: 10px 0;
	color: #000;
	white-space:pre;
}
hr{
	background-color:#999; /* Mozilla 1.4 */
	color:#999; /* IE 6 */
	border: #999; /* Opera 7.11 */
	height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}
/* Layout */
#deco {
	position: absolute; top: 0px; left: 240px;
	width: 550px; height: 375px;
	background: #5c4d36 url(../img/tremor/background_pic.jpg) no-repeat right;
        z-index: 0;
}
#wrapper {
	position: relative;
	width: 800px;
	background: transparent url(../img/tremor/left_border.png) repeat-y right;
}
#header {
	height: 400px;
	background: transparent url(../img/tremor/header_top.png) no-repeat;
	position: relative;
        z-index: 2;
}
#header h1, #header h1 a {display: block; width: 100%; height: 100%; text-indent: -9999px; outline: none;}
#nav {
	position: absolute;
	bottom: 0px; right: 10px;
}
	#nav li {
		float: left;
		height: 50px; width: auto;
		list-style-type: none;
	}
	#nav li a {
		text-indent: -9999px !important;
		display: block;
		width: 77px; height: 50px;
		background: transparent no-repeat left;
		outline: none;
	}
	/*head*/
	#nav li a#news {background-image: url(../img/tremor/button_news_1.png);}
	#nav li a#events {background-image: url(../img/tremor/button_events_1.png);}
	#nav li a#gallery {background-image: url(../img/tremor/button_gallery_1.png);}
	#nav li a#words {background-image: url(../img/tremor/button_words_1.png);}
	#nav li a#label {background-image: url(../img/tremor/button_label_1.png);}
	#nav li a#history {background-image: url(../img/tremor/button_history_1.png);}
	#nav li a#gbook {background-image: url(../img/tremor/button_gbook_1.png); width: 110px;}
	#nav li a#shop {background-image: url(../img/tremor/button_shop_1.png);}


	/*Hover-Status head*/
	#nav li a#news:hover {background-image: url(../img/tremor/button_news_2.png);}
	#nav li a#events:hover {background-image: url(../img/tremor/button_events_2.png);}
	#nav li a#gallery:hover {background-image: url(../img/tremor/button_gallery_2.png);}
	#nav li a#words:hover {background-image: url(../img/tremor/button_words_2.png);}
	#nav li a#label:hover {background-image: url(../img/tremor/button_label_2.png);}
	#nav li a#history:hover {background-image: url(../img/tremor/button_history_2.png);}
	#nav li a#gbook:hover {background-image: url(../img/tremor/button_gbook_2.png); width: 110px;}
	#nav li a#shop:hover {background-image: url(../img/tremor/button_shop_2.png);}

	/*Active-Status head*/
	#nav li a#news.active {background-image: url(../img/tremor/button_news_3.png);}
	#nav li a#events.active {background-image: url(../img/tremor/button_events_3.png);}
	#nav li a#gallery.active {background-image: url(../img/tremor/button_gallery_3.png);}
	#nav li a#words.active {background-image: url(../img/tremor/button_words_3.png);}
	#nav li a#label.active {background-image: url(../img/tremor/button_label_3.png);}
	#nav li a#history.active {background-image: url(../img/tremor/button_history_3.png);}
	#nav li a#gbook.active {background-image: url(../img/tremor/button_gbook_3.png); width: 110px;}
	#nav li a#shop.active {background-image: url(../img/tremor/button_shop_3.png);}

	/*Active-Status head:hover*/
    #nav li a#news.active:hover {background-image: url(../img/tremor/button_news_2.png);}
	#nav li a#events.active:hover {background-image: url(../img/tremor/button_events_2.png);}
	#nav li a#gallery.active:hover {background-image: url(../img/tremor/button_gallery_2.png);}
	#nav li a#words.active:hover {background-image: url(../img/tremor/button_words_2.png);}
	#nav li a#label.active:hover {background-image: url(../img/tremor/button_label_2.png);}
	#nav li a#history.active:hover {background-image: url(../img/tremor/button_history_2.png);}
	#nav li a#gbook.active:hover {background-image: url(../img/tremor/button_gbook_2.png); width: 110px;}
	#nav li a#shop.active:hover {background-image: url(../img/tremor/button_shop_2.png);}

	/*left*/
	#nav2 li a#forum {background-image: url(../img/tremor/button_forum_01.png);}
	#nav2 li a#links {background-image: url(../img/tremor/button_links_01.png);}
	#nav2 li a#newsl {background-image: url(../img/tremor/button_newsletter_1.png);}
    #nav2 li a#familientreffen {background-image: url(../img/tremor/button_familientreffen1.png);}

	/*Hover-Status left*/
    #nav2 li a#forum:hover {background-image: url(../img/tremor/button_forum_02.png);}
    #nav2 li a#links:hover {background-image: url(../img/tremor/button_links_02.png);}
    #nav2 li a#newsl:hover {background-image: url(../img/tremor/button_newsletter_2.png);}
    #nav2 li a#familientreffen:hover {background-image: url(../img/tremor/button_familientreffen2.png);}

    /*Active-Status left*/
	#nav2 li a#forum.active {background-image: url(../img/tremor/button_forum_03.png);}
	#nav2 li a#links.active {background-image: url(../img/tremor/button_links_03.png);}
	#nav2 li a#newsl.active {background-image: url(../img/tremor/button_newsletter_3.png);}
	#nav2 li a#familientreffen.active {background-image: url(../img/tremor/button_familientreffen3.png);}

	/*Active-Status left:hover*/
	#nav2 li a#forum.active:hover {background-image: url(../img/tremor/button_forum_02.png);}
	#nav2 li a#links.active:hover {background-image: url(../img/tremor/button_links_02.png);}
	#nav2 li a#newsl.active:hover {background-image: url(../img/tremor/button_newsletter_2.png);}
	#nav2 li a#familientreffen.active:hover {background-image: url(../img/tremor/button_familientreffen2.png);}


	/*Top Navi*/
	#top {
		position: absolute;
		top: 0px; right: 10px;
	}
	#top li {
		height: 25px; width: auto;
		list-style-type: none;
		float:right;
	}
	#top li a {
		text-indent: -9999px !important;
		display: block;
		width: 75px; height: 25px;
		background: transparent no-repeat left;
		outline: none;
	}
	#top {width: 600px; position: absolute;}
    #top li {float: none !important; display: inline; width: 75px !important;}
    #top li a {position: absolute; top: 0; width: 75px; height: 25px;}
    #top li a#imprint {right: 0px;}
    #top li a#contact {right: 75px;}
    #top li a#play {left: 0px;}
    #top li a#stop {left: 75px;}

	#top li a#imprint {background-image: url(../img/tremor/button_top_imprint.png);}
	#top li a#contact {background-image: url(../img/tremor/button_top_contact.png);}
	#top li a#play {background-image: url(../img/tremor/button_play.png);}
	#top li a#stop {background-image: url(../img/tremor/button_stop.png);}


	/*Sidebar Navi*/
	#nav2 {padding: 0; margin: 0;}
	#nav2 li {
		line-height: 45px; width: auto;
		list-style-type: none;
	}
	#nav2 li a {
		text-indent: -9999px !important;
		display: block;
		width: 120px; height: 45px;
		background: transparent no-repeat left;
		outline: none;
	}
	#nav2 li a#myfuck {background-image: url(../img/tremor/myfuck_button.jpg);}

	#nav2 li a#charts {background-image: url(../img/tremor/button_left_charts.png);}
	#nav2 li a#hotels {background-image: url(../img/tremor/button_left_hotel.png);}


    /*Main*/
#main {
	background: transparent url(../img/tremor/header_bottom.png) no-repeat 0 0;
	min-height: 380px;
}
#content {
	position: relative;
	left: 87px;
	width: 680px;
	text-align: justify;
}

#currentNews h1 {
    font: normal 1.50em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
	font-weight: bold;
	left: 0;
	text-align: left;
	padding: 1px 3px 3px 3px;
	margin: 0px 0 0 10px;
	font-variant:small-caps;
}

#currentNews h2 {
    font: normal 1.00em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
	font-weight: bold;
	left: 0;
	text-align: left;
	padding: 5px 0px 0px 5px;
	margin: 0px 0 0 10px;
	font-variant:small-caps;
}

#currentNews #textNews {
padding-top:0px;
	font: normal 0.90em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
}

#currentNews span{
	font: normal 0.60em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
}

#currentNews img {
	position: relative;
	left: 2px;
	float: left;
	margin-right: 65px;
	margin-bottom: 60px;
	margin-top: 20px;
}

#latestNews {
	font: normal 0.9em/1.3 Courier, Tahoma, Verdana, Helvetica, sans-serif;
	color: #dadac0;
	position: relative;
	left: 0px;
	padding: 10px 0 0 0;
	margin: 18px 0 0 0px;
	border-top: 1px dashed #dadac0;
	font-variant:small-caps;
}


#latestNews ul {
	font: normal 0.8em/1.3 Courier, Tahoma, Verdana, Helvetica, sans-serif;
	color: #dadac0;
	position: relative;s
	left: 0px;
	padding: 0 0 10px 0;
	margin: -7px 0 0px 0px;
	border-bottom: 1px dashed #dadac0;
}

#sidebar {
	position: absolute;
	left: 810px;
	width: 135px;
}

#advertising {
	position: absolute;
	top: 10px;
	left: 810px;
	width: 135px;
	padding: 0px;
}

#haarschnitt {
	position: absolute;
	padding-top: 10px;
}

#footer {
	height: 280px;
	padding-bottom: 20px;
	padding-top: 50px;
	padding-left: 80px;
	background: transparent url(../img/tremor/footer.gif) no-repeat 50px 20px;
	clear: left;
	position:relative;
}
#footer ul {
    position: absolute;
    bottom:90px;
}
#paginationControl {
    margin-top: 15px;
    font-size: 11px;
    text-align: center;
}
#paginationControl strong {
    font-size: 14px;
}
#currentFlyer img {
    border: 1px solid black;
}
#words_latestOverview
.latestWords
{
    width: 220px;
    float: left;
    padding-right: 0px;
    text-align: left;

}
.latestWords table td {
    vertical-align: top;
    padding-right: 5px;
}

.latestWords img {
    border: none !important;
}
/* words overview */

#words_overview {
	font: normal 0.90em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
    width: 680px;
	padding-top: 25px;
	float: left;
}

#words_overview a:hover {
    color: #dadac0;
    text-decoration: none;
    border-bottom: 1px dashed #dadac0;
}

#words_overview img {
    float: left;
    border: 1px solid #000000;
    margin-right: 20px;
    margin-top: 5px;
}

#words_overview h1 {
		font: normal 1.50em/1.3 Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
    color: #dadac0;
	font-weight: bold;
	font-variant:small-caps;
	margin-left: 160px;
	width: 450px;
	top: 10px;
}
.contentbar, .contentbar img {
    text-decoration: none;
    border: 0 !important;
    outline: none;
}
#words_latestOverview
{
    border-top:     1px dashed #DADAC0;
    border-bottom:  1px dashed #DADAC0;
    padding:        10px 0 15px 0;
    margin-top:     40px;
}


.blog {
width: 320px;
height: 100%;
border: 0px solid #dadac0;
font: normal 9px Verdana, Arial, Courier, Tahoma, Helvetica, sans-serif;
margin-top: 20px;
margin-bottom: 10px;
}

.blog h3 {
width: 100%;
height: 100%;
border: 0px solid #dadac0;
font-weight: bold;
background-color: #5C4D36;
border: 1px solid #000000;
padding: 2px;
text-transform:uppercase;
}