@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("cms.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #666;
	font-size:12px;
}

body {
	background: #faecc9 url(../images/layout/bg.jpg) repeat-x top center;
	min-height: 101%;
}

html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
}

h1{
	font-size: 23px;
	color: #8b461f;
	font-weight:lighter;
	margin: 0 0 30px 0;
}

h2 {
	font-size: 18px;
	color: #333;
	font-weight:lighter;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 14px;
	color: #333;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 17px;
	color: #831634;
	font-weight:lighter;
	margin: 5px 0 10px 0;
}

p {margin: 0 0 20px 0px; line-height: 18px;}
	
.hideme {display: none;}


/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

#clear, .clear {
	clear:both;
	float:none;
}

#wrapper {
	width: 955px;
	position:relative;
	margin: 0 auto;
	text-align: left;
}

/*---------------------------------*/


#head {
	width: 911px;
	height: 231px;
	clear: both;
	padding: 0 0 0 44px;
}


h1.logo, h1.logo a{
	width: 239px;
	height: 147px;
	text-indent: -9999px;
	display:block;
}

h1.logo a{	height: 100px;}


/******   TOOLTIPS  *****/
.joe{
	display:block;
	position:absolute;
	width: 175px;
	height: 229px;
	z-index: 1;
	left: 744px;
	top: 0px;
}
		
.toggle-appear{
	width:120px;
	height:15px !important;
	height:102px;
	z-index:1;
	position:absolute;
	left: 750px;
	top: 86px;
	display:none;
}

#joe_crawford, #joe_crawford p{
	background: #000;
	padding: 10px;
	color: #fff;
	_height: 20px;
}

/*---------------------------------*/

.slideshow{
	display:block;
	position: absolute;
	width: 225px;
	height: 147px;
	left: 453px;
	top: 0px;
	z-index: 1;
}

#rotator img
{
	display: none;
	position: absolute;
	z-index: 2;
}

.editcontent{
	float:left;
	width: 640px;
	padding: 30px 0 0 85px;
}

.colleft{
	float:left;
	width: 310px;
	padding: 0 10px 0 0;
}

.colright{
	float:left;
	width: 310px;
	padding: 0 0 0 0px;
}

#content {
	float:none;
	min-height: 371px;
	background: url(../images/layout/bg_content.jpg) no-repeat 575px top;
}


/*######################################################################################################
######################################################################################################*/


/* 4. Content */

.bildborder {
	border: 1px solid #a2926e;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.bildborder:hover{
	border: 2px solid #a2926e;
	padding: 1px;
}

.bildbordernohover {
	border: 1px solid #a2926e;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

.bildbordernohoverinfo{
	border: 1px solid #a2926e;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
	cursor:help;
}

/*---------------------------------*/

.floatleft{
	float: left;
}

.marginright10px{
	margin: 0 10px 0 0;
}

.floatright {
	float: right;
}

/*---------------------------------*/

ul.liste{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.liste li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #7d7664;
	background:url(../images/layout/bg_li.gif) no-repeat left center;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:none;
}


ul.liste li:hover {
	color:#000;
}

*html ul.liste li {
/*	line-height: 20px;*/
	height: 20px;
}

/*---------------------------------*/

ul#tab_group_one{
	display:block;
	height: 23px;
	border-bottom: solid 2px #d2c3a1;
	margin: 0 0 20px 0;
}

ul#tab_group_one li{
	float:left;
	margin: 0 2px 0 0;
	line-height: 20px;
	display:inline;
}

ul#tab_group_one li a{
	display: block;
	height: 20px;
	background: #eadbba;
	padding: 0 5px;
	margin: 3px 0 0 0;
	line-height: 20px;
	text-decoration: none;
	_width: 1%;
	white-space: nowrap;
}

ul#tab_group_one li a.active{ 
	color:#fff;
	background:#d2c3a1;
	margin: 0;
	height: 20px;
	padding: 3px 5px 0 5px;
}

/*---------------------------------*/

ul.zip{	width: 636px; background: #eadbba; display:block; padding: 2px; height: 18px;}
ul.zip li{ width: 312px; float:left;background: #eadbba; line-height: 18px; padding: 0 3px;}
.distanz{display:block; height: 20px;}
.datei{ float:left; padding: 2px 4px; display:block;}
.datei2{ padding: 2px 4px; display:block; clear:left;}
.link{ float:left; padding: 2px;}
.tag{ display:block; width: 100px; float:left;}
#noflash{}
.download{display: block; line-height: 20px; height:20px; background:#eadbba; padding: 2px; font-weight:bold;}
.lb{ 
	background:#eadbba url(../images/layout/bg_download.gif) no-repeat 2px center;
	display: block; 
	line-height: 20px; 
	height:20px;  
	padding: 2px 2px 2px 20px; 
	font-weight:bold;
	margin: 0 0 10px 0;
	float:left;
	width: 320px;
}

.lb2{ 
	background:#eadbba;
	display: block; 
	line-height: 20px; 
	height:20px;  
	padding: 2px 2px 2px 2px; 
	font-weight:bold;
	margin: 0 0 10px 0;
	float:left;
	width: 338px;
}
ul.post{margin: 20px 0;}
ul.post li a{	
	float:left;
	background: #341707;
	color:#FFFFFF;
	text-align:center;
	line-height: 18px;
	text-decoration: none;
	margin: 0 1px 0 0;
	display:block;
	width: 18px;
	height: 18px;
}

.sound { 
	line-height: 24px; 
	height: 24px; 
	padding: 0 0 0 30px; 
	background: url(../images/layout/sound-icon.jpg) no-repeat; 
	display:block;
}

.pic{
	margin: 0px 20px 30px 0;
	width: 276px;
	float:left;
	height: 485px;
	text-align:center;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span{
	text-decoration: underline;
	color: #b5113e;
	outline: none;
}

a:hover, a:hover span{
	text-decoration:none;
	color:#333;
}

/*---------------------------------*/

.gototop{
	position:fixed;
	right:10px;
	bottom:10px;
	color:#999;
	font-size:10px;
	text-decoration:none;
	_display:none;
}

/*######################################################################################################
######################################################################################################*/

.sortable h3 {
	cursor: pointer;
	display: block;
	line-height: 15px;
	border-top: 1px dashed #000;
}

.plz {
	font-weight: bold;
}

.sortable td {
	border-top: 1px solid #000;
	padding-top: 10px;
}

.sortable h3 {
	background:url(../images/sort.gif) 7px top no-repeat;
	cursor:pointer;
	padding-left:18px;
}
.sortable .desc h3 {
   background:url(../images/desc.gif) 7px center no-repeat;
   cursor:pointer;
   padding-left:18px
}

.sortable .asc h3 {
   background:url(../images/asc.gif) 7px center no-repeat;
   cursor:pointer;
   padding-left:18px
}

.sortable td.evenselected {
background:#EADBBA none repeat scroll 0 0;
padding-left: 5px;
font-weight: bold;
}
.sortable td.oddselected {
background:#f4e6c6 none repeat scroll 0 0;
padding-left: 5px;
font-weight: bold;
}
.sortable th {
	background: #f4e6c6;
}

p.liste a {
	color: #7D7664;
	text-decoration: none;
}

p.liste a:hover {
	color: #000;
}


div.left {
	float:left;
	width:300px;
	padding-right:30px;
}

div.right {
	float:left;
	width:300px;
}

div.textbox-news {
	padding-left:145px;
	width:470px;
	}
	
div.textbox-workshop {
	padding-left:230px;
	width:400px;
	}
	
div.textbox-endorser {
	padding-left:150px;
	width:460px;
}	

.shop {
	border:none;}