/* ============= */
/* = INLCLUDES = */
/* ============= */
@import url("base.css");
@import url("print.css"); /* print styles */

/* =============== */
/* = SITE STYLES = */
/* =============== */
.shadow{
/* 	background: #fff url('../images/bg_body.jpg') 0 0 no-repeat; */
	margin: 0 auto;
	overflow: hidden;
	width: 1050px;
}
/* ======== */
/* ! Head   */
/* ======== */
.topBar{
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: right;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
	span.titel, span.titel a:link, span.titel a:visited { /* Erdmoebel Titel oben rechts */
		font-size: 44px;
		font-weight: normal;
		color: #fff;
		padding-right: 2px;
		text-decoration: none;
	}
/*
.topNav{
	height: 30px;
	line-height: 30px;
	text-align: center;
}
	ul.topNav{
		list-style-type: none;
	}
		ul.topNav li{
			border-right: 1px solid #999;
			color: #999;
			display: inline;
			margin: 0;
			padding: 0 8px 0 4px;
		}
		ul.topNav li.active a{
			color: #cc0000 !important;
		}
		ul.topNav li.last{
			border-right: none;
		}
			ul.topNav li a:link,
			ul.topNav li a:visited{
				color: #333;
				font-size: 1.2em;
				text-shadow: #ddd 1px 1px 3px;
			}
			ul.topNav li a:hover,
			ul.topNav li a:active{
				color: #cc0000;
				font-size: 1.2em;
				text-decoration: none;
			}
*/
.topNav{
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.topNav div{
	margin-left: auto;
	margin-right: auto;
	width: 89%;
}
	ul.topNav{
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
		ul.topNav li{
			display: block;
			float: left;
			height: 30px;
			margin: 0;
			padding: 0 2px;
		}
		ul.topNav a{
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 10px;
		}
		ul.topNav li.active a{
			color: #fff !important;
			-moz-border-radius-bottomleft: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-bottomright: 4px;
			-webkit-border-bottom-right-radius: 4px;
			cursor: default;
		}
		ul.topNav li.last{
			border-right: none;
		}
			ul.topNav li a:link,
			ul.topNav li a:visited{
				color: #333;
				font-size: 1.2em;
/* 				text-shadow: #ddd 1px 1px 3px; */
			}
			ul.topNav li a:hover,
			ul.topNav li a:active{
				color: #fff !important;
				text-decoration: none;
				-moz-border-radius-bottomleft: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-moz-border-radius-bottomright: 4px;
				-webkit-border-bottom-right-radius: 4px;
			}


a:link, a:visited {
	color: #00ccff;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
} 
/* ========== */
/* ! Slides   */
/* ========== */
#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8{
	background: #fff;
	height: 140px;
	outline: 1px solid #ededed;
	overflow: hidden; /* JS disabled: no img mess */
}

#slide5,
#slide6,
#slide7,
#slide8{
	margin-top: 4px;
}
.slides5-8{
	min-height: 428px; /* 140x3+(2x4) */
	height: auto !important;
	height: 428px;
}

/* =========== */
/* ! Content   */
/* =========== */
.mainContent{
	min-height: 428px; /* 140x3+(2x4) */
	height: auto !important;
	height: 428px;
	padding-bottom: 0;
	padding-top: 20px;
}

.mainContent .pad{
	padding: 10px;
}

.mainContentSide .pad{
	padding: 10px 0;
}

h2{
	font-weight: normal;
	letter-spacing: 1px;
}

h2.pagetitle{
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1em;
	margin-top: 4px;
	padding: 3px 12px;
/* 	text-shadow: #eee 1px 1px 1px; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* ========== */
/* ! Footer   */
/* ========== */
.footerContainer{
	border-top: 1px dotted #eee;
	color: #999;
	margin-bottom: 50px;
	margin-top: 20px;
	padding-top: 20px;
}

.socialBookmarks{
	height: 20px;
	line-height: 20px;
}
.socialBookmarks a:hover{
	opacity: .65;
}

.socialBookmarks .sharing_text{
	height: 20px;
	float: left;
	line-height: 20px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

.siteFooter{
	font-size: .9em;
	text-align: right;
}
	ul.footer{
	}
		ul.footer li{
			border-right: 1px solid #ccc;
			display: inline;
			padding-right: 10px; 
		}
			ul.footer li a:link,
			ul.footer li a:visited{
				color: #999;
			}
			ul.footer li a:hover,
			ul.footer li a:active{
				color: #00ccff;
				text-decoration: underline;
			}
	ul.footer,
	ul.copyYears{
		display: inline;
		list-style-type: none;
	}
	ul.footer li,
	ul.copyYears li{
		display: inline;
		margin: 0 10px 0 0;
	}

/* ============ */
/* ! JQT Tabs   */
/* ============ */
/* root element for tabs  */
ul.jqttabs{  
/* 	border-bottom: 1px solid #ddd; */
	margin:0 !important; 
	padding: 0 10px;
	height:30px;
}
/* single tab */
ul.jqttabs li{  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
/* link inside the tab. uses a background image */
ul.jqttabs a { 
	float: left;
	font-size: 1.2em;
	display: block;
	padding: 5px 30px;	
	text-decoration: none;
	border: 1px solid #f5f5f5;	
	border-bottom: 0px;
	height: 18px;
	background-color: #fff;
	color: #00ccff;
	margin-right: 2px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;	
	position: relative;
	top: 1px;	
}
ul.jqttabs a:hover{
	background: #fefefe;
	color:#cc0000;
	text-decoration: none;
}

/* selected tab */
ul.jqttabs a.current{
	background-color:#fbfbfb;
	border-bottom: 1px solid #fbfbfb;
	color:#fff;	
}
ul.jqttabs a.current:hover{
}

/* tab pane */
div.jqtpanes > div.jqtpane{
	border: 1px solid #f5f5f5;
	overflow: hidden;
	padding:15px;
}

div.jqtpane{
	background: #fff url('../images/bg_jqtpane.jpg') 0 0 repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

td{
	padding-right: 10px;
	padding-bottom: 20px;
	vertical-align: middle;
}
/* ============== */
/* ! old styles   */
/* ============== */
table.table_hoeren a:link, table.table_hoeren a:visited, table.table_hoeren_inner a:link, table.table_hoeren_inner a:visited {
color: #333333;
}
table.table_hoeren a:hover, table.table_hoeren_inner a:hover {
color: #990033;
}

table.presstable img{
	border: 1px solid #ddd;
}
table.presstable td{
	vertical-align: top;
}
.album_title {
	font-size: 1.5em;
	font-weight: normal;
	color: #333;
	margin-bottom: 0;
	padding-bottom: 0;
}
.LIn_fullMode a:link, .LIn_fullMode a:visited {
	color: #333333;
	font-size: 10pt;
}
.LIn_fullMode a:hover {
	color: #00CCFF;
	font-size: 10pt;
}
.LIn_pagination a:link, .LIn_pagination a:visited {
	color: #333333;
	font-size: 10pt;
}
.LIn_pagination a:hover {
	color: #00CCFF;
	font-size: 10pt;
}
.LIn_currentPage {
	color: #999999;
	font-weight: bold;
	font-size: 10pt;
}

table.table_hoeren td{
	padding-bottom: 5px;
	vertical-align: top;
}

/* ======== */
/* ! Home   */
/* ======== */
.homeBox{
	min-height: 130px;
	height: auto !important;
	height: 130px;
	margin-bottom: 20px;
}
.homeBox .pad{
	margin: 0 10px 0 10px;
	padding: 0;
}
.homeBox h2{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;	
/* 	background-color: #fbfbfb; */
	border: 1px solid #ebebeb;
	border-bottom: 1px solid #fff;
	color: #666;
	display: inline;
	font-size: 1.2em;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-right: 2px;
	padding: 5px 30px 1px 30px;	
	position: relative;
/* 	text-shadow: #eee 1px 1px 1px; */
	z-index: 2;
}
.homeBox .homeBoxContent{
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border: 1px solid #ebebeb;
	clear: left;
	color: #777;
	display: block;
	overflow: hidden;
	padding: 15px 0 5px 10px;
}
.homeBox .homeBoxContent h3,
.homeBox .homeBoxContent h4{
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 0 !important;
}
.homeBox .homeBoxContent h4{
	color: #1a1a1a;
}
.homeBox .boxHeight1{
	height: 190px;
}
.homeBox .boxHeight2{
	height: 150px;
}

#boxNews{
border-right: none;
overflow: hidden;	
}

/* ================= */
/* ! JQT accordion   */
/* ================= */
#accordion h2{
	background: url('../images/icons/pane_bullet.gif') 5px 6px no-repeat;
	border-top: 1px solid #ebebeb;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
	padding-left: 20px;
}
#accordion h2.current,
#accordion h2.current:hover{
	background: transparent url('../images/icons/pane_bullet_a.gif') 5px 6px no-repeat;
	color: #fff !important;
	cursor: default;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
}

#accordion h2:hover{
	background: none;
	background-color: #f9f9f9;
	border-left: 8px solid #ccff00;
	color: #222;
	cursor: pointer;
	padding-left: 12px;
}

#accordion h2.current:hover{
	border-left: none;
	padding-left: 20px;
}

