/*******************************************************************************

	Project	:	arminhermannklein.de
	Copyleft	:	tizian bauer at ansichtsache dot com for vierplus.de

*******************************************************************************/

/* ### undo ### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ### */
html {
	min-height: 99%;
	margin-bottom: 1px;
	height: 100%;
}

/* ### BODY ### */
body {
height:100%;
margin:0;
padding:0;
font: 84% Arial,sans-serif;
line-height:1.15em;
position:relative; 
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.left { float:left; }
.right { float:right; }


/***********************************************************startseite********************/

body#page5 #contentcontainer {
background-attachment:scroll;
	background-image: url(../design/ahk_body_start_bg.jpg);
	background-repeat:no-repeat;
	background-position:left 150px;
}
body#page5 #footer{
	background-image: url();
}
body#page5 span.logo img {
display:none;
}
div.startimage {
position:fixed;
margin:00px 0 0 180px;
}
body#page5 #avmenu {
margin:142px 0px 0px 680px;
}
body#page5 #zitat {
margin:0 0 0 200px;
position:fixed;
}
div#start_teaser {
position:fixed;
bottom:0;
background-color:#990000;
color:#fff;
width:100%;
height:auto;
font-size:12px;

}
div#start_teaser .oi {
margin:0.5em;
}
div#start_teaser a {
color:#fff;
margin:0 0 0 1em;
}
div#start_teaser a:hover {
color:#fff;
text-decoration:underline;
}

/*******************************************container********************/

#contentcontainer {
width:960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -200px auto;
}
#zitat {
display:block;
width:450px;
height:140px;
float:left;
color:#666;
}
#zitat .oi {
margin:10px 0 0 30px;
}
#header {
height:50px;
/*background:url(/files/design/logo.gif) -20px 25px no-repeat;
float:left;*/
width:600px;
float:left;
}
span.logo {
display:block;
float:left;
margin:0px 0 30px 0px;
width:200px;
position:static;
}


/*  ********************************************************  content  */

#content {
margin:135px 0px 30px 30px;
line-height:1.6em;
color:#000;
float:left;
width:600px;
position:relative;
}
#content ul {
margin:0 0 1em 0;}
#content ul li {
padding:0 0 0 10px;
background-image:url(../design/ahk_red_dot.gif);
background-repeat:no-repeat;
background-position:left 5px;
}
#content ol li {
list-style-type:decimal-leading-zero;
list-style-position:inside;
}

#content .bg {
	margin:0px;
	height:500px;
}
#content p {
margin:0 150px 1.25em 0;
clear:both;
line-height:1.35em;
}
#content h2 {
margin:0 150px 0 0;
clear:both;}
#content h3 {
clear:both;}

#content .oi ul li {
margin:0;
line-height:1.5em;}

#content  div.news {
	border-top: #990000 1px dotted;
	border-top-style:dotted;
margin:0;
	padding:10px 0;
	height:100px;
}
#content div.news img.right {
float:right;
}
#content div.news p, #content  div.news h1, #content div.news h2, #content div.news h3 {
margin:0;
line-height:1.25em;
}
#content div.news h2, #content div.news h3 {
font-size:1em;
}
#content div.news div.oi {
float:left;
width:450px;
}

div.image {
margin:0 0 2em 0;
}
div.image img {
margin:0 1em 2em 0;
float:left;}
div.img_desc {
width:200px;
margin:0 0 2em 0;
float:left;
color:#666666;}
/*  ********************************************************  footer  */
.push {
    height: 200px;
    clear: both;
}
#footer {
width:100%;
height:250px;
clear: both;
margin:0;
padding:0px;
text-align: left;
color: #999;
font-size: 0.8em;
float:left;
	background-image: url(../design/ahk_body_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	bottom:0;
	position:static;
}
#footer p {
width: 960px;
padding-left:55px;
margin:225px auto 0 auto;}

#footer a {
color: #999;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}
/* ############################################################ headlines ### */

h1 {
	color:#990000;
	font-size:1.4em;
	font-weight:700;
	line-height:1.6em;
	margin:0 0 0 0;
}

h2 {
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	margin:0 0 0 0;
}

h3 {
	color:#999;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	margin:0.5em 0 0.25em;
}

a:link {
	color:#990000;
}
a:visited {color:#990000;}
a:focus { font-weight:bold; color:#990000; text-decoration:underline; }
a:hover {color:#333; text-decoration:none; }
a:active { color:#990000;}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/files/pdf.gif) no-repeat center right;
}

#zitat .zitat p {
font-style:normal;
font-size:0.85em;
font-style:italic;
}
#zitat .person p {
text-align:right;
color:#666;
font-size:0.85em;
font-weight:700;
}


#list1b em {
display:inline;
text-align:right;
font-weight:700;
font-style:normal;
}

