@charset "utf-8";
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	text-align: center;
}
.clear {
	clear: both;
}
#bigmama {
	width: 1097px;
	margin: auto;
}
#header {
	width: 1097px;
	height: 142px;
	margin-bottom: 12px;
}
#logo {
	width: 142px;
	height: 142px;
	background-image: url(../images/layout/quarree-logo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
}
#logo h1 a {
	display: block;
	height: 142px;
	text-indent: -999em;
	text-decoration: none;
}
#logo h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
#headnavi {
	width: 955px;
	height: 142px;
	background-image: url('../images/layout/quarree-header-navi.jpg');
	background-repeat: no-repeat;
	float: right;
}
#oeffnugszeiten {
	background:url('../images/layout/quarree-oeffnungszeiten.png') no-repeat;
	color:#003686;
	height:35px;
	margin:0 auto 0 290px;
	text-indent: -999em;
	width:259px;
}
#content {
	width: 1097px;
	text-align: left;
	margin-bottom: 12px;
}
#content-news-ticker {
	background:url(../images/layout/bg-news-ticker.gif) no-repeat 0 0;
	color:#333;
	font-size:14px;
	height:24px;
	margin-bottom:10px;
	padding:11px 0 0 70px;
	width:614px;
}
.images-full-size, .images-half-size {
	background-repeat:no-repeat;
	margin-bottom:24px;
}
.images-half-size {
	height:306px !important;/*overflow:hidden !important;*/
}
#content-spalte-links {
	float:left;
	width:332px;
}
#content-spalte-rechts {
	/*padding-top:409px;*/
	margin-left:350px;
	width:332px;
}
.paddingtop {
	padding-top:409px;
}
#contentleft {
	width: 682px;
	text-align: left;
	float: left;
	min-height: 300px;
}
#contentright {
	width: 400px;
	text-align: left;
	float: right;
	min-height: 300px;
}
#suche {
	background: url(../images/layout/quarree-suche-background.jpg) no-repeat;
	height: 39px;
	margin-bottom: 12px;
	text-align: left;
	width: 400px;
}
.suchformular, #cntnt01moduleform_1 {
	margin: 0px 0px 0px 100px;
	padding: 0px;
}
.suchfeld, .suchfeld:active, .suchfeld:focus, .suchfeld:hover {
	background: url(../images/layout/suche-background.png);
	border: 0px;
	color: #999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
	padding: 6px 5px;
	outline:none;
	vertical-align:middle;
	width: 255px;
}
#suchbutton {
	border:none;
	background:transparent url(../images/layout/lupe.png) no-repeat 0 0;
	cursor:pointer;
	height: 27px;
	vertical-align:middle;
	width: 27px;
}
#terminal {
	width: 400px;
	text-align: left;
	background-color: #bfd7ea;
	min-height: 249px;
	background-image: url(../images/layout/terminal-footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#footer {
	width: 1097px;
	color:#323232;
	background-image: url(../images/layout/quarree-footer-background.jpg);
	background-repeat: no-repeat;
	padding: 13px 0px;
}
#footer a {
	color: #323232;
	text-decoration: none;
}
#footer a:hover {
	color: #003686;
	text-decoration: underline;
}
img, a {
	border: 0px;
	outline:none;
}
#content a {
	font-weight:bold;
}
h1, h2, h3, h4, h5, h6, a {
	color:#003686;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height:18px;
	margin:0 0 24px 0;
}
#half-size-teaser-left, #half-size-teaser-right {
	margin:0 0 24px 0;
}
.unvisible {
	visibility:hidden;
}
p {
	font-size:13px;
	
	margin: 0 0 12px 0;
	padding: 0px;
}
hr {
	color: #e2e2e2;
	background-color: #e2e2e2;
	height: 1px;
	border: none;
	margin: 20px 0px 20px 0px;
}
td {
	vertical-align:top;
}
#mega-layer {
	float:left;
	margin:65px 0 0 155px;
}
#mega-layer-trigger {
	background:url('../images/layout/bg-shop-a-z.gif') no-repeat;
	display:block;
	height:42px;
	text-indent:-999em;
	width:69px;
}
#mega-layer-wrapper {
	background:url('../images/layout/bg-mega-layer.png') no-repeat;
	display:none;
	height:574px;
	margin:10px 0 0 -995px;
	padding:15px 0 10px 45px;
	position:absolute;
	top:150px;
	width:1097px;
	z-index:10001;
}
#mega-layer-wrapper * {
	color:#fff;
	text-align:left;
}
#mega-layer-wrapper a {
	color: #fff;
	text-decoration:none;
}
#mega-layer-wrapper a:hover {
	color: #fff;
	text-decoration: underline;
}
#mega-layer-wrapper ul {
	padding:0;
	list-style:none;
	line-height:1.5em;
	margin:0;
}
.mega-layer-table {
	width:1050px;/*border:1px solid white;*/
}
.firstletter {
	font-size:1.3em;
}
.graue-haarlinie {
	border:1px solid #ccc;
	padding:12px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}
