/* Stylesheet zu kreatives-chaos.com
   entstanden aus den Stylesheets vom http://cssdesign.e-workers.de/
   angepasst an das eigene Design */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:100.01%;
}

#wrapper {
	position:relative;
	text-align:left;
}

p, ul, ol, td {
	font-size:80%;
}

#header {
	height:70px;
	background-color:#dad3c2;
	color:#000;
}

#header-pre {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../bilder/system/minisumo_vorne_links.gif);
	background-repeat:no-repeat;
	width:150px;
	height:146px;
}

/* Positionierung des Logos */

#header #logo {
	/*position:absolute;
	top:0px;
	left:0px;
	background-image:url(../bilder/system/minisumo_vorne_links.gif);
	background-repeat:no-repeat;
	width:150px;
	height:146px;*/
}

#header #logo h1 {
	font-family:Georgia, Verdana, Helvetica, Arial, sans-serif;
	font-size:260%;
	font-style:italic;
	text-align:left;
	background-color:transparent;
	color:#000;
	padding:10px 0 0 170px;
	letter-spacing:2pt;
	white-space:nowrap;
}

/* Anzeigen des aktuellen Pfads */

#contentpre {
	height:30px;
	vertical-align:middle;
	background-color:#e2ddcf;
	color:#000;
	border-top:1px solid #866d4d;
	border-bottom:1px solid #866d4d;
}
#breadcrumb {
	margin-top:8px;
	margin-right:30px;
	text-align:right;
}
#breadcrumb p {
	font-size:70%;
}
#breadcrumb a {
	text-decoration:none;
	padding:0 5px;
	background-color:transparent;
	color:#600;
	border-bottom:1px solid #000;
}
#breadcrumb a:hover {
	background-color:transparent;
	color:#a00;
	border-bottom:1px solid #000;
}

#content {
	padding-bottom:20px;
	background-color:transparent;
	border-left:200px solid #ffffff;
	min-height:350px;
}
#content-border {
	border-left:1px solid #000;
	min-height:350px;
}

#menue {
	position:absolute;
	left:0px;
	top:160px;
	width:200px;
	color:inherit;
}

#menue #menue-intern-box2 {
	padding-top:20px;
}

#content #menue #menue-intern-box p,
#content #menue #menue-intern-box2 p {
	width:80%;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#menue #menue-intern-box a,
#menue #menue-intern-box2 a {
	display:block;
	text-decoration:none;
	background-color:#f2efea;
	color:#5e4b35;
	margin-top:5px;
	padding:3px 10px 4px 10px;
	border:1px solid #866d4d;
	font-size:90%;
	font-weight:bold;
}
#menue #menue-intern-box a:hover,
#menue #menue-intern-box2 a:hover {
	background-color:#fff;
	color:#000;
	border:1px solid #bbb;
	padding:4px 10px 3px 10px;
}
#menue #menue-intern-box a.aktiv,
#menue #menue-intern-box2 a.aktiv {
	background-color: #e1dbd0;
	color: #000;
	padding: 3px 10px 4px 10px;
	border: 1px solid #866d4d;
	cursor: default;
}

span.menuheader {
	font-variant:small-caps;
}
#menue-info-box {
	position:relative;
	top:0px;
	right:0px;
	width:200px;
	float:right;
	text-align:left;
	margin:20px 20px 20px 50px;
	color:#000;
	border:1px dashed #999;
}
#menue-info-box p {
	margin:0 auto;
	padding:8px 5px 8px 10px;
	text-align:left;
}
#menue-info-box a {
	display:block;
	text-decoration:underline;
	color:#000;
	margin-top:5px;
	padding:2px 5px 2px 5px;
	font-size:90%;
	font-weight:bold;
}
#menue-info-box a:hover {
	color:#999;
}

#menue-info-box a.aktiv {
	color:#000;
	cursor:default;
}

h2, h3, h4 {
	font-family:Georgia, Verdana, Helvetica, Arial, sans-serif;
	font-style:italic;
	letter-spacing:1pt;
	background-color:transparent;
	color:#000000;
}
h2 {
	font-size:140%;
	padding:15px 0px 10px 20px;
}
h3 {
	font-size:125%;
	padding:20px 30px 10px;
}
h4 {
	font-size:105%;
	padding:20px 30px 10px;
}

#content p.abstract,
#content p.text,
#content p.text-center,
#content p.text-right,
#content address {
	line-height:140%;
	padding:10px 30px 10px 40px;
}
#content address {
	font-size:80%;
}

