/*
Theme Name: JU Viersen
Theme URI: http://www.ju-viersen.de/
Description: Theme für die Website der JU Viersen.
Version: 2.2
Author: Leon Hillebrandt
Author URI: http://www.ju-viersen.de/
*/

body {
	background: url(images/bg.png) repeat-x;
	background-attachment: fixed;
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#header {
	margin: 0 auto;
	margin-top: 10px;
	width: 860px;
	height: 81px;
	background: url(images/header.png) no-repeat;
}

.button {
	position: relative;
	height: 70px;
	width: 70px;	
}

#startseite {
	left: 300px;
	top: 7px;
	background: url(images/button-startseite.png) no-repeat;	
} #startseite:hover{background: url(images/button-startseite_hover.png) no-repeat;}

#termine {
	left: 375px;
	top: -63px;
	background: url(images/button-termine.png) no-repeat;	
} #termine:hover{background: url(images/button-termine_hover.png) no-repeat;}

#ueber_uns {
	left: 450px;
	top: -133px;
	background: url(images/button-ueberuns.png) no-repeat;	
} #ueber_uns:hover{background: url(images/button-ueberuns_hover.png) no-repeat;}

#presse {
	left: 525px;
	top: -203px;
	background: url(images/button-presse.png) no-repeat;	
} #presse:hover{background: url(images/button-presse_hover.png) no-repeat;}

#kontakt {
	left: 600px;
	top: -273px;
	background: url(images/button-kontakt.png) no-repeat;	
} #kontakt:hover{background: url(images/button-kontakt_hover.png) no-repeat;}

#mitglied_werden {
	left: 675px;
	top: -343px;
	background: url(images/button-mitglied.png) no-repeat;	
} #mitglied_werden:hover{background: url(images/button-mitglied_hover.png) no-repeat;}

#top-container {
	margin: 0 auto;
	width: 860px;
	height: 324px;
}

#top {
	position: relative;
	width: 860px;
	height: 324px;
	background: url(images/top.png) no-repeat;
	z-index: 3;
}

#fb-status {
	position: relative;
	padding-top: 5px;
	padding-left: 12px;
	overflow: hidden;
	width: 537px;
	height: 75px;
	top: -107px;
	left: 25px;
	background: url(images/fb-status-bg.png);
	z-index: 2;
}

#fb-content {
	position: relative;
	overflow: hidden;
	width: 515px;
	height: 68px;
	text-align: justify;
	color: white;
}

#header-image {
	position: relative;
	top: -384px;
	left: 25px;
	height: 272px;
	width: 537px;
	background-position: center;
	z-index: 1;	
}

#slideshow {
	position: relative;
	top: -384px;
	left: 25px;
	height: 272px;
	width: 537px;
	background-position: center;
	z-index: 1;	
}

#sidebar-title{
	position: relative;
	top: -654px;
	left: 566px;
	width: 270px;
	height: 11px;
	text-align: left;
	font-weight: bold;
	z-index: 3;
}

#sidebar {
	position: relative;
	top: -650px;
	left: 566px;
	width: 264px;
	height: 122px;
	text-align: left;
	z-index: 3;
}

#ics-calendar {
	float:left;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

#ics-calendar-widget {
	margin: 0;
	padding: 0;
}

#ics-calendar-widget li {
	float:left;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

.ics-calendar-header a {
	text-decoration: none;
}

.ics-calendar-event-box {
	z-index: 3;
}

#mehr {
	position: relative;
	top: -648px;
	left: 564px;
	width: 268px;
	height: 11px;
	text-align: right;
	z-index: 3;
}

#links-title {
	position: relative;
	top: -612px;
	left: 566px;
	width: 268px;
	height: 11px;
	text-align: left;
	font-weight: bold;
	z-index: 3;
}

#links {
	position: relative;
	top: -610px;
	left: 564px;
	width: 268px;
	height: 80px;
	text-align: left;
	z-index: 3;
}

.linkbutton {
	position: relative;
	height: 60px;
	width: 60px;	
} .linkbutton a {height: 60px; width: 60px; text-decoration: none;}

#facebook {
	top: 5px;
	left: 7px;
	background: url(images/facebook.png) no-repeat;
} #facebook:hover {background: url(images/facebook_hover.png) no-repeat;}

#twitter {
	top: -55px;
	left: 72px;
	background: url(images/twitter.png) no-repeat;
} #twitter:hover {background: url(images/twitter_hover.png) no-repeat;}

#flickr {
	top: -115px;
	left: 137px;
	background: url(images/flickr.png) no-repeat;
} #flickr:hover {background: url(images/flickr_hover.png) no-repeat;}

#youtube {
	top: -175px;
	left: 202px;
	background: url(images/youtube.png) no-repeat;
} #youtube:hover {background: url(images/youtube_hover.png) no-repeat;}

#content {
	margin: 0 auto;
	width: 860px;
	height: auto;
	display: block;
	background: url(images/inhalt.png) repeat-y;
}