#content-header {
	/*background:url('../images/layout/bg-header-content.gif') no-repeat 0 0;*/
	height:75px;
	margin-bottom:12px;
	width:686px;
}
#content-header h2, #content-header h3 {
	color:#003686;
	margin:0 0 0 15px;
	padding:15px 0 0 0;
}
#content-header-wrapper {
}
#nav-quarree, #nav-shops, #nav-events, #nav-aktuelles, #nav-service, #nav-anfahrt, #nav-kontakt {
	background:url('../images/layout/bg-navi.jpg') transparent no-repeat 0 0;
	display:block;
	height:35px;
	margin:0 0 0 0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
}
#nav-quarree:hover, #nav-shops:hover, #nav-events:hover, #nav-aktuelles:hover, #nav-service:hover, #nav-anfahrt:hover, #nav-kontakt:hover {
	display:block !important;
	margin:0 0 0 0 !important;
	padding:0 !important;
	text-decoration:none !important;
	text-indent:-9999px !important;
}
#nav-quarree {
	width:123px !important;
	background-position:0 -35px;
}
#nav-quarree:hover, #nav-quarree.menuactive:hover, #nav-quarree.menuactive {
	background-position:0 0;
}
#nav-shops {
	width:163px;
	background-position:-123px -35px;
}
#nav-shops:hover, #nav-shops.menuactive:hover, #nav-shops.menuactive {
	background-position:-123px 0;
}
#nav-events {
	width:86px;
	background-position:-286px -35px;
}
#nav-events:hover, #nav-events.menuactive:hover, #nav-events.menuactive {
	background-position:-286px 0;
}
#nav-aktuelles {
	width:114px;
	background-position:-372px -35px;
}
#nav-aktuelles:hover, #nav-aktuelles.menuactive:hover, #nav-aktuelles.menuactive {
	background-position:-372px 0;
}
#nav-service {
	width:94px;
	background-position:-486px -35px;
}
#nav-service:hover, #nav-service.menuactive:hover, #nav-service.menuactive {
	background-position:-486px 0;
}
#nav-anfahrt {
	width:97px;
	background-position:-580px -35px;
}
#nav-anfahrt:hover, #nav-anfahrt.menuactive:hover, #nav-anfahrt.menuactive {
	background-position:-580px 0;
}
#nav-kontakt {
	width:102px;
	background-position:-667px -35px;
}
#nav-kontakt:hover, #nav-kontakt.menuactive:hover, #nav-kontakt.menuactive {
	background-position:-667px 0;
}
#unli-1 {
	margin-left:-18px !important;
}
#unli-2 {
	margin-left:-15px !important;
}
#unli-3 {
	margin-left:-48px !important;
}
#unli-4 {
	margin-left:-32px !important;
}
#unli-5 {
	margin-left:-43px !important;
}
#unli-6 {
	margin-left:-39px !important;
}
#unli-7 {
	margin-left:-29px !important;
}
/* News */
.news-entry-infoterminal {
	margin-bottom:11px;
}
.news-entry-last-item {
	margin-bottom:0;
}
/* everything is constructed with a single background image */

/* root element for tabs */
.tabs {
	/* dimensions */
	width:400px;
	height:31px !important;
	margin:0 !important;
	padding:0;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}
