/*

	1. General

	2. Head
		2.1 Background Image
		2.2 Visit Erste
		2.3 Title, Stroke, ...
		2.4 Menu
		2.5 Top News

	3. Main
		3.1 Container
		3.2 Sidemenu
		3.3 Top Story
		3.4 Content Area
		3.5 Side Area
		3.6 Post
		3.7 Titles
		3.8 Homepage

	4. Footer

*/

/*
	**********************
	***** 1. General *****
	**********************
*/

a {
	color: #525252;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
}
.clear {
	clear: both;
}
img {
	border: none;
}
ul, li, form, fieldset, p {
	border: none;
	margin: 0px;
	padding: 0px;
}
select {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
html {
	height: 100%;
	margin-bottom: 0 0 0px 0;
	overflow-y: scroll;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 12px/18px verdana, arial, helvetica;
	color: #525252;
	text-align: center;
	background: url(grafik/head.gif) top center repeat-x;
	behavior:url("csshover.htc");
}
#skip {
	text-indent: -99999px;
	position: absolute;
	left: -99999px;
	top: -99999px;
}
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 210px;
}

/*
	*******************
	***** 2. Head *****
	*******************
*/

/* 2.1 Background Image */

#bgimage {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #bgimage {
	height: auto;
}

/* 2.2 Visit Erste */

#visiterste {
	position: relative;
	width: 960px;
	height: 23px;
	margin: 0 auto;
}
#visiterste {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/visiterste.png');
}
html > body #visiterste {
	background: url(grafik/visiterste.png) left top no-repeat;
}
#visiterste a {
	position: absolute;
	top: 0px;
	right: 5px;
	display: block;
	width: 230px;
	height: 23px;
	text-indent: -99999px;
}

/* 2.3 Title, Stroke, ... */

#head {
	position: relative;
	width: 780px;
	z-index: 1000;
	background-repeat:no-repeat;
}
.headtitle {

}
.headtitle h1 {
	font-size: 36px;
	line-height: 36px;
}
.headtitle h1 a {
	display: block;
	width: 780px;
	height: 154px;
	text-indent: -99999px;
}
.headtitle h1 a span {
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.headtitle h1 a:hover {
	text-decoration: none;
}
.headtitle h2 {
	position: absolute;
	top: 30px;
	left: 32px;
	font-size: 36px;
	line-height: 36px;
}
.headtitle h2 a {
	display: block;
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}
.headtitle h2 a span {
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.headtitle h1 a:hover {
	text-decoration: none;
}
.headtitle1line {

}
.headtitle2line {

}
.headstroke {
	display: none;
}

/* 2.4 Menu */

#menu {
	width: 683px !important;
	position: relative;
	margin: 0 auto;
	height: 32px;
	text-align: center;
}
#menu li { 
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline; 
	height: 32px;
	padding: 0px;
	font-size: 11px;
}
#menu li a {
	float: left;
	height: 32px;
	padding: 0px;
	cursor: pointer;
	color: #16629c;
	font: bold 14px Verdana, Arial, sans-serif;
	background: url("grafik/navigationbackground.png") 0px 0px no-repeat;
}
#menu li span {
	height: 25px;
	display: block;
	background: url("grafik/navigationbackground.png") right 0px no-repeat;
	margin-left: 6px;
	padding: 7px 10px 0 4px;
}
#menu li a:hover,
#menu li.current_page_item a,
#menu li.current_page_parent a {
	background: url("grafik/navigationbackground.png") 0px -32px no-repeat;
}
#menu li a:hover span,
#menu li.current_page_item span,
#menu li.current_page_parent span {
	background: url("grafik/navigationbackground.png") right -32px no-repeat;
}

#menu li ul li {
	float: none;
	height: auto;
	padding: 0px;
}
#menu li ul li a {
	float: none;
	height: auto;
	padding: 0px;
	background: none !important;
}
#menu li ul li a:hover {
	text-decoration: underline;
	background: none;
}
#menu li div {
	display: none;
	position: absolute;
	top: 19px;
	left: 4px;
	z-index: 1000;
	width: 146px;
	padding: 1px 0 6px 0;
	background: url(grafik/menu2.png) left bottom no-repeat;
}
#menu li:hover div {
	display: block;
}
#menu li ul {
	width: 146px;
	margin: 0px;
	padding: 2px 0 0 6px;
	background: url(grafik/menu2.png) left top no-repeat;
}

