/* ALLGEMEINE STILDEFINITIONEN */
* {
	margin: 0;
	padding: 0;
}

#page {
	width: 960px;
	min-height: 500px;
	margin: 20px auto 0;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page h1 {
	margin: 0 0 15px 0;
}

#page a {
	outline: none;
	color: #000;
}

#page img {
	border: none;
	border-radius: 8px;
}

#page .navi a {
	text-decoration: none;
}

#page ul li {
	list-style-type: none;
}

#page span.pipe {
	color: #ccc;
}

#page .clearfix {
	float: none;
	clear: both;
}

/* FORMULARE */
#page form {
	display: block;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	margin: 0 0 30px 0;
}

#page form p {
	width: 520px;
}

#page form p label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding: 0 5px 0 0;
}

#page form p label.label_captcha {
	width: 300px;
}

#page form img.captcha_img {
	margin: 0 0 0 30px;
}

#page form a.btn_reload_captcha {
	text-decoration: none;
	display: inline-block;
	margin: 0 0 0 55px;
}

#page form p label span.required {
	color: #db1818;
	display: inline-block;
	padding: 0 0 0 3px;
}

#page form p input[type=text] {
	width: 200px;
	display: block;
	outline: none;
	border: 1px solid #ccc;
}

#page form p textarea {
	width: 400px;
	height: 100px;
	display: block;
	outline: none;
	border: 1px solid #ccc;
}

#page form p input[type=submit] {
	display: block;
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 3px 5px;
	background-color: #eee;
	margin: 20px 0 0 0;
}

#page form p input[type=submit]:hover {
	background-color: #f7edf6;
}

#page form p input[type=text], #page form p textarea, #page form p input[type=submit] {
	border-radius: 4px;
}

#page .msg_success {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #0c8731;
	border-radius: 7px;
	font-style: italic;
}

/* HEADER */
#header {
	position: relative;
	height: 100px;
	width: 960px;
	background: url(../img/layout/logo_szc.gif) no-repeat 20px 0;
	border-bottom: 2px solid #ccc;
	margin: 0 0 30px 0;
}

#header ul#header_navi {
	position: absolute;
	left: 250px;
	top: 63px;
}

#header ul#header_navi li {
	float: left;
	margin: 0 20px 0 0;
}

#header ul#header_navi li a.current {
	color: #aa1b1b;
}

#header ul#lang_navi {
	position: absolute;
	right: 0;
	top: 63px;
}

#header ul#lang_navi li {
	float: left;
}

#header ul#lang_navi li span.pipe {
	display: inline-block;
	margin: 0 5px;
}

/* LINKER BEREICH (NAVIGATION) */
#area_left {
	width: 220px;
	float: left;
}

#area_left ul li a.current {
	color: #aa1b1b;
}

#area_left ul#main_navi {
	text-align: right;
	width: 220px;
	float: right;
}

#area_left ul#main_navi li.level1 {
	border-top: 1px solid #ccc;
	padding: 8px 0;
}

#area_left ul#main_navi li.level1:first-child {
	border: none;
}

#area_left ul.subnavi li {
	padding: 3px 0;
}

#area_left ul.subnavi.visible {
	display: block;
}

#area_left ul.subnavi.invisible {
	display: none;
}

#area_left #social_icons {
	padding: 10px 0 0 0;
	float: right;
}

#area_left #social_icons a {
	width: 40px;
	height: 40px;
	display: inline-block;
}

#area_left #social_icons a#btn_facebook {
	background: url(../img/layout/facebook.png) no-repeat;
}

#area_left #social_icons a#btn_twitter {
	background: url(../img/layout/twitter.png) no-repeat;
}

/* CONTENT-BEREICH (MITTE) */
#content {
	margin: 0 0 0 250px;
	padding: 4px 0 0 0;
	width: 710px;
	position: relative;
}

#content p {
	margin: 0 0 20px 0;
	line-height: 20px;
}

#content dl {
	margin: 0;
	padding: 0;
}

#content h1 {
	font-size: 150%;
	font-weight: normal;
}