/***********************************************************navigation********************/

#avmenu {
width:275px;
float:right;
margin:0px 0px 0px 680px;
position:fixed;
}
#avmenu .oi {
margin:0 15px 0 0;
float:left;
}
#avmenu .oi ul a {
color:#000;
}
#avmenu .oi p {
display:block;
margin:0 -1em 0 0;
float:right;
font-size:1.2em;
}
#avmenu .oi p a {
color:#000000;
}

#avmenu .oi h1 {
display:block;
margin:0 0 1em 0;
float:left;
}
#avmenu .oi ul {
clear:both;
margin:25px 0 0 0;
	list-style: none;
	padding:0;
font-weight:700;
}


#avmenu ul li {
	display:block;
line-height:135%;	
height:1.75em;
}
#avmenu ul li.trenner {
margin:1em 0 0 0;
}

#avmenu ul li a,
#avmenu ul li a:link {
	color:#666666;
	text-decoration:none;
	display:block;
	}
#avmenu ul li .aktiv a,
#avmenu ul li a.current:link
{
	color:#990000;	

}

#avmenu ul li a:hover {
	color:#990000;	
	text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #avmenu ul li { float: left; height: 1%; }
* html #avmenu ul li a { height: 1%; }
/* End */








/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++   accordion     */

.basic {
width:100%;
}
.basic a {
border-top-width: 1px;
border-top-color: #990000;
border-top-style: dotted;

}
.basic div {
	background-color: #fff;
}
#content .basic p {
	margin-bottom:1.25em;
	border: none;
	text-decoration: none;
}
#content .basic h2 {
	margin-bottom:0.5em;
	border: none;
	text-decoration: none;
}
.basic p a {
	text-decoration:none;
	border:0;
	background-color:#fff;
	color:#990000;
	display:inline;
	}
.basic a {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	color:black;
	background-image: url("");
}
.basic a:hover {
	background-color: white;
	background-image: url("");
	color:#000;
}
.basic a h1 {
	color:#666;
	background-image: url("");
	margin:1em 0;
}
.basic a:hover h1 {
	color:#990000;
	background-image: url("");
}
.basic a.selected h1 {
	color:#990000;
	background-image: url("");
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}


.player a.download {
font-size: 0.75em;
float: left;
margin-top: 0pt;
margin-right: 1em;
margin-bottom: 0pt;
margin-left: 0em;
color: #fff;
background-color: #990000;
padding:3px;
display:block;
}
.player a {
border-top-width: 0px;
border-top-color: #990000;
border-top-style: dotted;
}
.player {
margin:1,5em 0;
color:#999;
}
.player embed {
margin:0.5em 0 1.5em -7px;
}

/* ****************************************************** Formular Definition */

/* Div das das Formular umschlie§t */
.formgen {
	font-size: 1em;
}
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}
.formgen form {
line-height : 120%;
}
/* Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */
.formgen .formblock {
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;	
}
/* Fehlerinfo */
 .forminfo {
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/* Verhalten von br-Tags */
.formgen br {
clear : both;
}
/* --------- FORMULAR-OBJEKTE ------------ */
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width:600px;
	height: 100px;
	border: 1px solid #999;
	background-color: #fff;
	margin:0 0 15px 0;
}
/* Textfeld */
.formgen .formtext {
width:400px;
height: 25px;
background-color:#fff;
border: 1px solid #999;
float:right;
clear:right;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	border-right-color: #000000;
	background-color: #efefef;	
	color:#000;
}
/* Label */
.formgen label {
	width:auto;
	height: 25px;
	margin:10px 0 0 0;
	font-weight: bold;
	color: #333;
	display:block;
	float:left;
}
.formgen formcheck {
	width:20px;
	height: 20px;
	float:left;
	clear:both;
	margin:0px 0 0 0;
	font-weight: bold;
	color: #333;
	display:block;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 200px;
	background-color: #efefef;
	color: #000000;
}
/* Sende-Button */
.formgen .formsubmit {
	width:600px;
	text-align: center;
	background-color:#fff;
	border: 1px solid #990000;
	float:left;
	color:#990000;
	height:30px;
	margin:0 0 15px 0;
}
/* Radio-Button */
.formgen .formradio {
	background-color: #fff;
	float: left;
	color: #333;
}
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color: #990000;
}
.formgen .formcaptcha {
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
.formgen .formreq {
	color: #990000;
}
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style:italic;
}
.checkspan {
float:right;
width:400px;
height:10px;}
.formgen .checkspan label {
float:right;
margin-top: 0px;}
checkbox {
float:left;
}

/* ***************************** Ende der Formulardefinition */
table {
width:100%;
}
td {
padding:10px;}

object {
display:block;
margin:1.5em 0 3.5em 0;}