/*****************************************************************************
 * project  | Le Bateau ivre: französisch-deutsche Lesung in Klangräumen, http://www.dastrunkeneschiff.de
 * author   | tobias baur, ingenieurbüro für medien und design, http://www.tobiasbaur.de      
 *
 * date     | 2009-09-01
 * file     | general.css
 * function | style-definition for all browsers
 *****************************************************************************/


/* 
Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
*/

/*====  1. Kalibrierung ===============================*/

* {
	padding: 0;
	margin: 0;
}

* {
	outline: none;
}

html {
	height: 101%;
}

p {
	margin: 1.3em 0;
}

h1, h2, h3, p, ul, ol {
	margin-bottom: 0.5em;
}

ol ul {
	margin-bottom: 0;
}

li {
	margin-left: 2em;
	list-style: circle;
}

li a {
	display: inline-block; /* Zusätzlicher Leerraum in Listenlinks - IE6 Bug beheben! */
}

li a {
	display: block; /* Zusätzlicher Leerraum in Listenlinks - IE6 Bug beheben! */
}

/*====  2. Allgemeine Styles ===============================*/

body {
	background-color: #302c2b;
	background-image: url(../images/body-top.gif);
	background-repeat: repeat-x;
	color: #bdbdbd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
	color: #5b90cd;
	font-weight: normal;
}

h2 {
	font-size: 110%;
	color: #5b90cd;
	font-weight: bold;
}

h3 {
	font-size: 100%;
	color: #5b90cd;
	font-weight: bold;
}

/* Hyperlinks */  

a {
	text-decoration: none;
	outline: none;
}

a:link, a:visited {
	color: #6d6c6b;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #7f8e9f;
	text-align: right;
}

a.menue:link, a.menue:visited {
	color: #7f8e9f;
	text-decoration: none;
}

a.menue:hover, a.menue:focus, a.menue:active {
	color: #fff;
	text-decoration: none;
}

.aktives-m {
	color: #fff;
}

/*====  3. Styles für Layoutbereiche ===============================*/

.background-bottom {
	background-image: url(../images/body-bottom.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
}

.background-td-top {
	background-image: url(../images/body-td-top.gif);
	background-repeat: repeat-x;
	background-color: #000;
	margin: 0 0 0 0;
}

.background-body-bottom-top {
	background-image: url(../images/body-bottom-top.gif);
	background-repeat: repeat-x;
	background-color: #000;
	margin: 0 0 0 0;
}

.background-body-bottom-line {
	background-image: url(../images/body-line-bottom.gif);
	background-repeat: repeat-x;
	background-color: #000;
	margin: 0 0 0 0;
}

.background-left-shadow-top-repeat {
	background-image: url(../images/left-shadow-top-repeat.gif);
	background-repeat: repeat-x;
	background-color: #000;
	margin: 0 0 0 0;
}

.background-left-repeat-middle {
	background-image: url(../images/left-repeat-middle.gif);
	background-repeat: repeat-x;
	background-color: #0d0d0d;
	margin: 0 0 0 0;
}

.background-left-repeat {
	background-image: url(../images/repeat-left.gif);
	background-repeat: repeat-y;
	background-color: #0d0d0d;
	margin: 0 0 0 0;
}

.background-shadow-left-bottom {
	background-image: url(../images/shadow-left-bottom.gif);
	background-repeat: repeat-x;
	background-color: #0d0d0d;
	margin: 0 0 0 0;
}

.background-footer {
	background-image: url(../images/footer.gif);
	background-repeat: repeat-y;
	background-color: #0d0d0d;
	margin: 0 0 0 0;
	padding: 5px 15px;
	font-size: 9px;
	color: #444343;
}

#apDiv1 {
	position:absolute;
	left:4px;
	top:43px;
	width:107px;
	height:18px;
	z-index:1;
}

/*====  4. Sonstige Styles ===============================*/

#vertical_slide, #vertical_slide2, #vertical_slide3, #vertical_slide4, #vertical_slide5, #vertical_slide6 {
	margin: 0 0 0 15px;
	padding: 10px 10px 20px 20px;
	width: 700px;
	background-color: #FFF;
}

.blue {
	color: #5b90cd;
}

.blue2 {
	color: #5b90cd;
	text-align: right;
}

.gray {
	color: #636161;
}

.kur {
	font-style: italic;
}

.h1-w {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	color: #636161;
	font-weight: bold;
}

.h1-blue {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
	color: #5b90cd;
	font-weight: normal;
}

.h1-withe {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
	color: #bdbdbd;
	font-weight: normal;
}

.txt-withe {
	color: #fff;
}

.img-right {
	margin: 10px 0 5px 15px;
}
	
.img-left{
	margin: 10px 15px 5px 0px;
}