#content .area_center {
	width: 370px;
	padding: 0 20px 0 0;
}

#content .area_center_large {
	width: 490px;
	padding: 0 20px 0 0;
}

#content .area_center_full {
	width: 710px;
	padding: 0 20px 0 0;
}

#content .slideshow, #content .img_right {
	position: absolute;
	top: 7px;
	right: 0;
	height: 320px;
	width: 320px;
}

#content .area_center_full .slideshow {
	width: 710px;
}

#content .slideshow img {
	display: none;
}

#content .slideshow img.first {
	display: block;
}


/* STILE FÜR DIE EINZELNEN SEITEN /*
 
/* Startseite */
#news h1 {
	margin: 0 0 25px 0;
}

#news a.news_more {
	text-decoration: none;
	font-style: italic;
}

#news div.item {
	border-bottom: 1px solid #ccc;
	height: 92px;
	margin: 0 0 5px 0;
}

#news div.item.last {
	border-bottom: none;
}

#news div.item span.time {
	display: none;
}

#news div.item img {
	float: left;
	margin: 0 10px 0 0;
	border-radius: 4px;
}

#news div.item div.detail span.date {
	display: block;
	margin: 0 3px 10px 0;
}

#news div.item div.detail em {
	display: block;
	margin: 0 0 5px 0;
}


/* Team */
#content #team {
	padding: 2px 0 0 0;
}

#content #team div.section {
	margin: 0 0 30px 0;
}

#content #team a.btn_bio {
	display: block;
	margin: 10px 0 0 0;
	width: 150px;
}

#content #team div.team_bio {
	display: none;
	margin: 10px 0 0 0;
}

#content #team div.team_bio p {
	margin: 0 0 10px 0;
	line-height: 16px;
}

/* Kollegium */
#content #kollegium em {
	display: block;
	margin: 0 0 15px 0;
}

#content #kollegium div.section {
		margin: 0 0 20px 0;
}

/* Leuchttafeln */
#leuchttafeln em {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

/* Zweigheft */
#content #zweigheft {
	position: absolute;
	top: 7px;
	right: 0;
	width: 200px;
	height: 540px;
}

#content #zweighefte {
	width: 480px;
	display: none;
}

#content #zweighefte a {
	display: block;
	margin: 0 10px 0 0;
	float: left;
}

#content #zweighefte a img {
	border-radius: 5px;
}

/* Schriftenreihe */
#content #schriftenreihe_aktuell {
	position: absolute;
	top: 7px;
	right: 0;
	width: 250px;
	height: 500px;
}

#content #schriftenreihe_links {
	width: 400px;
}

#content #schriftenreihe_links #schriftenreihe_alt {
	height: 180px;
}

#content #schriftenreihe_links #schriftenreihe_alt img {
	display: block;
	margin: 0 10px 0 0;
	float: left;
	border-radius: 5px;
}

#content #schriftenreihe_links p#teaser_aktuell {
	margin: 40px 0 0 0;
}



/* Galerie */
#content #galerie_detail {
	height: 320px;
	width: 710px;
	margin: 0 0 20px 0;
	text-align: center;
}

#content #galerie_detail a.img_link {
	display: none;
}

#content #galerie_thumbnails {
	width: 710px;
	height: 100px;
	display: none;
	position: relative;
	margin: 0 0 0 20px;
}

#content #galerie_thumbnails a {
	display: block;
	height: 100px;
	margin: 0 10px 0 0;
	float: left;
}

#content #galerie_thumbnails a img {
	border-radius: 5px;
	display: block;
	
}

a.prev, a.next {
    width: 18px;
    height: 94px;
    display: block;
    position: absolute;
    top: 3px;
}

a.prev {            
	left: -25px;
	background: url(../img/layout/gallery_prev.gif) no-repeat transparent;
}

a.next {            
	right: -20px;
	background: url(../img/layout/gallery_next.gif) no-repeat transparent;
}

a.prev span, a.next span {
    display: none;
}

/* Veranstaltungen / Archiv */

#news.aktuell div.item span.date {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#news.aktuell div.item span.time {
	display: block;
	margin: 0 0 10px 0px;
}