#accordion .pane{
/* 	background-color: #f9f9f9; */
	border-top: 1px solid #ebebeb;
	display: none;
	margin-bottom: 3px;
	margin-top: 0;
	padding: 10px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
}

.feedback_form{
	margin-top: 15px;
}

.feedback_form .textfield{
	font-size: 1em;
	padding: 3px;
	width: 60%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* ================== */
/* ! colorbox styles   */
/* ================== */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox/overlay2.png) 0 0 repeat !important;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* Fontpage Live Box */
.dateDate{
	
}
.dateDateAlt{
	background: #fff !important;
	overflow: hidden;
}
.dateDatum{
	float: left;
	width: 20%;
}
.dateStadt{
	font-weight: bold;
}
/* Frontpage Social Box */
a.linkSocial{
	display: block;	
	font-size: 1em;
	height: 32px;
	line-height: 32px;
	margin-bottom: 4px;
	padding-left: 40px;
}
a.linkSocial:hover{
	opacity: .6;
	text-decoration: none;
}
a.linkYoutube{background: url('http://www.erdmoebel.de/images/social/youtube.png') 0 0 no-repeat;}
a.linkFacebook{background: url('http://www.erdmoebel.de/images/social/facebook.png') 0 0 no-repeat;}
a.linkTwitter{background: url('http://www.erdmoebel.de/images/social/twitter.png') 0 0 no-repeat;}
a.linkMyspace{background: url('http://www.erdmoebel.de/images/social/myspace.png') 0 0 no-repeat;}
/* krokus b/w */
a.linkYoutube_bw{background: url('http://www.erdmoebel.de/images/social_bw/youtube.png') 0 0 no-repeat;;color:#1a1a1a;}
a.linkFacebook_bw{background: url('http://www.erdmoebel.de/images/social_bw/facebook.png') 0 0 no-repeat;;color:#1a1a1a;}
a.linkTwitter_bw{background: url('http://www.erdmoebel.de/images/social_bw/twitter.png') 0 0 no-repeat;;color:#1a1a1a;}
a.linkMyspace_bw{background: url('http://www.erdmoebel.de/images/social_bw/myspace.png') 0 0 no-repeat;;color:#1a1a1a;}
/* ================ */
/* ! Nachrichten    */
/* ================ */
.newsItemContainer{
	background: #fefefe;
	margin: 0 0 5px 0;
}

.newsCalTitleFull h2{
	font-size: 1.1em;
	margin-top: 3px;
	padding: 0px 4px;
}

.newsCalTitle h2{
	border-bottom: 1px solid #f9f9f9;
	float: left;
	padding-bottom: 10px;
	font-size: 1.1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.newsDate{
	color: #999;
	display: block;
	font-size: 11px;
	margin-bottom: 0;
	text-align: left !important;
}
.newsCalsummary{
	padding: 5px 0;
}
.ditto_off{
	display: none;
}
.ditto_currentpage{
	font-weight: bold;
}
.ditto_currentpage, .ditto_page{
	font-weight: bold;
	margin: 0 5px;
}
.newsNavLinks{
	font-size: 12px;
	margin: 10px 0;
}
.newsReadMore{
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.newsReadMore a{
	font-weight: normal;
	padding: 3px 5px;
}

.newsCalTitleFirst{
	color: 222;
	font-weight: bold;
}

/* =================== */
/* ! Nachrichten Box   */
/* =================== */
#home1 .homeBoxContent, /*krokus box*/
#home3 .homeBoxContent /*nl box*/ { 
/* 	min-height: 190px; */
}

#home1 #order img{
	border: 1px solid #dbdbdb;
}

#home1 div.newsPic{
	border: 2px solid #333;
	font-weight: bold;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 8px 3px 0;
}
#home1 div.newsCalTitleFirst{
  color: #444;
  line-height:  1.3em;
  font-weight: bold;

}
#home1 .newsCalMonth{
	color: #fff;
	font-size: 11px;
}
#home1 .newsCalDate{
	color: #666;
	font-size: 11px;
}
.newsCalReadmore{
	margin-left: 15px;
}
#home1 .readMore{
	padding: 15px 0 5px 0;
}
#home1 .readMoreLink{
	font-size: 11px;
}
.back2News{
	border-top: 1px solid #ddd;
}