/* 2.5 Top News */

#topnews {
	display: none;
	width: 944px;
	height: 39px;
	border-bottom: 1px solid #000;
	text-align: center;
}
#language {
	border-right: 1px solid #000;
	text-align: left;
	float: left;
	padding: 10px 0 0 0;
	width: 146px;
	height: 39px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 29px;
	text-align:center;
}
#language select {
	width: 132px;
}
#topnews strong {
	font-size: 14px;
	padding: 11px 0 0 0;
	display: block;
	color: #993366;
}
#topnews strong a {
	color: #993366;
}

/*
	*******************
	***** 3. Main *****
	*******************
*/

/* 3.1 Container */

#main {
	width: 780px;
	margin: 39px 0 0 0;
	padding: 0 0 200px 0;
}
.col1 {
	min-height: 322px;
	float: left;
	overflow: hidden;
	background: url(grafik/col1.gif) right top no-repeat;
	margin: 0 32px 0 0;
	padding: 0 20px 0 0;
	width: 230px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 210px;
}
.lastcol {
	background: none;
	margin-right: 0px;
}
.col2 {
	width: 518px;
	float: left;
	overflow: hidden;
}

/* 3.2 Sidemenu */

.sidemenu {
	width: 210px;
	float: left;
	margin: 0 0 20px 0;
	background: url(grafik/spacer.gif) left top no-repeat;
}
.sidemenu ul {

}
.box li {
	text-align: left;
	list-style: none;
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 5px 10px;
	background: url(grafik/listdot.gif) 0px 5px no-repeat;
}
.box li ul {
	background: none;
}
.box li ul li {
	list-style: disc inside;
	font-weight: normal;
	background: none;
	padding: 8px 0 0 0;
}
.box a:hover {
	color: #ff221a;
	text-decoration: none;
}
.box .on a {
	color: #993366;
}
.box li ul li a {
	color: #000 !important;
}
.box li ul .on a {
	color: #993366 !important;
}
.sidemenupages {
	width: 210px;
	float: left;
	margin: 0 0 40px 0;
	background: url(grafik/spacer.gif) left bottom no-repeat;
}
.sidemenupages li {
	width: 210px;
	float: left;
	margin: 0px;
	padding: 6px 0 4px 0;
	background: url(grafik/spacer.gif) left top no-repeat;
}
.sidemenupages li a {
	padding: 0 0 0 18px;
	background: url(grafik/sidemenupages_off.gif) 0px 1px no-repeat;
}
.sidemenupages .current_page_item a,
.sidemenupages .current_page_parent a{
	background: url(grafik/sidemenupages_on.gif) 0px 1px no-repeat;
}
.sidemenupages ul ul li a,
.sidemenupages ul .on ul li a{
	background: none !important;
}
.sidemenupages ul ul li.current_page_item a {
	text-decoration: underline;
}

/* 3.3 Top Story */

.topstory {
	float: left;
	margin: 0 0 33px 0;
	padding: 0 0 0 14px;
	width: 784px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px;
}
.topstory .left {
	float: left;
	padding: 0 14px 0 0;
	width: 386px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 372px;
}
.topstory .right {
	width: 384px;
	float: left;
}
.topstory h2 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 15px 0;
	color: #993366;
}
.topstory h2 a {
	color: #993366;
}
.more-link {
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	float: left;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 0 6px 0 0;
	color: #115d97;
	text-decoration: none !important;
}
.more-link:hover {
	color: #115d97;
	text-decoration: underline !important;
}
.comment-link {
	font-family: arial, helvetica;
	font-size: 11px;
	line-height: 22px;
	float: left;
	height: 22px;
	margin: 15px 0 0 0;
	padding: 0 6px 0 0;
	color: #333;
	background: url(grafik/more.gif) right top no-repeat;
}
.comment-link:hover {
	color: #000;
	text-decoration: none;
}
.comment-link span {
	float: left;
	height: 22px;
	padding: 0 3px 0 9px;
	background: url(grafik/more.gif) left top no-repeat;
}

/* 3.4 Content Area */

