/* Basisvorlage CSS
Farbiges Mittelalter
www.farbiges-mittelalter.de
Start: 22.09.2008
Letzte Aenderung: 03.01.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (body): #fff
Farbton (header): #000
Farbton (sidebar): #000
Farbton (footer): #626065
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.*/	
	/*background: #fff url(../img/grid.png) top left no-repeat;*/
	font-size: 75%;
	background: #000;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background:#333 url(../img/hgr_body.png) top left repeat-x;
}

html>body {
	font-size: 12px;
	color:#ccc;
}

a:link {
	color:#FF6600;
	text-decoration: none;
}

a:visited {
	color: #FF9B00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p, table {
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	color: #fff;
}

ul {
	font: 1em/1em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1em;
	margin-bottom: 1.5em;
	}

h1 {
	font: 1.67em/0.9em Georgia, "Times New Roman", Times, serif;
	color:#33CC00;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif;
	/*color:#FFCC00;*/
	color:#FFFF66;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em Georgia, "Times New Roman", Times, serif;
	/*color:#FF0000;*/
	color:#ffff66;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em Georgia, "Times New Roman", Times, serif;
	/*color:#0066FF;*/
	color:#3399FF;
	margin-top: 1.67em;
	margin-bottom: 1.13em;
}


hr {
	height:1px;
	border:0 none;
	border-top: 1px solid #ccc;
	margin:1em 0 0 0;
	padding:0;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Platzierung von Icons 
--------------------------------------------------------------------------------------- */
.icon {
	border: 0;
	padding:5px 5px 0 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

.clear {
	clear:both;
	padding-top:0.5em;
}


/* Formatierungen für Tabellen des Tagungsprogramms
--------------------------------------------------------------------------------------- */
.zeitplan {
	caption-side:top;
	width:90%;
	text-align:left;
	margin:10px 0;
	padding:10px;
	border-spacing:10px;
}

.zeitplan caption {
	text-transform:uppercase;
	font-weight:bold;
	color:#ccc;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

.zeitplan .linkespalte {
	width:30%;
	font-weight:bold;
	vertical-align:top;
}


/* Formatierung der Listen für den Sektionsplan
--------------------------------------------------------------------------------------- */
.raum {
	margin-top:3em;
	font-weight:bold;
	text-align:center;
}

.titel {
	font-weight:bold;
	text-align:center;
}

.leitung {
	text-align:center;
}

.referent {
	font-variant:small-caps;
}

.sektion {
	list-style:none;
}

.sektion ul {
	list-style:none;
	font-weight:bold;
	line-height:1.2em;
	margin-left:20px;
}

.zitat {
	font-style:italic;
}


/* Sub-Navigation für den Sektionenplan
--------------------------------------------------------------------------------------- */
.sub_nav {
	font: 1.17em/1.29em Georgia, "Times New Roman", Times, serif;
	margin-top: 1.67em;
	padding-bottom: 20px;
	list-style:none;
}

.sub_nav li {
	float:left;
	width:auto;
	padding-right:10px;
}


/* Verlinkung des Tagungsprogramms und "nach oben"-Link
--------------------------------------------------------------------------------------- */
.nach_oben {
	font: 0.8em/0.8em Arial, Tahoma, Verdana, sans-serif;
	margin:0 0 0.5em 0;
	padding:0;
	float:right;
}


/* Image-replacement für die Überschriften <h2>
--------------------------------------------------------------------------------------- */	
#gruss, #programmue, #programm, #sektionen, #abstract, #anmeldung, 
#infos, #organisation, #impressum {
	position:relative;
	width:450px;
	height:50px;
	overflow:hidden;
}

#gruss span, #programmue span, #programm span, #sektionen span, 
#abstract span, #anmeldung span, #infos span, #organisation span, #impressum span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#gruss span {
	background:url(../img/begruessung.png) no-repeat;
}

#programmue span {
	background:url(../img/programmue.png) no-repeat;
}

#programm span {
	background:url(../img/programm.png) no-repeat;
}

#sektionen span {
	background:url(../img/sektionen.png) no-repeat;
}

#abstract span {
	background:url(../img/abstracts.png) no-repeat;
}

#anmeldung span {
	background:url(../img/anmeldung.png) no-repeat;
}

#infos span {
	background:url(../img/infos.png) no-repeat;
}

#organisation span {
	background:url(../img/organisation.png) no-repeat;
}

#impressum span {
	background:url(../img/impressum.png) no-repeat;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#start {
	background:#000;
}

#wrapper {
	margin: 0 auto;
	width: 80em;
	max-width: 100%;
	background:#000 url(../img/hgr_sidebar.png) top left repeat-x;
}

#wrapper_start {
	margin: 0 auto;
	width: 80em;
	max-width: 100%;
	background:#000;
}

#header {
	clear: both;
	background: #000;
	height: 15em;
	border-bottom: 2px solid #CCC;
}

#navi {
	clear: both;	
}

#content {
	clear: both;
	float: left;
	display: inline;
	width: 49.2em;
	max-width: 70%;	
	padding:2em 5em 2em 2em;
	background:#000 url(../img/hgr_sidebar.png) top left repeat-x;
	border-right: 2px solid #ccc;
}

#content_start {
	clear: both;
	float: left;
	display: inline;
	width: 45em;
	max-width: 70%;	
	padding: 5em 0 0 5em;
	background:#000;
}

#sidebar {
	float: right;	
	display: inline;
	width: 29.2em;
	max-width: 28%;
	background:transparent;
}

#sidebar_start {
	float: right;	
	display: inline;
	width: 30em;
	min-height:620px;
	/*max-width: 28%;*/
	padding-top:5em;
	background:#fff /*url(../img/symposion.png) top right no-repeat*/;
}

#navigation {
	list-style:none;
}

#navigation li a {
	display:block;
	margin:0.5em 0;
	padding:0.5em 0 0.5em 1em;
	background:transparent;
	border-bottom:1px solid #ccc;
	color:#CCC;
}

#navigation li a:hover {
	background-color:#000;
	color:#ccc;
}

#navigation li a.aktiv, #navigation ul li a.aktiv:hover {
	background-color:#000;
	color:#ccc;
	/*cursor:default;*/
}

#footer {
	clear: both;
	padding:0 0 2em 1em;
	background: #333;
	border-top: 2px solid #ccc;
}

#unterkunft {
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1em;
	margin-bottom: 1.5em;
	list-style:none;
	}

#unterkunft li {
	margin-bottom:0.5em;
}

.logos {
	float:right;
	margin: 1em 1.5em 0 0.5em;
}