/* =============== */
/* ! jScrollPane   */
/* =============== */

#boxNews{
	border-bottom: none !important;
	border-top: none !important;
}

.jScrollPaneContainer {
	border: 1px solid #ebebeb;
	height: 105px;
	position: relative;
	overflow: hidden;
	z-index: 1;
/* 	width: 477px !important; */
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
margin-right: 0;
padding-right: 0;
/*
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
*/

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
/* ======== */
/* ! Live   */
/* ======== */
table#tableSorter{
	width: 100%;
}
#tableSorter th{
	border-bottom: 1px solid #f0f0f0
	padding: 3px 10px;
	text-align: left;
}
#tableSorter td{
	padding: 3px 10px;
}
.eventLand{
	width: 10%;
}
.eventOrt{
	width: 40%;
}
.eventInfo{
	width: 15%;
}
#tableSorter th,
.eventRowAlt{
	background-color: #fdfdfd;
}

#newsletterBox input{
	width: 90%;
}

#newsletterBox input.submit{
	font-size: 1em;
}
#newsletterBox label{
	font-size: .8em;
}
#newsletterBox .errors{
	font-size: .8em;
}

#socialLinksBox{
	margin-top: 15px;	
	overflow: hidden;
}


.sideBox{
	background: #fff;
	border: 1px solid #ebebeb;
	font-size: 1em;
	margin-bottom: 25px;
	margin-top: 5px;
	overflow: hidden;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sideBox h2{
	font-size: 12px;
	font-weight: normal;
}
.sideBox .success,
.sideBox .error,
.sideBox .errors{
	font-size: 11px;
}
.showAllLink{
	font-size: 10px;
	margin-left: 10px;
}

/* =========== */
/* ! Buttons   */
/* =========== */

/*
.btn { border: 1px solid #dbdbdb; display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn:hover { background-color: #aaa; color: #ededed; text-decoration: none;}
.btn:active { background-color: #ccc; }
.btn[class] {  background-image: url('../images/s_hade.png'); background-position: bottom; }

.btn{
font-size: .8em;
margin: 5px 0 0 0;
padding: 3px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
*/
.btn {
	display: inline-block;
	margin-top: 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	padding: 4px 10px;
/* 	text-shadow: 0 1px 1px rgba(0,0,0,.3); */
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.btn:hover {
	text-decoration: none;
}
.btn:active {
	position: relative;
	top: 1px;
}

.btn {
	color: #fef4e9;
	border: solid 1px #dedede;
	background: #f78d1d;
/*
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
*/
}




#mask{
position:absolute; /* important */
top:0px; /* start from top */
left:0px; /* start from left */
height:100%; /* cover the whole page */
width:100%;  /* cover the whole page */
display:none; /* don't show it '*/          

/* styling below */
background-color: #fff;
z-index: 99;
}
   
.modal_window{
position: absolute; /* important so we can position it on center later */
display: none; /* don't show it */

/* styling below */
color: white;
z-index: 100;
}

/* style a specific modal window  */
#form_window{
border:1px solid gray;
color: #fff;
margin-top: 0;
padding: 0 20px 20px;
}