#news.aktuell div.item em {
	margin: 10px 0 0 0;
}


.veranstaltungen {
	position: relative;
}

.veranstaltungen h1 {
	padding: 0 0 15px 0;
}

.veranstaltungen dl {
	width: 550px;
}

.veranstaltungen #archiv {
	position: absolute;
	top: 0;
	right: 18px;
}

.veranstaltungen #archiv a {
	display: block;
	margin: 5px 0 0 0;
	text-align: right;
}

.veranstaltungen dt {
	margin: 0 0 10px 0;
}

#page div.veranstaltungen dl dt img {
	float: left;
	border-radius: 4px;
	margin: 0 5px 0 0;
}

.veranstaltungen dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.veranstaltungen dt em {
	display: block;
	font-style: normal;
	margin: 10px 0 0 0;
}

.veranstaltungen span.date {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.veranstaltungen span.time {
	display: block;
	font-style: italic;
}

.veranstaltungen span.invisible {
	display: none;
}


/* Veranstaltung (Detail) */

#event #event_header strong {
	display: block;
	margin: 0 0 10px 0;
}

#event #event_header em {
	display: block;
	font-style: normal;
	margin: 0 0 10px 0;
}

#event #event_header em span.time {
	font-style: italic;
}

#event #event_body img#event_body_img {
	display: block;
	float: left;
	margin: 5px 20px 5px 0;
}

#event #event_body #event_body_text strong {
	display: block;
	font-weight: normal;
	margin: 10px 0 0 0;
}

#event a#btn_eventdetail_back {
	display: block;
	clear: left;
}


/* Verein der Freunde */
#btn_freundeformular {
	display: block;
	margin: 0 0 20px 0;
}

/* Links und Presseartikel */
#links_presse div.section {
	margin: 0 0 20px 0;
}

#links_presse ul li {
	margin: 6px 0;
}

#links_presse a {
	text-decoration: none;
}

/* Aktuelles */
#aktuelles ul li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
}

/* Öffnungszeiten */
#oeffnungszeiten em {
	display: block;
	margin: 0 0 5px 0;
}

#lageplan img {
	float: right;
}

/* Kontakt */
#btn_kontaktformular {
	display: block;
	margin: 0 0 20px 0;
}

#kontakt em {
	display: block;
	margin: 0 0 5px 0;
}

/* Newsletter */
#btn_newsletter {
	display: block;
	margin: 0 0 20px 0;
}

/* Impressum */
#impressum #internet em.header {
	display: block;
	margin: 0 0 10px 0;
}

#impressum #internet em.haftung {
	display: block;
	margin: 10px 0 5px 0;
}

#impressum #internet ul li {
	margin: 5px 0;
}

#impressum #logos {
    height: 75px;
    width: 550px;
    margin: 50px 0 0 0;
}

#impressum #logos #logo_stadt {
  width: 150px;
  height: 55px;
  float: left;
  margin: 15px 20px 0 0;
  background: url(../img/layout/logos/logo_stadt_salzburg.png) no-repeat;
}

#impressum #logos #logo_land {
  width: 150px;
  height: 71px;
  float: left;
  margin: 0 20px 0 0;
  background: url(../img/layout/logos/logo_land_salzburg.png) no-repeat;
}

#impressum #logos #logo_uni {
  width: 160px;
  height: 50px;
  float: left;
  margin: 10px 0 0 0;
  background: url(../img/layout/logos/logo_uni_salzburg.jpg) no-repeat;
}

/* Overlay */
#page .overlay {
	display: none;
    position: fixed; 
    top: 0; 
    left: 0;
    height: 100%; 
    width: 100%;     
    background: url(../img/layout/transparent_black_80.png);
    z-index: 3;
}

#page .overlay .overlay_field {
	height: 600px;
	margin: 2% 0 0 0;
	border: 1px solid red;
}

#page .overlay .overlay_field img {
	display: block;
	margin: 0 auto;
}

#msg-under-construction {
	margin: 0 0 3em 0;
	border: 2px solid #aa1b1b;
	border-radius: 1em;
	padding: 1em;
}