/*  #################################################
    CSS Template «Delta Möbel» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Kai Tallafus
	date:		2008-09
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("/fileadmin/templates/styles/resets.css");

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

/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.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%;
}

.clear {clear: both;}
img {vertical-align: bottom;}
.underline {border-bottom: 1px solid #FFFFFF;}

/*-------- / MAIN MARKUP/ ---------*/

html {
	font-family: Verdana, Helvetica, Arial;
	font-size: 100.1%;
	height: 100%;
}

body {
	font-size: .75em; /* .75em = 12px */
	line-height: 1.2em;
	height: 100%;
	color: #000000;
	background: #D7DDD9 url('/fileadmin/templates/images/back_verlauf_solo.jpg') repeat-x 0 0px;
}

#wrapper {
	width: 933px;
	margin-left: 51px;
	margin-top: 34px;
}

/*########################################
			 Shadowed Boxes
#########################################*/

div.shadowbox-content {
	position: relative;
	/*left: -4px;*/
	/*padding: 20px;*/
	
}
div#content div.shadowbox-content {min-height: 370px;}


/*-- Even more rounded corners with CSS: Base stylesheet --*/
.shadowbox {
	position:relative;
	margin: 0px auto;
	min-width:8em;
	margin-left: 4px; /* default, width of left corner */
}

.shadowbox .shadowbox-inner,
.shadowbox .t,
.shadowbox .b,
.shadowbox .b div {
	background:transparent url('/fileadmin/templates/images/shadow.png') no-repeat top right;
	_background-image: url('/fileadmin/templates/images/shadow.gif');
}

.shadowbox .shadowbox-inner {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:4px 4px 0px 0px;
}

.shadowbox .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:4px; /* top slice width */
	margin-left:-4px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.shadowbox .b {
	/* bottom */
	position:relative;
	width:100%;
}

.shadowbox .b,
.shadowbox .b div {
	height:4px; /* height of bottom cap/shade */
	font-size:1px;
}

.shadowbox .b {
	background-position:bottom right;
}

.shadowbox .b div {
	position:relative;
	width:5px; /* bottom corner width */
	margin-left:-5px;
	background-position:bottom left;
}

.shadowbox .hd,
.shadowbox .bd,
.shadowbox .ft {
	position:relative;
}

/* ----- Shadowbox Popup --- */

/*########################################
			 Shadowed Boxes
#########################################*/

div#content .shadowboxpopup div.shadowbox-content {
	position: relative;
	left: -3px;
	border: 6px solid #999999;	
	background-color: #ffffff;
}


/*-- Even more rounded corners with CSS: Base stylesheet --*/
div#content .shadowboxpopup {
	position:relative;
	margin:0px auto;
	margin-left:8px; /* default, width of left corner */
}

.shadowboxpopup .shadowbox-inner,
.shadowboxpopup .t,
.shadowboxpopup .b,
.shadowboxpopup .b div {
	background:transparent url('/fileadmin/templates/images/shadow2.png') no-repeat top right;
}

.shadowboxpopup .shadowbox-inner {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 8px 0px 0px;
}

.shadowboxpopup .b {
	/* bottom */
	position:relative;
	width:100%;
}

.shadowboxpopup .b,
.shadowboxpopup .b div {
	height:8px; /* height of bottom cap/shade */
	font-size:1px;
}

.shadowboxpopup .b {
	background-position:bottom right;
}

.shadowboxpopup .b div {
	position:relative;
	width:5px; /* bottom corner width */
	margin-left:-5px;
	background-position:bottom left;
}


.shadowboxpopup .hd,
.shadowboxpopup .bd,
.shadowboxpopup .ft {
	position:relative;
}

/* Framework */

#main {
	background-color: #ffffff;
	text-align: left;
}

/*########################################
			  TOPNAV
#########################################*/

#topnav {
	width: 100%;
	height: 26px;
	background-image: url('/fileadmin/templates/images/hg-topnav.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

#topnav ul li {
	float: left;
}

#body {
	position: relative;
	min-height: 562px;
}

/*########################################
			  LEFT
#########################################*/

#left {
	float: left;
	width: 154px;
	margin-top: 13px;
}

#sidecontent {
	position: absolute;
	bottom: 20px;
	width: 154px;
	margin-left: 11px;
}

#sidecontent a {
	display: block;
	margin-bottom: 13px;
}


#leftnav {
	margin-left: 11px;
}

#leftnav ul li {
	display: block;

}
#leftnav ul li 	a,
#leftnav ul li	a:link,
#leftnav ul li	a:visited {
	font-size: 0.85em;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}