img.justifyright{
	float: right;
}

/* ======== */
/* ! Band   */
/* ======== */
div.band{
	margin-bottom: 35px;
/* 	text-align: center; */
}
div.band_alt{
	text-align: right;
}
div.band img{
	text-align: left;
}
div.band p{
	margin-top: 3px;
	padding: 3px 5px;
}

/* ========== */
/* ! Hoeren   */
/* ========== */
#hoeren_container{
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding-top: 10px;
}

#hoeren_container img.hoeren_coverpic{
	border: 1px solid #ccc;
}

.hoeren_coverpic{
	clear: left;
	float: left;
}
.hoeren_details{
	float: left;
	overflow: hidden;
	padding: 10px 0 0 20px;
}
p.hoeren_label{
	color: #999;
	margin: 0 0 10px 0;
}
p.hoeren_kaufen{
	border-top: 1px solid #eee;
	margin-top: 7px;
	min-height: 80px;
	height: 80px;
	padding-top: 6px;
	overflow: hidden;
}
a.link_itunes,
a.link_amazon{
	background: transparent url('../images/icon_kaufen.png') 0 0 no-repeat;
	display: block;
	height: 11px;
	line-height: 11px;
	margin: 0;
	margin-bottom: 4px;
	margin-right: 10px;
	color: #666 !important;
	font-size: .8em;
	padding-left: 18px;
}
a.link_itunes:hover,
a.link_amazon:hover{
	color: #00ccff !important;
	text-decoration: underline;
}

