/** ====================== Allgemeine Typoscript Deklarationen ====================== **/

@import url(typostyle.css);


/** ========================= Allgemeine HTML Deklarationen ========================= **/
body {
	background:#ffffff url('../images/body_bg.png') repeat-x fixed;
	margin:0;
	padding:0;
	font-family:Aria,Tahomal,Verdana;
	font-size:12px;
	color:#000000;
}

td, p, div { font-family:Aria,Tahomal,Verdana; }

a img { border:none; }

/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.line-through { text-decoration:line-through; }

.halfSpace { height:5px; font-size:0px; overflow:hidden; }
.fullSpace { height:10px; font-size:0px; overflow:hidden; }

.clear { clear: both; }


/** ======================= Allgemeine Formular Deklarationen ======================= **/
form {
	padding:0px;
	margin:0px;
}

textarea {
	overflow:auto;
}

.tfield {
    font-family:Verdana;
	font-size:11px;
	width:200px;
	border:1px solid #666666;
	background-color:#fff;
	padding:1px;
	margin:0px;
}

.err { background-color:#fcc; border:1px solid #666666; }
.errText { color:#990000; }
textarea { overflow:auto; }


/** ========================= Allgemeine Link Deklarationen ========================= **/
a:link, a:active, a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#123456;
	font-weight:bold;
	text-decoration:underline;
	outline:none;
}


/** ======================== Allgemeine Layout Deklarationen ======================== **/
#layout {
	padding:0px;
	width:1000px;
	margin:0px auto;
}

#layoutHeader {
	height:100px;
	padding:10px 20px;
	background-color:#bbbbbb;
}

#layoutMenu {
	width:200px;
	float:left;
}

#layoutContent {
	width:500px;
    padding:10px 20px;
    background-color:#ffffff;
    float:left;
    min-height:400px;
}

#layoutFooter {
	padding:10px 20px;
	background-color:#dddddd;
}


/********** Menü **********/

#menu {
	margin:0;
	padding:0;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
}

#menu ul li a {
	display:block;
	margin:0px 0px 1px 0px;
	padding:3px 5px;
	color:#333333;
	text-decoration:none;
 	font-size:11px;
}

#menu ul li a:hover, #menu ul li a.on {
	color:#0064B4;
	background-color:#c6d7e5;
	text-decoration:none;
}

#menu ul li ul {
	padding:0px 0px 3px 0px;
}

#menu ul li ul li a {
	padding:3px 5px 3px 20px;
}

#menu ul li ul li a:hover, #menu ul li ul li a.on {
	color:#0064B4;
	background-color:#c6d7e5;
	text-decoration:none;
}

#menu ul li ul li ul {
	padding:0px 0px 3px 0px;
}

#menu ul li ul li ul li a {
	padding:3px 5px 3px 35px;
}

#menu ul li ul ul li a:hover, #menu ul li ul ul li a.on {
	color:#0064B4;
	background-color:#c6d7e5;
	text-decoration:none;
}

#logo {
	background-image: url(../images/header_bg.png);
	width: 1000px;
	height: 110px;
}

#header {
	background-color:#000066;
}

#navigation {
	margin: 0px auto;
	width: 650px;
}

#navigationLeft {
	background: url(../images/navigation_left.png) no-repeat;
	width: 7px;
	height: 36px;
	float: left;
}

#navigationMiddle {
	background: url(../images/navigation_bg.png) repeat-x;
	width: 615px;
	height: 36px;
	float:left;
	padding-left: 15px;
}

#navigationRight {
	background: url(../images/navigation_right.png) no-repeat;
	width: 9px;
	height: 36px;
	float: left;
}

.navigationItem {
	float:left;
	padding: 8px 10px;
}

.navigationItemActive {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}

.navigationItemActive a:hover,
.navigationItemActive a:link,
.navigationItemActive a:active,
.navigationItemActive a:visited {
	color: #000066;
	text-decoration: none;
}

.navigationItemInactive {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	color: #565656;
}

.navigationItemInactive a:hover,
.navigationItemInactive a:link,
.navigationItemInactive a:active,
.navigationItemInactive a:visited {
	color: #565656;
	text-decoration: none;
}

html>body #mainShadowTop {
	background: url(../images/maincontent_shadow_top.png) no-repeat;
	width: 1000px;
	height: 8px;
}

#mainShadowTop {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maincontent_shadow_top.pngg', sizingMethod='scale');
	width: 1000px;
	height: 8px;
}

#main {
	padding: 0px 43px;
}

html>body #mainShadowLeftRight {
	background: url(../images/maincontent_shadow_left_right.png) 0 0 repeat-y;
	padding: 0px 8px;
}

*html #mainShadowLeftRight {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maincontent_shadow_left_right.png', sizingMethod='scale');
	padding: 0px 8px;
	height:100%;
}

#mainContent {
	background-color: #FFFFFF;
	height: 100%;
	padding: 8px;
}

#mainLeftColumn {
	padding: 26px 0px 0px 7px;
	width: 193px;
}

.subNavigationSeparator {
	background-color: #E6E6E6;
	height: 1px;
	overflow: hidden;
}

.subNavigationItem {
	height: 12px;
	padding: 7px 0px 9px 26px;
}

.subNavigationItemActive {
	background: url(../images/star_on.png) 7px 8px no-repeat;
	font-size: 11px;
	font-family: Arial;
}

.subNavigationItemActive a:hover, 
.subNavigationItemActive a:link, 
.subNavigationItemActive a:active, 
.subNavigationItemActive a:visited {
	color: #FF9933;
	text-decoration: none;
}

.subNavigationItemInactive {
	background: url(../images/star.png) 7px 8px no-repeat;
	font-size: 11px;
	font-family: Arial;
	color: #AAAAAA;
}

.subNavigationItemInactive a:hover,
.subNavigationItemInactive a:link,
.subNavigationItemInactive a:active,
.subNavigationItemInactive a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

.box {
	background-color: #FBFBFB;
	font-size: 12px;
	color: #000000;
}

.box .boxHeadLeft {
	background: url(../images/box_header_left.png) 0 0 no-repeat;
}

.box .boxHeadRight {
	background: url(../images/box_header_right.png) 100% 0 no-repeat;
}

.box .boxHeadline {
	background: url(../images/box_header_bg.png) repeat-x;
	color: #FFFFFF;
	border: 1px solid #DEA303;
	text-align: center;
	padding-top: 5px;
	height: 23px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.box .boxContent {
	padding: 2px;
	border: 1px solid #EFEFEF;
	border-top: 0px;
}

#openingHours p {
	font-size: 11px;
	color: #B6B6B6;
}

html>body #mainShadowBottom {
	background: url(../images/maincontent_shadow_bottom.png) no-repeat;
	width: 1000px;
	height: 8px;
}

*html #mainShadowBottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maincontent_shadow_bottom.png', sizingMethod='scale');
	width: 1000px;
	height: 8px;
}

#mainHeader {
	width: 884px;
	height: 150px;
}

#content {
	width: 650px;
	padding: 26px 0px 20px 0px;
	min-height:300px;
	_height:300px;
}




/** ========================= Allgemeine Footer-Deklarationen ========================= **/
#footer {
	margin:0px;
	padding:0px 50px 10px 50px;	
}

.footerText {
	font-size: 11px;
	color: #777777;
}

.footerText a:link, 
.footerText a:visited, 
.footerText a:active, 
.footerText a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #777777;
}