/*
	ENHANCEMENT:
	-	The bulletproof smiley syntax.
	-	The OpenType spec indicates any two-byte unicode characters won't work in a font name on Mac at all,
		so that lessens the likelihood that someone actually released a font with such a name.
		IE chockes on this one and thereby sticks with the eot.
	(added on 27.07.10 at 16:12:06 PM by Edy)

	FIX:
	-	The EOT font is rejected by IE if the NAME table doesn't conform to Microsoft's expectations.
		Use the fontsquirrel.com generator instead. It fixes the NAME table issue.
   	(added on 09.12.10 at 17:52:32 PM by Edy)
*/
@font-face {
	font-family: 'PT Sans Narrow';
	src: url('./common/fonts/PTSansNarrow.eot');
	src: local('☺'), url('./common/fonts/PTSansNarrow.woff') format('woff'), url('./common/fonts/PTSansNarrow.ttf') format('truetype'), url('./common/fonts/PTSansNarrow.svg##webfontSAYAwFVt') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --- Search --- */
div#sitesearch {
	margin:0 auto;
	padding-top: 7px;
	width: 1008px;
	height: 20px;
	line-height: 20px;
	position: relative;
}
div#sitesearch div {
	color: #505245;
	font-size:11px;
}
div#sitesearch a {
	display: inline;
	color: #505245;
}
div#sitesearch a.active {
	text-decoration: underline;
}
div#sitesearch > div {
	position: absolute; 
	right: 180px;
}
div#sitesearch form {
	position: absolute;
	right: 0;
}
div#sitesearch form button {
	background: #000000; color: #fff; font-size: 11px; border: none;
}
div#sitesearch form * {
	height:20px;	
	line-height:20px;
}
div#sitesearch form p {
	margin:0;
	padding:0;
}
div#sitesearch form input {
	font-family: Arial,Helvetica,sans-serif;
	height: 20px;
	line-height: 20px;
	width: 105px;
	padding: 0 7px;
	font-size: 11px;
	background: url('./img/background/input.jpg') left top no-repeat;
	line-height:18px;
	border:none;
	display: block;
	float:left;
	margin-right: 2px;
}
div#sitesearch form button::-moz-focus-inner { 
	border: none; /* Remove inner focus line in Firefox */ 
}


/* --- Wrapper --- */
div#wrapper {
	position: relative;
	padding-top: 6px;
	margin: 0 auto;
	width: 1024px;
	min-height: 411px;
	background: url('./img/background/wrapper.png') left top no-repeat;
	padding-bottom: 10px;
}
div#wrapper > * {
	width: 1008px;
	position: relative;
	margin: 0 auto;
}

/* --- Header --- */
div#header {
	height: 165px;
	background-position: left top;
	background-repeat: no-repeat;
}
div#header.defaultHeaderCss {
	background-image: url('./img/background/header_default.png');
}

div#header > a {
	position: absolute;
	top: 15px;
	left: 5px;
	display: block;
}
div#header > img {
	position: absolute;
	top: 53px;
	right: 85px;
	display: block;
}
div#header > ul {
	position: absolute;
	bottom: 0;
	right: 0;
	margin:0;
}
div#header > ul li {
	float: left;
	list-style-type: none;
}
div#header > ul li a {
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 16px;
	text-align: center;
	height: 47px;
	line-height: 53px;
	margin-right: 1px;
	overflow: hidden;
}
div#header > ul li a:hover {
	text-decoration: none;
	background-repeat:  no-repeat;
	background-position: left bottom;
}
div#header > ul li a.active {
	color: white;
}
div#wrapper div#header > ul li a.active:hover {
	background: none;
}
div#header > ul li a#startseite {
	width: 74px;
}
div#header > ul li a#startseite:hover {
	background-image: url('./img/background/startseite.png');
}
div#header > ul li a#aktuelles {
	width: 70px;
}
div#header > ul li a#aktuelles:hover {
	background-image: url('./img/background/aktuelles.png');
}
div#header > ul li a#buschenschank {
	width: 108px;
}
div#header > ul li a#buschenschank:hover {
	background-image: url('./img/background/buschenschank.png');
}
div#header > ul li a#regionen {
	width: 74px;
}
div#header > ul li a#regionen:hover {
	background-image: url('./img/background/regionen.png');
}
div#header > ul li a#themen {
	width: 62px;
}
div#header > ul li a#themen:hover {
	background-image: url('./img/background/themen.png');
}
div#header > ul li a#ausfluge {
	width: 72px;
}
div#header > ul li a#ausfluge:hover {
	background-image: url('./img/background/ausfluge.png');
}
div#header > ul li a#service {
	width: 65px;
}
div#header > ul li a#service:hover {
	background-image: url('./img/background/service.png');
}


/* --- Content --- */
div#content {
	width: 988px;
	min-height: 400px;
	padding: 10px;
	background: url('./img/background/bg-content.png') left top repeat-x #b8cc00;
}

/* --- Footer --- */
div#footer {
	position: relative;
	height: 90px;
	background: url('./img/background/footer.png') left top no-repeat;
	padding-left:0px;
}
div#footer > a {
	position: absolute;
	right: 50px;
	bottom: 15px;
	color: black;
	font-weight: bold;
	font-size: 9px;
	background:none;
}
div#footer ul {
	margin:0;
	padding:0;
}
div#footer ul li {
	float: left;
}
div#footer ul li a {
	position: relative;
	display: block;
	font-size: 11px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border-left: solid #F2F2F2 1px;
	border-right: solid #868686 1px;
	padding: 0 10px;
	background: url('./img/background/footer_menu_inactive.jpg') left top repeat-x;
	color:black;
}
div#footer ul li:first-child a {
	border-left: none;
}
div#footer ul li a:hover,
div#footer ul li a.active {
	color: white;
	text-decoration: none;
	background: url('./img/background/footer_menu_active.jpg') left top repeat-x;
}
table#holdLoginForm {
	margin-left:100px;
	margin-top:100px;
	color:black;
}
table#holdLoginForm h1 {
	margin:0;
	font-size:22px;
	margin-right:30px;
}
table#holdLoginForm a {
	color:black;
	font-size:11px;
	text-decoration:underline;
}
#loginError {
	color:red;
}