html, body
{
	margin: 0;
	height: 100%;
}

body
{
	background: #fff url(images/bg.png) repeat-x;
	color: #000;
	font: normal 13px Arial, sans-serif;
}

#main
{
	background: url(images/page_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;
}

body > #main
{
	height: auto;
	min-height: 100%;
}


/* common */
img
{
	border: none;
}

p
{
	margin: 0 0 1em;
	line-height: 1.4em;
}

ul, ol
{
	margin: 0.5em 0;
	padding: 0 0 0 1.5em;
}

li
{
	margin: 0 0 0.5em;
	padding: 0;
}

ul.item-list
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.item-list li
{
	padding: 0;
	margin: 0;
}

.clear
{
	clear: both;
}


/* layout */
#page
{
	width: 881px;
	margin: 0 auto;
	padding: 20px 0 121px 0;
}

#header
{
	width: 881px;
	height: 230px;
	position: relative;
}

#logo
{
	position:	absolute;
	top: 		22px;
	width: 		725px;
	height: 	142px;
}

#menu
{
	position:	absolute;
	top: 		40px;
	right: 25px;
}

#rightColumn
{
	width: 311px;
	float: right;
	margin: 0px;
}

#content
{
	float:left;
	width: 552px;
	padding-top: 2em;
}

.content-wide
{
	width: 100% !important;
}

#footer
{
	position: relative;
	margin-top: -81px;
	padding-top: 25px;
	height: 56px;
	background: url(images/footer-bg.png) repeat-x;
	width: 100%;
	clear: both;
	text-align: center;
	color: #f2fcff;
	font-size: 12px;
}

#footer-content
{
	width: 881px;
	margin: 0 auto;
}

#top
{
	margin-bottom: 5px;
}

#top_photo
{
	margin-bottom: 5px;
}

#top_photo img
{
	vertical-align: bottom;
}


/* links */
a
{
	color: #4e666f;
	text-decoration: none;
}

a:hover
{
	color: #4e666f;
	text-decoration: underline;
}

a img
{
	vertical-align: bottom; /* for html5 */
}

a.more
{
	display: inline-block;
	padding-left: 12px;
	background: url(images/arrows-light.gif) no-repeat 0 5px;
	color: #4e666f;
	text-decoration: none;
	font-weight: bold;
}

a.more:hover
{
	color: #4e666f;
	text-decoration: underline;
}


/* headers */
h1, h2, h3, h4, h5
{
	margin: 0 0 1em;
	line-height: 1.2;
	font-weight: bold;
}

h1
{
	font-size: 2.4em;
}

h1.subtitled
{
	margin-bottom: 0.25em;
}

h2
{
	font-size: 1.75em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.25em;
}

h4.subtitle
{
	font-size: 1.15em;
	color: #5a5a5a;
	font-weight: normal;
	margin-bottom: 1.75em;
}

h5
{
	font-size: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
	color: #000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover
{
	color: #000;
	text-decoration: underline;
}



/* main menu */
ul#main-nav
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#main-nav li
{
	margin: 0;
	padding: 0;
}

ul#main-nav li a
{
	display: block;
	padding: 1px 0;
	text-transform:uppercase;
	color: #678994;
	text-decoration: none;
	font-size: 1.46em;
	font-weight: bold;
	
	filter: alpha(opacity=50);
	opacity: 0.5;
}

ul#main-nav li a:hover, ul#main-nav li.active a
{
	color: #fff;
	text-decoration: none;

	filter:alpha(opacity=100);
	opacity: 1;
}


/* footer */
ul#footer-nav
{
	margin: 0;
	margin-top: 1em;
	padding: 0;
	float: left;
	list-style: none;
}

ul#footer-nav li
{
	padding: 0;
	margin: 0;
	float: left;
	color: #f2fcff;
	border-left: 1px solid;
	padding: 0 0.5em;
	font-weight: bold;
}

ul#footer-nav li a, ul#footer-nav li a:hover
{
	color: #f2fcff;
}

ul#footer-nav li.first
{
	border: none;
	padding-left: none;
}

#footer .logo
{
	padding-left: 25px;
	float: right;
}

#footer ul.social
{
	width: 124px; /* 31 x 4 */
	padding: 15px 0 0;
	list-style: none;
	float: left;
	margin: 0 0 0 65px;
}

#footer ul.social li
{
	float: left;
	padding: 0 5px;
	margin: 0;
}

#footer ul.social li a
{
	width: 21px;
	height: 21px;
	display: block;
	text-indent: 30px;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/social.png) no-repeat;
}

#footer ul.social li.icon-facebook a
{
	background-position: -31px 0;
}

#footer ul.social li.icon-youtube a
{
	background-position: -62px 0;
}

#footer ul.social li.icon-rss a
{
	background-position: -124px 0;
}


/* events */
#termine
{
	background: #0f1c21;
	color: #fff;
	width: 261px;
	height: 416px;
	float: right;
	margin: 0px;
	padding: 25px;
	position: relative;
}

#termine h1
{
	font-size: 2em;
}

.event-title
{
	float: right;
	width: 210px;
}

.block-events .event-title a
{
	color: #858585;
	text-decoration: underline;
}

.block-events .event-title p
{
	color: #858585;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
}

.block-events .event-title h3
{
	text-transform: uppercase;
	font-size: 1.0em;
	margin-bottom: 7px;
}

.block-events .event-date
{
	float: left;
	width: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

.block-events .event-date .day
{
	font-size: 2.2em;
	margin: 0px;
	line-height: 0.7em;
}

.block-events .event-date .month
{
	font-size: 1.1em;
	margin: 0px;
	line-height: 1.3em;
}

.block-events .event-date .year
{
	font-size: 1.1em;
	margin: 0px;
	line-height: 0.6em;
}

.block-events .event
{
	border-bottom: 1px dotted #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.block-events .last .event
{
	border-bottom: 0;
	margin-bottom: 0;
}

.block-events h1
{
	margin-bottom: 15px;
}

.block-events .more-events
{
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.block-events .more-events a.more
{
	background-image: url(images/arrows-dark.gif);
	color: #fff;
}

.block-events .more-events a.more:hover
{
	text-decoration: underline;
}

.module-events .event
{
	border-bottom: 1px solid #cacaca;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	color: #000;
}

.module-events .event strong
{
	font-size: 1.3em;
}

.module-events .last .event
{
	border-bottom: 0;
	margin-bottom: 0;
}

.module-events .event-date
{
	float: left;
	width: 140px;
}

.module-events .event-time
{
	float: left;
	width: 130px;
	height: 30px;
}

.module-events .event-location
{
	float: left;
	width: 410px;
}

.module-events a
{
	color: #000;
	text-decoration: underline;
}

.module-events .event-links
{
	float: left;
	width: 190px;
	font-size: 0.9em;
}

.module-events
{
	padding-bottom: 20px;
}

#youtube
{
	width: 570px;
	height: 466px;
	float: left;
	padding: 0px;
	margin: 0px;
}


/* files */
.list-files
{
	list-style: none;
	padding: 0;
	margin: 1.5em 0;
}

.list-files li
{
	padding: 0 0 0 20px; 
}


/* images */
.list-images
{
	list-style: none;
	padding: 0;
	margin: 1.5em 0;
}

.list-images li
{
	display: inline;
	padding: 0;
	margin: 0;
}

.list-images li a img
{
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.images-left
{
	float: left;
	margin: 0 1em 0 0;
}

.images-left ul.list-images
{
	margin: 0;
}

.images-left ul.list-images li
{
	display: block;
}


/* Content */
.module-content
{
	margin-bottom: 3em;
}


/* Multicontent */
.module-multicontent .paragraph
{
	margin-bottom: 3em;
}



/* ---- Messages ---- */
.messages
{
	border: 1px solid;
	font-size: 1.1em;
	font-weight: bold;
	padding: 7px;
	margin: 1em 0;
}

.messages-success
{
	color: #4F8A10;
	background-color: #DFF2BF;
}

.messages-error
{
	color: #D8000C;
	background-color: #FFBABA;
}

.messages-warning
{
	color: #9F6000;
	background-color: #FEEFB3;
}

.messages-info
{
	color: #00529B;
	background-color: #BDE5F8;
}


/* infoboxes - home */
.infoboxes-home
{
	margin-left: -25px;
}

.infoboxes-home .infobox
{
	float: left;
	display: inline;
	width: 260px;
	margin-left: 25px;
	margin-bottom: 2em;
}

.infoboxes-home .infobox h1
{
	font-size: 2em;
}

.infoboxes-home .infobox div.more
{
	margin-top: 1em;
	text-align: right;
	padding-right: 1em;
	font-style: italic;
}

.infoboxes-home .infobox a.more
{
	color: #858585;
	background-image: url(images/arrows-light-gray.gif);
	font-weight: normal;
}

.infoboxes-home .infobox a.more:hover
{
	color: #858585;
}


/* flickr block */
.block-flickr
{
	margin-bottom: 1em;
}

.flickr .loading
{
	display: block;
	text-align: center;
	padding-top: 10px;
	height: 146px;
}

.flickr .loading span
{
	display: block;
	margin: 0 auto;
	text-align: left;
	width: 80px;
	padding-left: 32px;
	line-height: 24px;
	background: url(images/loader.gif) no-repeat;
}

ul.flickr
{
	margin-right: -3px;
}

ul.flickr li
{
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 1px 1px 0;
	border: 1px solid #bbb;
}

.block-flickr a.more
{
	margin-top: 3px;
}