html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
	table a{
		text-decoration:none;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


html>body ul#navigation li a {
  width:auto;
}
input:focus, textarea:focus{
	background-color: lightyellow;
}
hr{
	height:1px;
	color:#070e43;
}
li,ul{
	list-style-position:inside;
	margin:2px 0 0 20px;
	list-style:square;
}
/* --------------------------------------------------------------------
default styles */
body {
 margin:5px 0 0 0;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:1.0em;
 background:#fff;
 color:#555;
 text-align:center;
}

@font-face {
  font-family: "WarnockPro";
  src: url(/otf/WarnockPro-Bold.otf);
}
@font-face {
  font-family: "Din";
  src: url(/otf/FF_DIN_Light.otf);
}

h1{
	font-family: "WarnockPro", serif;
	font-size:45px;
	color: #f1ba3d;
	margin:0 0 20px 0;
}

h2{
	font-family: "WarnockPro", serif;
	font-size:30px;
	color: #070e43;
	border-bottom:1px solid #070e43;
	margin:0 0 10px 0;
}

h3{
	font-family: "Din", sans-serif;
	color: #070e43;
	font-size:0.75em;
	line-height:1.4em;
	text-transform:uppercase;
}
h3 a{
	color: #070e43;
	text-decoration:none;
}

h4{
	font-family: "WarnockPro", serif;
	font-size:30px;
	color: #070e43;
	width:100%;
	margin:15px 0 5px 0;
	border-bottom:2px solid #070e43;
}

h5{
	font-family: "Din", sans-serif;
	color: #070e43;
	font-size:0.9em;
	line-height:1.4em;
	text-transform:uppercase;
	margin:10px 0 0 0;
	width:100%;
	border-bottom:1px solid #070e43;
}

h6{
	font-family: "Din", sans-serif;
	color: #070e43;
	font-size:0.9em;
	line-height:1.4em;
	text-transform:uppercase;
	margin:10px 0 0 0;
	width:100%;
}
/* --------------------------------------------------------------------
positioning */

#container {
	position:relative;
	padding:0 0 0 0;
	margin:auto;
	width:960px;
	text-align:left;
	background:url(/img/imgHeader.png) top;
	background-repeat:no-repeat;
}

/* --------------------------------------------------------------------
page */
#header{
	position:relative;
	top:0;
	width:960px;
}
#top{
	position:relative;
	width:1000px;
	height:310px;
}
#top #left{
	position:relative;
	margin:0 0 0 0;
	float:left;
	width:330px;
}
	#top #left #leftMuseen{
		height:165px;
		display:block;
	}
	#top #left #leftKulinarik{
		position:relative;
		top:0px;
		padding:14px 0 13px 0;
		border-top:1px solid #070e43;
		border-bottom:1px solid #070e43;
	}
#top #right{
	margin:0 0 0 0;
	float:right;
	width:660px;
}
	#top #right #rightCenter{
		height:165px;
		display:block;
		float:left;
		width:330px;
	}
	#top #right #rightCenterCalendar{
		display:block;
		float:left;
		position:relative;
		top:0px;
		width:320px;
		padding:14px 0 13px 0;
		border-top:1px solid #070e43;
		border-bottom:1px solid #070e43;
	}
		#top #right #rightCenter #rightCenterLeft{
			float:left;
			width:100px;
		}
		#top #right #rightCenter #rightCenterRight{
			float:right;
			width:215px;
			text-align:right;
		}
	#top #right #rightRight{
		position:relative;
		top:0px;
		float:right;
		width:310px;
		text-align:left;
		vertical-align:top;
	}
		#top #right #rightRight #rightInfoTop{
			padding:0 0 8px 0;
			height:90px;
			border-bottom:1px solid #070e43;
		}
		#top #right #rightRight #rightInfoBottom{
			padding:12px 0 8px 0;
			border-bottom:1px solid #070e43;
		}
	#bottom{
		position:relative;
		margin:auto;
		top:0;
		width:1000px;
		color:#070e43;
	}
		#bottom #list{
			width:330px;
			float:left;
		}
		#bottom #content{
			position:relative;
			top:-20px;
			width:650px;
			float:right;
		}
		#bottom #content p, p, li{
			margin:10px 0 0 0;
			line-height:1.3em;
			font-size:0.8em;
		}
		#bottom #content p a{
			color:#070e43;
			line-height:1.3em;
			font-size:0.9em;
		}
	.imageContent{
		float:left;
		width:330px;
		margin:10px 20px 10px 0;
	}
	.imageKategorie{
		border:1px solid #bbb;
	}
	#Kategorie a{
		text-decoration:none;
		size:0.9em;
	}
.margin{
	margin:5px;
}
#copyright{
	width:650px;
	position:relative;
	bottom:-40px;
	float:right;
	text-align:right;
	padding:20px 20px 0 0;
	margin:20px 0 0 0;
	color:#666;
	font-size:11px;
}
#copyright a{
	color:#666;
	text-decoration:none;
}
#copyright a:hover{
	color:#c00;
	text-decoration:underline;
}
/* --------------------------------------------------------------------
clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clear{
	clear:both;
}
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
    height: 1%;
}
#follow-links {
  margin: 5px 0 5px 3px;
  padding: 0 0 10px 0;
	width:100%;
	float:right;
	font-size:13px;
}
#follow-links .follow-title {
  float: left;
  background: transparent url(/img/follow-us.gif) 0 0 no-repeat;
  text-indent: -9999px;
  display: block;
  width: 48px;
  height: 24px;
}
.follow-links-wrap {
  float: right;
  width: 100px;
}
#follow-links .twitter-link {
  float: right;
  width: 79px;
	margin:0 10px 0 0;
}
#follow-links .twitter-link a {
  background: transparent url(/img/follow-us.gif) -51px 0 no-repeat;
  text-indent: -9999px;
  display: block;
  width: 79px;
  height: 24px;
}
#follow-links .twitter-link a:hover {
  background: transparent url(/img/follow-us.gif) -51px -30px no-repeat;
  text-indent: -9999px;
  display: block;
  width: 79px;
  height: 24px;
}
#follow-links .fb-link {
  float: right;
  width: 85px;
	margin:0 20px 0 0;
}
#follow-links .fb-link a {
  background: transparent url(/img/follow-us.gif) -135px 0 no-repeat;
  text-indent: -9999px;
  display: block;
  width: 85px;
  height: 24px;
}
#follow-links .fb-link a:hover {
  background: transparent url(/img/follow-us.gif) -135px -30px no-repeat;
  text-indent: -9999px;
  display: block;
  width: 85px;
  height: 24px;
}