/* ================================================
Stylesheet fuer die Seite africanart
 
Datei: 		screen.css
Erstellt: 	06.11.2008
Update:		06.11.2008
Autor: 		F.L.

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

@import url(reset.css);

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

body {
	font-family: "Palatino Linotype", "Palatino", Constantia, "Book Antiqua", "Hoefler Text", Georgia, Baskerville, serif;
	font-size: 101%;
	/* http://www.einfach-fuer-alle.de/artikel/ietext/ */
	line-height: 1.3;
	background: #ffc;
	/*#ffffcc*/
	color: #000;
	/*padding: 0 10px 10px;*/
/* background: url(../img/africanart_grid.jpg) no-repeat top left;
*/
     


}

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


#wrapper {
}

#textbereich {
position: absolute;
top: 120px;
left: 200px;
width: 730px;
/*background-color: #789;*/
padding-top: 10px;

background: url(../img/background_denk.gif) no-repeat top left;

}

#textbereich_startseite {
position: absolute;
top: 120px;
left: 200px;
width: 730px;
padding-top: 10px;
}

#text {
width: 450px;
/*background-color: #00a7de;*/
float: left;

}

#text_startseite {
width: 730px;
/*background-color: #00a7de;*/
float: left;

}
#bilder {
width: 280px;
/*background-color: #95cb39;*/
float: left;
}

/*
#fussbereich 
*/

#logo {
	/*position: fixed;*/
	position: absolute;
	top: 30px;
	left: 30px;
	width: 900px;
	height: 70px;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #404040;
	background: url(../img/logo.gif) no-repeat top left;
	/*text-decoration: none;*/

}

/* ================================================
3. Sonstige Styles
================================================ */

/*Navigation*/

#navigation {
	position: absolute;
	top: 120px;
	left: 30px;
/*margin-top: 120px;
padding-top: 110px;
padding-left: 20px;
	*/
	width: 170px;
/*	
background-color: #456;
*/
}


#navi {
	margin-bottom: 30px;
	padding-bottom: 10px;

}
#navi li {
	display: block;
	margin-right: 1em;
	margin: 10px;
	
	
}

/* Links */
a {
	padding: 2px 5px 2px 5px;
	/*text-decoration: none;*/
	text-decoration: underline;
	/*
	border-bottom:        1px solid #404040;
*/
}

/* hier kann man die farben der navi aendern */
a:link, a:visited {
	color: #fff;

}
/*
#navi a:link, #navi a:visited {
	background-color: #D2FF00;

}
a:focus, a:hover {
	background-color: #fff;
}
*/
#navi a:focus, #navi a:hover {
	color: #000;

}
a:active {
	background-color: #aaa;
}
a.home {
	background-color: #ffdb8d;
	/*background-color: #574e9d;*/
}

a.info {
	background-color: #ebc981;
	/*background-color: #00a7de;*/

	
}
a.info2 {
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
}

a.info3 {
	color: #000;
	text-decoration: none;
}
a.info3 a:focus, a:hover {
	text-decoration: underline;
}
a.selected_info3 {
	text-decoration: underline;
	color: #000;
}

a.info4 {
	padding: 2px 5px 2px 10px;
	background-color: #00a7de;

}


a.musik {
	background-color: #ccad6f;
	/*background-color: #95cb39;*/

}

/*a.musik2 {
	font-size: 0.9em;
}*/

a.instrumente {
	background-color: #927c4e;
	/*background-color: #ffe001;*/
}
a.kunst {
	background-color: #524429;
	/*background-color: #f59119;*/
}
a.selected_home {
background-color: #ffdb8d;
	/*background-color: #574e9d;*/
	color: #000;
}

a.selected_musik {
	background-color: #ccad6f;
	/*background-color: #95cb39;*/
	color: #000;
}
a.selected_info {
	background-color: #ebc981;
	/*background-color: #00a7de;*/
	color: #000;
}
a.selected_instrumente {
	background-color: #927c4e;
	/*background-color: #ffe001;*/
	color: #000;
}
a.selected_kunst {
	background-color: #524429;
	/*background-color: #f59119;*/
	color: #000;
}

/* Link fuers Impressum */
.impressum {
	/*position: absolute;*/
	top: 3px;
	float: right;
}

a.impressum {
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
}

a.impressum:hover{
	/*border-bottom:        1px solid #404040;*/
	text-decoration: underline;

}

.bildrechts {
float: right;
/*border: 2px solid #ccc;*/
margin-bottom: 10px;
margin-left: 20px;

}