.col2left {
	width: 518px;
	float: left;
	margin: 0 14px 0 0;
	overflow: hidden;

}
.col2right {
	display: none;
	width: 225px;
	float: left;
	overflow: hidden;
}
.listcontent {
	float: left;
	margin: 0 0 17px 0;
	padding: 0 0 17px 0;
	width: 518px;
}
.listcontent h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
.listcontent h2 a {
	color: #115d99;
	text-decoration: none;
}
.listcontent h2 a:hover {
	color: #115d99;
	text-decoration: underline;
}
.listcontent a {
	color: #115d99;
	text-decoration: underline;
}
.listcontent a:hover {
	color: #ff221a;
	text-decoration: none;
}
.meta {
	clear: both;
	margin-top: 50px !important;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	color: #989898;
	font-size: 10px;
	line-height: 13px;
}
.meta a,
.meta a:hover {
	color: #989898;
}
.meta .commentamount {
	float: right;
}
.time {
	display: none;
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	margin: 0 0 10px 0;
}
.imgright,
.alignright {
	float: left;
	padding: 0 0 0 14px;
}
.alignleft {
	float: left;
	padding: 0 14px 0 0;
}
.textwidget {
	text-align: left;
}
.twoimgs {
	width: 531px;
	float: left;
	margin: 0 0 18px 0;
}
.twoimgsleft {
	float: left;
}
.twoimgsright {
	float: right;
}
.postset {
	float: left;
	background: url(grafik/dot.gif) left bottom repeat-x;
	padding: 5px 14px 6px 14px;
	width: 518px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 517px;
}
.postset ul {
	width: 517px;
}
.postset2 {
	width: 117px;
	float: left;
	text-align: center;
}
.postset1,
.postset3 {
	width: 200px;
	float: left;
	text-align: left;
}
.postset3 {
	text-align: right;
}

/* 3.5 Side Area */

.box {
	width: 210px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	background: url(grafik/spacer.gif) left top no-repeat;

}
.sidemenu h2,
.box h2 {
	font-family: arial, helvetica;
	color: #085795;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 6px 0;
	padding: 4px 0 4px 0px;
	background: url(grafik/spacer.gif) left bottom no-repeat;
}
.box p {
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	padding: 0px;
}
#search {
	margin: 6px 0 11px 0;
	padding: 0px;
	text-align: left;
}
#searchfield {
	border: none;
	background: url(grafik/searchfield.gif) left top no-repeat;
	margin: 0 10px 0 0;
	padding: 2px 10px 0 10px;
	width: 133px;
	height: 22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 113px;
	height: 20px;
}
input.searchbutton {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #085795;
	border: none;
	background: #fff;
}
.mygallery {
	padding: 0 0 0 6px;
}
.mygallery img {
	float: left;
	margin: 0 1px 1px 0;
}

/* 3.6 Post */

.post {
	float: left;
	padding: 0 0 17px 0;
	width: 518px;
}
.wp-caption {
	font-size: 10px;
	color: #999;
}
.post h2 {
	font-size: 18px;
	line-height: 20px;
	color: #115e9a;
	margin: 0 0 20px 0;
}
.post h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px 0;
}
.topstory p,
.listcontent p,
.post p {
	margin: 0 0 15px 0;
}
.post a {
	color: #115e9a;
	text-decoration: underline;
}
.post a:hover {
	color: #ff221a;
}
.post a:visited {
	color: #666;
}
.post ul,
.post ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}
.post li {
	list-style-image: url(grafik/square.gif);
}
.comments {
	width: 518px;
	float: left;
}
.commentsstroke {
	width: 518px;
	height: 1px;
	background: #ccc;
}
.comments h3 {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #999;
	margin: 0px;
	padding: 7px 0 8px 0;
	border-bottom: 1px solid #ccc;
}
.comments ol {
	float: left;
	clear: both;
	width: 518px;
	margin: 0px;
	padding: 0px;
}
.comments li {
	width: 518px;
	float: left;
	background: #f4f7f8;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.userhead {
	width: 518px;
	float: left;
	clear: both;
	padding: 0 0 0px 0;
}
.userimg {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 10px 0 0;
	background: url(grafik/userimg.gif) left top no-repeat;
}
.comments h4 {
	font-family: arial, helvetica;
	font-size: 13px;
	line-height: 15px;
	color: #105d99;
	margin: 0 0 5px 0;
}
.comments .time {
	display: block;
	float: right;
	font-size: 10px;
	margin: 0px;
}
.message {
	width: 517px;
	float: left;
	margin: 0px;
	padding: 8px 0 0 0;
}
#commentform {
	width: 518px;
	float: left;
}
#commentform fieldset {
	float: left;
	padding: 17px 0 0 0;
	width: 518px;
}
#commentform h3 {
	font-family: arial, helvetica;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 6px 0;
	padding: 29px 0 3px 0;
}
.input30 {
	font: 12px/18px arial, helvetica;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 239px;
	height: 26px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	height: 20px;
}
#commentform textarea {
	font: 12px/18px arial, helvetica;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 239px;
	height: 96px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	height: 90px;
}
#commentform p {
	width: 255px;
	float: left;
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	margin: 0 0 10px 0;
}
#commentform .submitp {
	width: 239px;
	height: 60px;
	padding: 0px;
}
#commentform .submitp a {
	margin-top: 38px;
	float: right;
}
#commentform label {
	width: 255px;
	float: right;
	font-size: 11px;
	line-height: 14px;
	color: #6b6b6b;
	padding: 6px 0 5px 0;
}
.fbutton {
	margin: 0px;
}
.fbutton a {
	font-size: 11px;
	line-height: 16px;
	float: left;
	height: 17px;
	padding: 0 6px 0 0;
	color: #fff;
	background: url(grafik/more.png) right top no-repeat;
}
.fbutton span {
	float: left;
	height: 17px;
	padding: 0 3px 0 9px;
	background: url(grafik/more.png) left top no-repeat;
}

