/****************************************************************
styles.css für das CaddyWeb by Michael Schatz
Last change: 2004-11-30 [MS]
Including many ideas from  http://www.einfachfueralle.de/download/#styles
****************************************************************/
/*--- all margins off ---*/
* {
	margin					: 0;
	padding					: 0;
}
/*--- body ---*/
body {
	font-family				: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size				: 69%;
	color					: #000;
	margin					: 0;
	padding					: 20px;
	background				: #FFF; 
}
/*--- paragraph ---*/
.bodytext,
p {
	font-size				: 1em;
	line-height 			: 1.2em;
	color					: #003;
	text-align				: left;
	margin					: 1px 0px 1px 0px;
	padding					: 0px 0px .4em 0px;
	text-indent 			: 0;
}
/*--- links ---*/
a {
	text-decoration			: none;
	background-color 		: transparent;
	color					: #039;
}
a.ext {
	text-decoration			: none;
	padding-left			: 10px;
	padding-right			: 1px;
	color					: #039;
	background				: url(ext.png) no-repeat left;
}
a:visited, a.ext:visited {
	color 					: #036;
}
a:hover {
	color					: #C00;
	background				: #EEE
}
a.ext:hover {
	color					: #C00;
	background				: url(exthot.png) no-repeat left;
}
a:active, a.ext:active {
	color 					: #C00;
}
/*--- headlines ---*/
h1	{
	font-size				: 1.6em;
}
h2	{
	font-size				: 1.4em;
}
h3	{
	font-size				: 1.2em;
	padding-top				: 0.6em;
}
h4	{
	font-size				: 1.0em;
	font-style				: normal;
}
h5	{
	font-size				: 1.6em;
	font-style				: normal;
	border					: 1px solid #888;
	background				: #CCC;
}

/*--- images ---*/
img	{
	border					: 0;
/*	Damit NN4 trotzdem keine blauen Raender macht. Nicht vergessen, 
	dass fuer richtige Browser im chrome.css wieder zurueckzusetzen */
	color					: #fff;
	background				: transparent;
}
/*--- page content ---*/
#pagewrapper {
	margin					: 0;
	width					: auto;
	min-width				: 500px;
	border					: 1px solid #666;
}
#outercontainer {
	z-index					: 1;
	border-width			: 0 0 0 10em;
	border-color			: #eee;  /* default color */
	border-style			: solid; 
}
#innercontainer {
	z-index					: 2;
	width					: auto;
	border-width			: 0;
	margin					: 0 -1px;
	border-left				: 1px solid #999;
	border-bottom			: 1px solid #999;
}
* html #innercontainer {
	position				: relative;	/* fix a render bug in IE under certain conditions */
	width					: 100%;
}
.hide, #oldbrowsers, .ieSixCharDupBug {
	display					: none; /* hide elements that CSS-targeted browsers  shouldn't show */
}
.cleaner {
	clear					: both;

	height					: 1px;
	border					: none;
	margin					: 0; 
	padding					: 0;
	background				: transparent;
}

#topnav {
	margin					: 0;
	background				: #EEE;
	text-align				: center;
	padding 				: 3px 0;
}
#topnav a:hover {
	text-decoration			: none;
	background-color 		: transparent;
	color					: #C00;
}
#logo {
	background				: url(logo_bild.jpg) center no-repeat #EEE;
	height					: 105px;
}
#logo a:hover {
	text-decoration			: none;
	background-color 		: transparent;
	color					: #039;
}
.inputbox {
	background				: transparent;
	color					: Navy;
	border					: 1px solid #FFF;
	margin					: 0;
	padding					: 1px;
	width					: 50px;
	font-family				: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size				: 1em;
}
.inputbutton {
	border					: none;
	margin					: 0;
	padding					: 0;
	width					: 16px;
	height					: 16px;
}
#mainnav {
	float					: left;
	width					: 10em;
	margin					: 0px 1px 0px -10em;
	position				: relative;
	z-index					: 10;
	overflow				: visible; /* fix for IE italics bug */
}

#maincontent {
	float					: left;
	width                   : 97%;
	margin					: 0 -1px;
	position				: relative;
	z-index					: 10;
	overflow				: visible; /* fix for IE italics bug */
	padding					: 0.6em;
}
#maincontent ul {
   margin					: 0 3em;
	padding					: 3px 3px 3px 6px;
}

#mainnav ul {
	margin					: 0;
	padding					: 6px 0 6px 10px;
}
#mainnav li {
	list-style-type			: none;
	font-size				: 0.8em;
}
.infobox {
	float					: right;
	width					: 180px;
	margin					: 4px 3px 2px 3px;
	background				: #FFC;

	border-top			   	: #888 1px solid;
	border-right				: #888 3px solid;
	border-bottom				: #888 3px solid;
	border-left				: #888 1px solid; 
}
/* MSIE verdoppelt aus irgendeinem unerfindlichen Grund die Margins, 
daher hier nochmal bessere Werte fuer bessere Browser */
html>body div.infobox {
	width					: 180px;
	margin					: 4px 6px 2px 6px;
}
.infobox p {
	padding					: 1px 2px;
}
.infobox h2 {
	font-size				: 1em;
	color					: #000099;
	margin					: 0 0 2px 0;
	padding					: 2px 0 3px .3em;
	background				: #FFFF66;
}
.infobox ul {
   margin					: 0 0 0 10px;
	padding					: 3px 3px 3px 6px;
}
.infobox li {
	list-style				: square outside url(pfeil.gif);
	margin-bottom				: .6em;
	font-size				: 1em;
}
.topmenu {
	margin					: 3px 3px 0 3px;
}
.topmenu li {
	display					: inline;
	font-size				: .8em;
	padding					: 3px;
	list-style				: square outside;
	border					: 1px solid #666;
	border-bottom			: none;
	margin					: 3px 3px 0 3px;
}
#footer {
	clear					: both;
	margin					: 0;
	background				: #EEE;
	text-align				: center;
	padding					: 0;

}
.footermenu {
	padding					: 3px 0;
	margin-top				: 0px;
}
.footermenu li {
	display					: inline;
	font-size				: .8em;
	border-right				: 1px solid #666;
	padding-right				: 3px;
	margin-right				: 3px;
}
#footsteps {
	padding-top				: 0.5em;
	text-align				: center;
	font-size				: .7em;

}
.tx-kharticlepages-pi1 {
	padding					: 1em 0;

	width					: 99%;
	min-width				: 22em;
}
.navigation {
	border					: 1px solid #666;
	background				: #eee;
	font-size				: 0.8em;
	margin					: 1em 0;
	padding					: 0.2em;
}
.navigation-inactive {
	color					: #999;
}
.navigation a {
	border					: none;
	margin					: 0;
	padding					: 0;
	font-size				: 1em;
}