#content p.text-center {
	text-align:center;
}

#content p.text-right {
	text-align:right;
}

#content br.clear {
	clear:both;
}

div.center table {
	margin-left:auto;
	margin-right:auto;
	
	text-align:left;
}

#content p.abstract {
	font-weight:bold;
}
#content p.caption {
	font-size:60%;
	line-height:140%;
	padding:10px 30px 10px 40px;
}

pre {
	padding:10px 30px 10px 40px;
}

ul, ol {
	line-height:140%;
	margin:10px 30px 10px 70px;
}

dl {
	line-height:140%;
	padding:10px 30px 10px 40px;
}

/* Begriff */

dt {
	font-size:80%;
	padding:0px 0px 0px 0px;
}

/* Beschreibung */

dd {
	font-size:80%;
	font-style:italic;
	padding:0px 0px 15px 20px;
}

#content table.normal-left {
	margin:10px 30px 10px 40px;
	border-spacing:1px;
}
#content table.normal td {
	padding:2px 2px 2px 2px;
}

td {
	padding:2px 2px 2px 2px;
}

p.error {
	margin:10px 30px 10px 40px;
	font-weight:bold;
	color:#f00;
	background-color:transparent;
}

#content div.center {
	text-align:center;
}

/* Link zum Seitenanfang 
   z.B. <p class="topper"><a href="#top">Seitenanfang</a></p> */

#content p.topper {
	padding:0px 30px 0px 40px;
}

#content p.topper a {
	text-decoration:none;
	background-color:transparent;
	color:#900;
	border-bottom:1px solid #000;
}
#content p.topper a:hover {
	background-color:transparent;
	color:#a00;
	border-bottom:1px solid #000;
}

/* Kennzeichnet den ersten Buchstaben jedes Absatzes
   z.B. <span class="initial">T</span>extbrowser   */
.initial {
	font-family:Georgia, Verdana, Helvetica, Arial, sans-serif;
	font-size:130%;
	font-weight:bold;
	font-style:italic;
	padding-right:1px;
}

#footer {
	background-repeat:no-repeat;
	background-position:top right;
	
	height:70px;
	background-color:#dad3c2;
	color:#000;
	border-top:1px solid #866d4d;
	text-align:left;
}
#footer p {
	font-size:70%;
	padding:30px 0 0 20px;
}


/* Positionieren der Bilder im Footer */

#micros {
	float:right;
	margin:-24px 160px 0px 0px;
}

/* RSS Newsfeed Bildchen im Footer */

#footer .rss {
	vertical-align: middle;
}

img {
	border:0 none;
}

.invis, hr {
	display:none;
}

em      { font-style:italic; }
strong  { font-weight:bold; }
pre     { font-family:monospace; }

blockquote.code {
	margin:10px 30px 10px 70px;
	font-size:120%;	
	font-family:monospace;
	line-height:150%;
	background:#fafafa;
	border:1px solid #d1d7dc;
	color:#444444;
}

/* externen Links ein kleines Bildchen voranstellen */

#content a.extern:before {
	background-image:url(bilder/system/extern.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0px 20px 0px 0px;
	/*content: "\21E9\00A0";*/
}

/* Der Selektor E[foo^="bar"] validiert nicht gegen CSS2, 
   entspricht aber der CSS3 W3C Candidate Recommendation 
   <http://www.w3.org/TR/css3-selectors/> */
/*a[href^="http://"]:before {
	content: "\2197\a0";
}*/

input, textarea { 
	padding:1px 1px 1px 1px;
	margin:2px 2px 2px 2px;
	background:white;
	border:solid 1px black;
	color:#000000;
}
input[type="submit"],
input[type="reset"] {
	border:1px solid black;
	background:#F7F1E6;
}

abbr, acronym {
	border-bottom:1px dotted #808080;
	cursor:help;
}

div.uebersicht {
	font-size:80%;
	
	margin-left:30px;
	margin-bottom:40px;
}
div.uebersicht a {
	text-decoration:none;
	color:#000;
}

ul.uebersicht {
	font-size:100%;
	margin:0px 0px 0px 40px !important;
	list-style-image:url(../bilder/system/button_r_arrow.png);
}
ul.uebersicht li {
	padding:0px 2px 0px 2px;
	margin:8px 1px 5px 1px;
}
ul.uebersicht span.description {
	font-size:80%;
	color:#999999;
}