/* 3.7 Titles */

.title {
	color: #145f9a;
	font: Verdana, Arial, sans-serif;
	margin-bottom: 20px;
}
.title h2 {
	margin: 0px;
	padding: 0px;
}
.title a {
	color: #145f9a;
	text-decoration: none;
}


/* 3.8 Homepage */

.hp {
	position: relative;
	width: 780px;
	height: 200px;
	float: left;
}
.hp .prev {
	position: absolute;
	top: 82px;
	left: 0px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url(grafik/prev.gif) left top no-repeat;
}
.hp .next {
	position: absolute;
	top: 82px;
	right: 0px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	background: url(grafik/next.gif) left top no-repeat;
}
.hp .carousel {
	position: absolute;
	top: 58px;
	left: 50px !important;
	width: 680px;
	height: 120px !important;
}
.hp ul li {
	width: 680px;
	height: 120px !important;
	margin: auto 0px;
	font: 24px/24px Georgia, "Times New Roman", serif;
	color: #16629c;
	text-align: center;
}
.hp .manifesto {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 680px;
	height: 30px;
	font: bold 10px/14px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #ff0000;
	text-align: center;
}
.hp ul li a {
	color: #16629c !important;
}

/*
	*********************
	***** 4. Footer *****
	*********************
*/

#footer {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0;
	height: 202px;
	margin: 40px 0 0 0 !important;
	background: #f8f8f7 url(grafik/beefooter.gif) left top repeat-x;
}
#footer .wrapper {
	width: 780px;
	margin: auto;
	padding-bottom: 20px;
}
#footer .logo {
	margin-top: 25px;
	margin-right: 20px;
	width: 132px;
	float: left;
}
#footer .logo a {
	display: block;
	width: 132px;
	height: 27px;
	background: url("grafik/footerlogo.png") 0px 0px no-repeat;
	text-indent: -999999px;
}
#footer .contact {
	margin-top: 25px;
	margin-right: 20px;
	float: left;
	width: 170px;
	font-size: 10px;
	line-height: 14px;
}
#footer .sitemap {
	margin-top: 25px;
	margin-right: 20px;
	width: 131px;
	float: left;
}
#footer .sitemap li {
	background: url("grafik/eckerl.png") 0px 6px no-repeat;
	padding-left: 10px;
	line-height: 17px;
}
#footer .social {
	margin-top: 25px;
	margin-right: 20px;
	width: 123px;
	float: left;
	line-height: 17px;
}
#footer .social li {
	padding-left: 20px;
}
#footer .social li.facebook {
	background: url("grafik/social.png") 0px 3px no-repeat;
}
#footer .social li.twitter {
	background: url("grafik/social.png") 0px -24px no-repeat;
}
#footer .social li.vimeo {
	background: url("grafik/social.png") 0px -51px no-repeat;
}
#footer .social li.flickr {
	background: url("grafik/social.png") 0px -78px no-repeat;
}
#footer .otherlogos {
	margin-right: 20px;
	margin-top: 25px;
	width: 135px;
	float: left;
}
#footer .otherlogos img {
	display: block;
	margin-bottom: 10px;
}
#footer .footerlast {
	margin-right: 0px !important
}