@charset "utf-8";

* {
	margin:0;
	padding:0;
}
body {
	font-family: Museo-300,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	background-color:#d7d2cb;
}
h1 {
	width:100%;
	height:72px;
	margin-bottom:8px;
	text-indent:-9999px;
	background-image:url(bilder/kopfzeile.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e95e40;
}
h1 a {
	display:block;
	height:72px;
}
h2 {
	margin-bottom:16px;
	font-size:13px;
	font-family: Museo-500,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#333;
	line-height:19px;
}
h3 {
	height:48px;
	font-size:19px;
	font-family: Museo-700,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#e95e40;
	line-height:24px;
	margin-bottom:16px;
	letter-spacing:1px;
}
p {
	color:#333;
	line-height:19px;
	margin-bottom:16px;
}
a {
	text-decoration:none;
}
a:focus {
	outline:none;
}
ul {
	line-height:19px;
	margin-bottom:16px;
}

/* ////// IDs ////////////////////////////////// */
#container {
	margin:16px auto;
	width:912px;
}
#side {
	float:left;
	width:168px;
	height:644px;
	margin-right:8px;
	padding:24px 0 24px 16px;
	background-color:#eeebe6;
}
#content {
	float:right;
	width:664px;
	height:660px;
	padding:8px 28px 24px 24px;
	background-color:#eeebe6;
}
#front {
	width:664px;
	height:296px;
	margin-bottom:16px;
	background-color:#FFF;
	background-image:url(bilder/philosophie_664x296.jpg);
}
#content-datenschutz {
	float:right;
	width:664px;
	padding:8px 28px 24px 24px;
	background-color:#eeebe6;
	height:auto;
}

/* ////// Klassen ////////////////////////////////// */
.text-left {
	float:left;
	width:316px;
	height:220px;
	margin-right:32px;
}
.text-right {
	float:right;
	width:316px;
}
.text-left-216 {
	float:left;
	width:216px;
	height:624px;
	margin-right:8px;
	position:relative;
}
.text-right-216 {
	float:right;
	width:216px;
	margin-right:0;
}
p.unten {
	margin-top:292px;
	margin-bottom:0;
}
.text-full-width {
	width:100%;
}
.panorama {
	width:664px;
	height:184px;
	margin-bottom:16px;
}
.portrait {
	width:184px;
	height:184px;
	margin-bottom:24px;
}
.liste {
	color:#333;
	list-style:outside circle;
	line-height:19px;
}
.clearfix {
	clear:both;
	margin-bottom:40px;
}

/* ////// Navigation /////////////////////////////// */
#navi {
	height:200px;
	margin-bottom:336px;
	list-style:none;
}
#navi li {
	height:18px;
	margin-bottom:8px;
	background-color:#d7d2cb;
	padding-top:3px;
}
#navi a {
	display:block;
	font-size:12px;
	text-align:left;
	text-indent:30px;
	color:#333;
}
#navi a:hover {
	color:#236093;
	background-image:url(bilder/navi_hover.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}
#navi a.current {
	color:#d13827;
	cursor:default; 
	background-image:url(bilder/navi_current.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}

/* ////// Subnavigation /////////////////////////////// */
#subnavi {
	list-style:none;
}
#subnavi li {
	height:18px;
	margin-bottom:8px;
	background-color:#d7d2cb;
	padding-top:3px;
}
#subnavi a {
	display:block;
	font-size:12px;
	text-align:left;
	text-indent:30px;
	color:#333;
}
#subnavi a:hover {
	color:#236093;
	background-image:url(bilder/navi_hover.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}
#subnavi a.current {
	cursor:default; 
	background-image:url(bilder/navi_current.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}

/* //// Kontaktformular ///////////////////////////////// */
.kontaktform {
	height:24px;
	padding-top: 16px;
}
.text-left-kontakt {
	float:left;
	width:324px;
	height:400px;
	margin-right:16px;
}
form table.formulartab {
	width:320px;
	color:#333;
}
form table.formulartab td {
	text-align:left;
	vertical-align:top;
}
form input {
	width:224px;
	padding:3px;
	margin-bottom:2px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#333;
	border:none;
	border-top:1px solid #fff;
}
form input:hover {
	color:#236093;
	border-top:1px solid #236093;
}
textarea {
	float:right;
	width:224px;
	height:224px;
	margin-bottom:8px;
	padding:3px;
	overflow:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#333;
	border:none;
	border-top:1px solid #fff;
	resize:none;
}
textarea:hover {
	color:#236093;
	border-top:1px solid #236093;
}
form input.button {
	width:88px;
	margin-right:8px;
	padding:2px;
	font-family: Museo-500,Helvetica,Arial,sans-serif;
	color:#666;
	background-color:#dfd9d2;
	border-top:1px solid #d7d2cb;
}
form input.button_right {
	width:132px;
	margin-right:0;
}
form input:hover.button {
	color:#fff;
	background-color:#e95e40;
	border-top:1px solid #e95e40;
}
.orange {
	margin-top:8px;
	margin-bottom:24px;
}
.orange a {
	font-size:12px;
	color:#333;
}
.orange a:hover {
	color:#d13827;
}
.ausgabewarnung {
	color:#236093;
	margin-top:16px;
}

/* //// Farben ///////////////////////////////// */
/*rot:color:#e95e40;
typorot:color:#d13827;
beige:background-color:#d7d2cb;
hintergrund hell:background-color:#eeebe6;
typo:color:#333;
blau hover:color:#236093; */