#leftnav ul li a:hover, 
#leftnav ul li a:active,
#leftnav ul li.act a,
#leftnav ul li.act a:link,
#leftnav ul li.act a:visited,
#leftnav ul li.cur a
#leftnav ul li.cur a:link,
#leftnav ul li.cur a:visited {
	font-size: 0.85em;
	font-weight: bold;
	color:#E7081A;
}


/* 2. Ebene */

#leftnav ul li ul {margin-left: 0px;margin-bottom: 3px;}

#leftnav ul li ul li {
	padding-left: 11px;
	background-image: url(/fileadmin/templates/images/leftnav-listimg.gif); 
	background-repeat: no-repeat; 
	background-position: 3px 6px;
	line-height: 1em;
	color:#000000;
}


#leftnav ul li ul li a,
#leftnav ul li ul li a:link,
#leftnav ul li ul li a:visited,
#leftnav ul li.act ul li a,
#leftnav ul li.act ul li a:link,
#leftnav ul li.act ul li a:visited,
#leftnav ul li.cur ul li a,
#leftnav ul li.cur ul li a:link,
#leftnav ul li.cur ul li a:visited {
	font-size: .85em;
	line-height: 1em;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}

#leftnav ul li ul li a:hover, 
#leftnav ul li ul li a:active,
#leftnav ul li.cur ul li a:hover,
#leftnav ul li.cur ul li a:active, 
#leftnav ul li.act ul li a:hover,
#leftnav ul li.act ul li a:active, 
#leftnav ul li.act ul li.act a,
#leftnav ul li.act ul li.act a:link,
#leftnav ul li.act ul li.act a:visited,
#leftnav ul li.act ul li.cur a
#leftnav ul li.act ul li.cur a:link,
#leftnav ul li.act ul li.cur a:visited {
	font-size: .85em;
	line-height: 1em;
	font-weight: normal;
	color:#E7081A;
}


/* 3. Ebene */

#leftnav ul li ul li ul {margin-left: 0px;margin-bottom: 3px;}

#leftnav ul li ul li ul li {
	padding-left: 11px;
	background-image: url(/fileadmin/templates/images/leftnav-listimg.gif); 
	background-repeat: no-repeat; 
	background-position: 3px 6px;
	line-height: 1em;
	color:#000000;
}

#leftnav ul li.act ul li.cur ul li a, 
#leftnav ul li.act ul li.cur ul li a:link,
#leftnav ul li.act ul li.cur ul li a:visited,
#leftnav ul li.act ul li.act ul li a,
#leftnav ul li.act ul li.act ul li a:link,
#leftnav ul li.act ul li.act ul li a:visited {
	font-size: .85em;
	line-height: 1em;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
}

#leftnav ul li.act ul li.cur ul li a:hover,
#leftnav ul li.act ul li.cur ul li a:active,
#leftnav ul li.act ul li.act ul li a:hover,
#leftnav ul li.act ul li.act ul li a:active,
#leftnav ul li.act ul li.act ul li.cur a,
#leftnav ul li.act ul li.act ul li.cur a:link,
#leftnav ul li.act ul li.act ul li.cur a:visited {
	font-size: .85em;
	line-height: 1em;
	font-weight: normal;
	color:#E7081A;
	text-decoration: none;
}


/*########################################
			  RIGHT
#########################################*/

#right {
	float: right;
	width: 771px;
}

#top {
	margin-bottom: 30px;
}

.breadcrumb {
	float: left;
	margin-top: 16px;
}

.breadcrumb li {
	float: left;
	margin-right: 6px;
	font-size: .85em;
	line-height: 0.8em;
}

.breadcrumb li a,
.breadcrumb li a:link,
.breadcrumb li a:visited,
.breadcrumb li a:active {
	color: #6D6D6D;
	text-decoration: none;
}

.breadcrumb li a:hover {
	color:#E7081A;
}

.breadcrumb li.cur a,
.breadcrumb li.cur a:link,
.breadcrumb li.cur a:visited,
.breadcrumb li.cur a:active,
.breadcrumb li.cur a:hover {
	color:#E7081A;
	text-decoration: none;
}

/*########################################
			  FOOTER
#########################################*/

#footer {
	background-color: #000000;
}

.copyright {
	float: left;
	line-height: 2.3em;
	font-size: 0.85em;
	color: #aaaaaa;
	margin-left: 11px;
}

.gnav {
	float: right;
	margin-right: 22px;
}

.gnav ul li {
	float: left;
	line-height: 2.3em;
	font-size: 0.85em;
	color: #aaaaaa;
	margin-left: 6px;
}

.gnav ul li a {
	color: #aaaaaa;
	text-decoration: none;
	margin-right: 6px;
}

p.oeffnungszeiten span.day {
	display: block;
	float: left;
	width: 60px;
}

p.oeffnungszeiten span.time {
	display: block;
	float: right;
	width: 220px;
}