.meldung {
	margin-left: 24px;
	width: 185px;
	height: auto;
	display: table;
	float: left;	
}

.startpage-post-img {
	position: relative;
	height: auto;
	width: 185px;	
} .startpage-post-img img {border: solid LightGrey 1px;}

.startpage-post-date {
	position: relative;
	width: 185px;	
	text-align: right;
	font-size: 9px;	
}

.startpage-post-title {
	border: dotted orange 1px;
	background: LightYellow;
	font-size: 12px;
} .startpage-post-title a {text-decoration: none; font-size: 12px; color: black;}

.startpage-post-text {
	position: relative;
	width: 185px;	
	text-align: justify;
	font-style: normal;
}

.more-link {
	text-decoration: none;
	color: black;
}

.weiter {
	position: relative;
	width: 102px;
	height: 22px;
	text-align: right;
	float: right;
	text-decoration: none;
	background: url(images/weiterlesen.png) no-repeat;
} .weiter:hover{background: url(images/weiterlesen_hover.png) no-repeat;} .weiter a {text-decoration: none;}

.weiterlesen {
	width: 102px;
	height: 22px;	
}

#archiv-link {
	position: relative;
	padding-top: 10px;
	width: 840px;
	height: 16px;
	text-align: right;
	font-size: 13px;
} #archiv-link a {text-decoration: none; color: blue;}

.seite {
	position: relative;
	left: 20px;
	width: 820px;
	height: auto;
	font-size: 12px;
}

#titel {
	position: relative;
	width: 820px;
	height: 18px;
	border: dotted orange 1px;
	background: LightYellow;
	font-size: 16px;
}

.newstitle {
	text-align: left;	
}

#newsdate {
	position: relative;
	top: -20px;
	left: 618px;
	height: 16px;
	width: 200px;
	font-size: 10px;
	text-align: right;
}

#newspic {
	position: relative;
	margin-right: 10px;
	float: left;
}

#inhalt {
	position: relative;
	margin-top: 10px;
	width: 820px;
	text-align: justify;	
}

.pressemitteilung {
	position: relative;
	margin-top: 3px;
	width: 820px;
	height: 16px;	
}

#presse-icon {
	position: relative;
	height: 16px;
	width: 16px;
}

#presse-titel {
	position: relative;
	left: 18px;
	top: -15px;
	height: 16px;
	width: 804px;
	text-align: left;
} #presse-titel a {text-decoration: none;}

.archiv-post {
	position: relative;
	margin-top: 3px;
	width: 820px;
	height: auto;
	text-align: left;
	float: left;
	border: solid lightgrey 1px;
	font-size: 11px;
	color: black;
} .archiv-post:hover {background-color: lightblue;}

.archiv-box {
	position: relative;
	width: 820px;
	height: auto;
	color: black;
}

.archiv-post img {
	float: left; 
	margin-right: 5px;
}

.archiv-post-title {
	font-size: 13px;	
}

#bottom {
	clear: left;
	font-size: 2px;	
}

#footer {
	margin: 0 auto;
	width: 860px;
	height: 30px;
	background: url(images/footer.png) no-repeat;
	z-index: 1;	
}

#rss {
	position: relative;
	left: 30px;
	height: 30px;
	width: 30px;
	z-index: 2;
} #rss a {text-decoration: none;} #rss img {border: none;}

#copy {
	position: relative;
	left: 70px;
	top: -20px;
	height: 10px;
	width: 230px;
	font-size: 10px;
	text-align: left;
	z-index: 2;
}

#copy-icons-pictures {
	position: relative;
	left: 300px;
	top: -30px;
	height: 10px;
	width: 460px;
	font-size: 8px;
	z-index: 2;
}

#impressum {
	position: relative;
	left: 760px;
	top: -40px;
	height: 11px;
	width: 70px;
	text-align: right;
	z-index: 2;
} #impressum a {color: black; text-decoration: none;} #impressum a:hover {text-decoration: underline}

.preload-images {
	width: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}

#chcounter {
	width: 0px;
	height: 0px;
	display: none;
	visibility: hidden;	
}

#m-container {
	margin: 0 auto;
	height: 487px;
	width: 355px;
	background: url(images/juflyerback.png) no-repeat;
}

.m-feld {
	position: relative;
	left: 27px;
	height: 25px;
	width: 303px;
	
}

#m-name {
	top: 113px;
}

#m-strasse {
	top: 136px;	
}

#m-ort {
	top: 158px;	
}

#m-email {
	top: 181px;	
}

#m-geb {
	top: 203px;	
}

#m-button {
	position: relative;
	top: 220px;
	left: 250px;
	width: 80px;
	height: 25px;
	text-align: right;
}

#popup {
	height: 500px;
	width: 355px;
	z-index: 10;
	background: url(images/rote-karte.png) no-repeat;
	background-position: center;
} #popup:hover{background: url(images/rote-karte_back.png) no-repeat;}