/* single tab */
.tabs li {
	float:left;
	margin:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
	cursor:pointer;
}
/* a- tag inside single tab */
.tabs li a {
	display:block;
	height: 31px;
	width: 200px;
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-indent:-999em;
}
/* adjust the background image position on each tab */
.tabs #t1 {
	background: url(../images/layout/infoterminal.jpg) no-repeat;
}
.tabs #t2 {
	background: url(../images/layout/centerplaene.jpg) no-repeat;
}
/* mouseover state */
.tabs a:hover {
	cursor:pointer;
	color:#fff;
}
.tabs #t1:hover {
	background: url(../images/layout/infoterminal-hi.jpg) no-repeat;
}
.tabs #t2:hover {
	background: url(../images/layout/centerplaene-hi.jpg) no-repeat;
}
/* currently selected tabs */
.tabs a.current {
	cursor:pointer;
	color:#fff;
	line-height:34px;
}
.tabs #t1.active {
	background: url(../images/layout/infoterminal-hi.jpg) no-repeat;
}
.tabs #t2.active {
	background: url(../images/layout/centerplaene-hi.jpg) no-repeat;
}
/* panes */
.panes {
	/*background: url(http://flowplayer.org/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;		
	width:760px;
	height:450px;*/
	background: url('../images/layout/terminal-footer.jpg') #bfd7ea no-repeat bottom left;
	min-height: 300px;
	padding:12px;
	text-align: left;
	width: 376px;
}
/* scrollable */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 684px;
	height:410px;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
	float:left;
}
/* you may want to setup some decorations to active the item */ 
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}
.navi {
	position:absolute;
	left:200px;
	top:350px;
	margin-left:328px;
	width:200px;
	height:20px;
	z-index:1000;
}
/* items inside navigator */ 
.navi a {
	background:url('../images/layout/scrollable/bg-navi.png') 0 -29px no-repeat;
	cursor:pointer;
	color:#fff;
	display:block;
	font-size:18px;
	height:25px;
	float:left;
	margin:2px;
	padding-top:4px;
	text-align:center;
	width:29px;
}
/* mouseover state */ 
.navi a:hover, .navi a.active {
	background-position:0 0;
	color:#ffd920;
}
/* Terminal Links */
a.terminal-link {
	background-repeat:no-repeat;
	display:block;
	height:150px;
	margin:0 0 12px 0;
	text-indent:-999em;
	text-decoration:none;
	width:375px;
}
.terminal-current {
	display:none !important;
}
/* event-kalender panel grösser darstellen */
#terminal-event-kalender {
	height:160px;
}
/* Shops -> Branchen */
.shops-branchen-img {
	border:none;
	margin-bottom:12px;
	outline:none;
}
/* Runde Ecken an den Bildern */
/* @group rounded-corners pics */
.rounded {
    border-radius: 10px 10px 10px 10px;
}
.rounded_wrapper {
	position: relative;
}
.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}
.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}
.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url(img/rounded_corners/tl.gif) no-repeat left top;
}
.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url(img/rounded_corners/tr.gif) no-repeat right top;
}
.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url(img/rounded_corners/br.gif) no-repeat right bottom;
}
.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url(img/rounded_corners/bl.gif) no-repeat left bottom;
}
/* forms */
#kontaktformular div {
	clear:left;
	margin-bottom:3px;
}
.hidden {
	display:none !important;
}
label, div.labelersatz {
	/* display:none; */
	font-size:12px; 
	float:left;
	width:150px;
}
input, textarea {
	background:url('../images/layout/bg-input.png') #fff;
	border:1px solid #CCC;
	color:#666666;
	font-size:12px;
	margin-bottom:10px;
	padding:5px 3px 3px 5px;
	width:310px;
}
input:hover, textarea:hover, input:focus, textarea:focus, input:active, textarea:active {
	background:url('../images/layout/bg-input-hover.png') #fff;
	border:1px solid #999;
}
input.fbsubmit {
	border:none;
	background-image: none;
 background-color: transparent width:auto;
	height:auto;/*
	border:none;
	color:#004a88;
	cursor:pointer;
	display: block;
	width:156px;
	height:43px;
	background:url('../images/layout/bg-submit.png') no-repeat 100% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-left: 1px;
	text-decoration: none;
/*
	clear:both;
	color:#666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;	
	display: block;
	width:156px;
	height:33px;
	padding-top:10px;
	background:url('../images/layout/bg-submit.png') no-repeat 100% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
*/
}
input.fbsubmit:hover {
	background-position:100% -43px !important;
	border:none;
}
.btn_klein {
	background:url('../images/layout/btn-klein.png') no-repeat 100% 0;
	border:none;
	color:#004a88;
	cursor:pointer;
	display: block;
	height:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	float:left;
	margin-left: 1px;
	padding-top:7px;
	text-align:center;
	text-decoration: none;
	width:116px;
}
.btn_klein:hover {
	background-position:100% -31px !important;
	border:none;
}
form {
	padding:0;
}
.fehler {
	color:#ff0000;
}
input.plz {
	float:left;
	margin-right:6px;
	width:56px;
}
input.ort {
	width:240px;
}
label.small {
	display:inline;
	width:auto;
	float:left;
}
/************************/
#content-news-ticker {
	position:relative;
	overflow:hidden;
	height: 25px;
	/*width: auto;*/
}
#content-news-ticker div.items {
	position:absolute;
	height:2000em;
}
#content-news-ticker div.items div {
	height: 25px;
	padding:10px 0;
}
/*************************/
#overlay { 
    /*background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); */
    color:#efefef; 
    /*height:450px; */
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    /*height:441px; */
    overflow-y:auto; 
}


#md4e46submit, #m1948asubmit {
	width:320px;
}