/* =============================================================
Stylesheet für maertplatz.ch
Stand: überarbeitete Version
Datei: screen_stylesheet.css
Datum: 13.9.2007
Autor: Felix Haldimann, Medienwerkstatt Stiftung Märtplatz

Aufbau:	1. Kalibrierung und allgemeine Stylesheets
		2. Styles für Layoutbereiche
		3. Sonstige Styles
============================================================= */

/* =============================================================
1. Kalibrierung und allgemeine Styles
============================================================= */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 101%;
}

body {
	color: #000;
	background-color: #fff;
	font-family: "Courier New", Courier, monospace;
	line-height: 1.3em;
	font-size: 12px;	
}

/* =====================================
Links
===================================== */	


#content a:link,
#content a:visited,
#news a:link,
#news a:visited {
	color: #000;
	background-color: #fff;
}

#content a:hover,
#news a:hover {
	color: #FF7400;
	background-color: #fff;
}

#content a:active,
#news a:active {
	color: #FF7400;
	background-color: #fff;
}



/* =====================================
Titel
===================================== */	

h1 {
	color:#EC7404;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
.csc-header-n1 {
	margin: 0 0 12px 0;
	}
h2 {	
	
	font-size: 16px;
	font-weight: bold;
}

h3 {	
	font-size: 12px;
	font-weight: bold;
}

h4 {	
	font-size: 12px;
	font-weight: bold;
}



/* =====================================
Lauftext
===================================== */	
p {	
	font-size: 12px;
}

/* =====================================
Tabellen
===================================== */	

.table {	
	font-size: 12px;
}


/* =====================================
Punktlisten
===================================== */	

.bulletlist {
	font-size: 12px;
}

/* =====================================
Bildunterschrift
===================================== */
.caption {
	font-size: 12px;
}


/* =============================================================
2. Styles für die Layoutbereiche
============================================================= */

#logo {
	position: fixed;
	top: 0px;
	left: 0px;
	
	padding: 15px 0 0 0;
	
	height: 101px;
	width: 100%;
	
	text-align: center;
	
	color: #000;
	background-color: #fff;
	z-index: 2;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #logo {
	position: absolute;
}

/* =====================================
Schwarzer Navigationshintergrund
===================================== */	
#navihinter {
	position: fixed;
	top: 101px;
	left: 0;
	
	height: 84px;
	width: 100%;
	
	color: #fff;
	background-color: #000;
	z-index: 3;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #navihinter {
	position: absolute;
}

/* =====================================
Menu mit zwei 2 Submenus
===================================== */	
#menu1 {
	position: fixed;
	
	left: 22px;
	top: 129px;
	
	height: 14px;
	white-space: nowrap;
	z-index: 4;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #menu1 {
	position: absolute;
}
	
#menu2 {
	position: fixed;
	left: 22px;
	top: 146px;
		
	white-space: nowrap;
	
	z-index: 5;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #menu2 {
	position: absolute;
}
	
#menu3 {
	position: fixed;
	left: 22px;
	top: 163px;
		
	white-space: nowrap;
	z-index: 6;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #menu3 {
	position: absolute;
}

/* =====================================
Spezialmenu rechts oben
===================================== */	
#menu4 {
	position: fixed;
	right: 22px;
	top: 112px;
	
	text-align: right;
	
	white-space: nowrap;
	z-index: 7;
	}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #menu4 {
	position: absolute;
}
	
/* =====================================
Inhalt
===================================== */	
#content {
	position: absolute;
	left: 0;
	top: 187px;
	padding: 20px 240px 0 22px;
	
	float: left;
	z-index: 1;	
	}

/* =====================================
News/Spezialinhalte rechts
===================================== */	
#news {
	position: absolute;
	top: 187px;
	right: 0px;
	
	padding: 20px 10px 0 0;
	
	width: 220px;
	
	z-index:1;
}

/* =============================================================
3. Sonstige Stylesheets 
============================================================= */

/* =====================================
Formular
===================================== */

input {
	
	border: 1px solid #000;
	
	}
label {
	margin: 0 20px 0 0;
	width: 500px;
	}

.mailform {
	padding: 0 10px 0 0;
	
	font-size: 12px;
}

.mailformrequired {
	padding: 0 10px 0 0;
	
	font-size: 12px;
}

/* =====================================
Sitemap
===================================== */	

.csc-sitemap ul {
	list-style:none;
	
}
.csc-sitemap ul ul {
	padding-left: 2em;
}
.csc-sitemap ul ul ul {
	
	padding-left: 4em;
}
.csc-sitemap ul ul ul ul {
	padding-left: 6em;
}
/* =============================================================
E N D E  D E S  S T Y L E S H E E T S 
============================================================= */