/* ================== */
/* ! "Krokus" Index   */
/* ================== */
#krokus_index_container{
	background: #ccc url('../assets/images/krokus_350x298.jpg') 0 0 no-repeat;
	height: 300px;
	margin: auto;
	overflow: hidden;
	width: 960px;
}

#krokus_index_container h2,
#krokus_index_container h3{
	font-weight: normal;
	margin: 0 !important;
	padding: 0 !important;
}

#krokus_index_container h3{
	color: #1a1a1a;
}
.krokus_index_info{
	margin-left: 360px;
}
/* ================== */
/* ! "Krokus" Seite   */
/* ================== */
#krokus_page_container{
	background: transparent url('../assets/images/krokus_261x234.jpg') 0 25px no-repeat;
	clear: left;
	float: left;
	height: 330px;
	margin: auto;
	overflow: hidden;
	width: 49%;
}

.krokus_page{
	font-size: 14px;
	font-weight: normal;
	margin: 0 !important;
	padding: 0 !important;
}

.krokus_page_info h2{
	color: #1a1a1a;
	font-size: 22px;
	line-height: 1em;
	margin: 0 !important;
	padding: 0 !important;
}
#krokus_page_container a{
	display: block;
	margin-top: 250px;
}

#buch_page_container{
	background: transparent url('../assets/images/buch_berges.jpg') 80px 60px no-repeat;
	float: left;
	height: 280px;
	margin: auto;
	margin-top: 30px;
	overflow: hidden;
	width: 49%;
}

.buch_page{
	font-size: 14px;
	font-weight: normal;
	margin: 0 !important;
	padding: 0 !important;
}

#buch_page_container h2{
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1em;
	margin: 0 !important;
	padding: 0 !important;
}
.buch_page_info{

}
#buch_page_container a{
	display: block;
	margin-left: 80px;
	margin-top: 175px;
}

div.pressetext div{
	margin-bottom: 10px;
}

.success{
	font-size: 11px;
}
.success h2{
font-size: 14px;
}

#soon{
	background: url('krokus_275x234.jpg') 0 0 no-repeat;
	margin: auto;
	margin-top: 50px;
	padding-top: 234px;
	width: 500px;
}
.errors{
	color: #cc0000;
	font-size: 11px;
}

#krokus_buch_lp{
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .9em;
	line-height: 1.4em;
	margin: 10px auto;
/* 	overflow: hidden; */
	width: 900px;
}
#krokus_buch_lp img{
	margin-bottom: 30px;
}
#krokus_container{
	clear: left;
	float: left;
	height: 800px;
	margin-right: 120px;
/* 	overflow: hidden; */
	padding-top: 82px;
	width: 380px;
}
#buch_container{
	float: left;
	height: 800px;
