@charset "ISO-8859-1";
/* CSS Document */

/*** START ALIGNMENT USW ***/ 

html, body {
	font-family: "Open Sans", "Optima", sans-serif;
	font-size: 14px;
	color: #030303;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #333333 url(body.png) repeat-x center top;
}

#container {
	background: url(container.png) repeat-x center bottom;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
}

#navigation {
	text-align: right;
	width: 700px;
	margin: auto;
	margin-top: 100px;
}

#box {
	width: 700px;
	margin: auto;
	background: url(box_unten.png) repeat-x center bottom;
}

#unten {
	width: 700px;
	margin: auto;
}

.ecke_links {
	height: 24px;
	width: 24px;
	background: url(ecken.png) no-repeat 0px 0px;

}

.ecke_rechts {
	height: 24px;
	width: 24px;
	background: url(ecken.png) no-repeat 0px -24px;
}
/*** ENDE ALIGNMENT USW ***/


/*** START OPTISCHES ***/

.rot {
	color: #900000;
}

.blau {
	color: #006EDE;
}

.gelb {
	color: #FFC800;
}

a {
	outline: none;
}

a, a:visited {
	color: #636363;
	text-decoration: underline;
}

a:active, a:hover {
	color: #939393;
	text-decoration: underline;
}

a.rot, a.rot:visited {
	color: #900000;
	text-decoration: underline;
}

a.rot:active, a.rot:hover {
	color: #C03030;
	text-decoration: underline;
}

a.blau, a.blau:visited {
	color: #006EDE;
	text-decoration: underline;
}

a.blau:active, a.blau:hover {
	color: #309EFE;
	text-decoration: underline;
}

a.gelb, a.gelb:visited {
	color: #FFC800;
	text-decoration: underline;
}

a.gelb:active, a.gelb:hover {
	color: #FFF830;
	text-decoration: underline;
}

#unten {
	text-align: right;
	color: #b3b3b3;
	font-family: "Open Sans", "Optima", sans-serif;
	font-size: 11px;
}

#unten a, #unten a:visited {
	color: #939393;
	text-decoration: underline;
}

#unten a:active, #unten a:hover {
	color: #b3b3b3;
	text-decoration: underline;
}

ul, li {
	list-style-type: none;
	padding-left: 14px;
}

.li_rot {
	background: url(bullet_rot.png) no-repeat 0px 8px;
}

.li_blau {
	background: url(bullet_blau.png) no-repeat 0px 8px;
}

.li_gelb {
	background: url(bullet_gelb.png) no-repeat 0px 8px;
}

.galeriebild {
	background:url(galeriebild_out.png);
	padding: 2px;
	margin: 5px;
}

.galeriebild:hover {
	background:url(galeriebild_over.png);
	box-shadow:0px 2px 5px 2px;
}

/*** ENDE OPTISCHES ***/


/*** START KLEINIGKEITEN ***/

/* Wer das hier liest, kann mit seinem Browser umgehen. Und wer hier klaut, hat ziemlich Mut. Aber Mut und Dummheit liegen oft nah beieinander. */

/*** ENDE KLEINIGKEITEN ***/