/* 	overflow: hidden; */
	width: 380px;
}
#krokus_buch_lp h2,
#krokus_buch_lp h3{
	font-weight: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#krokus_buch_lp h2{
	font-size: 1.8em;
}
#krokus_buch_lp h3{
	color: #000;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.error,
.success{
	background: none;
	background-color: #fff;
	border: none;
	border-left: 3px solid #ccc;
	padding: 0 0 0 5px !important;
}
.error{
	border-left: 3px solid #cc0000;
}

.success{
	border-left: 3px solid #ccc;
}

.mailmanThanksBox{
	border-left: 3px solid red;
	color: red;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 4px;
}
.mailmanThanksBoxBw{
	border-left: 3px solid #000;
	color: #000;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 4px;
}
input.required,
textarea.required{
	border: 1px solid red;
	border-left: 3px solid red;
}

/* =========== */
/* ! Kontakt   */
/* =========== */
ul#kontakt_liste{
	clear: both;
	list-style-type: none;	
	margin: 0 0 70px 0;
	padding: 0;
}
ul#kontakt_liste li{
	border-right: 2px solid #ededed;
	float: left;
	margin: 0;
	padding: 0 5px;
}
ul#kontakt_liste li a:link,
ul#kontakt_liste li a:visited{
	font-size: 1.4em;
}

/* ======================== */
/* ! Interview Dir Lister   */
/* ======================== */
table.list_files_table{
	margin: 0 auto 20px auto;
	width: 860px;
}
table.list_files_table td{
	padding: 3px 10px;
}
table.list_files_table tfoot tr{
	border-top: 1px solid #363636;
}
td.list_files_table_size{
	text-align: right;
}

/* ============== */
/* ! Gästebuch   */
/* ============== */
/* ============ */
/* ! Comments   */
/* ============ */
.gbookMod{color: #cc0000}

div.entryContainer{
	margin-bottom: 10px;
}

div.entryContainer,
div.entryContainerjot-row-alt{
	width: 100%;
	overflow: hidden;
}

.jot-row-me, /*admin logged in*/
.jot-row-author /*original author*/ {
	background: none !important;
}

div.entryContainer div.entryData{
  width: 25%;
  float: left;
  clear: left;
  overflow: hidden;
  text-align: center;
}
div.entryContainerjot-row-alt div.entryData{
  width: 25%;
  float: left;
  clear: left;
  overflow: hidden;
  text-align: center;
}

div.entryData .pad{
  padding: 5px 30px 5px 5px;
}

div.commentForm .textfield{
	font-size: 1.2em;
	padding: 2px 0;
}

div.commentForm #content{
	height: 160px;
}

div.entryData h3.entryName{
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}
div.entryData .entryLocation{
  font-size: 11px;
  color: #bbb;
  line-height: 1.2em;
  margin: 5px 0 0 0;
  padding: 0;
}
div.entryNumber{
  font-weight: bold;
  font-size: 24px;
  color: #ebebeb;
/*   text-align: left; */
  margin: 0;
  padding: 0;
  text-shadow: none;
}
div.entryData a.entryHomepage{
  color: #666;
  font-size: 11px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
div.entryComment{
/* 	min-height: 50px; */
}

div.entryContainer div.entryContent{
	background-color: #f9f9f9;
	color: #7b7b7b;
	float: left;
	width: 75%;
}

div.entryContainerjot-row-alt div.entryContent{
	background-color: #fcfcfc;
	float: left;
	width: 75%;
}

div.entryContent{
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

div.entryContent .pad{
  padding: 10px;
}
div.entryContent .entryDate{
  font-size: 1em;
  line-height:  1.3em;
  text-align: right;
  margin-bottom: 10px;
}

.admin_comment{
	border-top: 3px solid #9cc62a;
	border-bottom: 3px solid #9cc62a;
}

div.entryContainer .entryDate{
	color: #999;
	font-size: 1.1em;
}

div.entryContainerjot-row-alt .entryDate{
	color: #999;
	font-size: 1.1em;
}
.commentMod{
	font-size: .8em;
	text-align: right;
}
#schreiben_ label{
	display: block;
	margin-top: 15px;
}
.at_least{
	margin: 10px 0;
}