a:link  {
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: underline;
}

a:visited  {
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: underline;
}

a:hover   {
		color: #697998;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: underline;
}

a:active  {
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: underline;
}

a.footerlink:link  {
		color: #949494;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
}

a.footerlink:visited  {
		color: #949494;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
}

a.footerlink:hover   {
		color: #697998;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: underline;
}

a.footerlink:active  {
		color: #949494;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
}

body {
        margin: 0px;
        padding: 0px;
        background-color:#c5c5c5;
		behavior:url("/includes/csshover.htc");
}


#gesamtseite {
        position: relative;
        padding: 12px;
        padding-left: 18px;
        padding-top: 9px;
        border: 0px;
        margin-bottom: 0px;
        height: auto;
        width: 980px;
        left: 0px;
        top: 0px;
        background-image: url(images/hm_hintergrund2.gif);

}

#seitenname {
        position: relative;
        padding: 0px;
        margin: 0px;
        border: 0px;
        height: 140px;
        width: 945px;
        background-image: url(/images/hmc-breit.jpg);
        background-repeat: no-repeat;
        border: 1px solid #ffffff;
}

#seitenname p {
        position: absolute;
        margin: 0px;
        top: 110px;
        left: 10px;
        font-size: 25px;
        line-height: 25px;
        font-family: "Times New Roman", Georgia, Times, Serif;
        font-weight: normal;
        color: #ffffff;

}

#story {

        position: relative;
        padding: 7px;
        padding-bottom:0px;
        border: 0px;
        height: auto;
        width: 900px;
        margin-top: 25px;
				float:left;
}

#story #double_left {
        width: 440px;
        float: left;
}

#story #double_right {
        width: 440px;
        float: right;
}

#story p {
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 60px;
		margin-right: 40px;
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
		text-align: justify;
}

#story div.main {
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 60px;
		margin-right: 40px;
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
		text-align: justify;
}

#story div.response {
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 60px;
		margin-right: 40px;
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none;
		text-align: justify;
		clear:both;
}

#story ul{
		margin-top: 5px;
		margin-bottom: 0px;
		margin-left: 60px;
		margin-right: 40px;
		color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none
}

#story h1 {
		margin-top: 15px;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 0px;
		color: #000000;
		font-size: 22px;
		line-height: 20px;
		font-family: "Times New Roman", Georgia, Times, Serif;
		font-weight: normal;
		text-decoration: none
		text-align: center;
}


#storytools {
        position: relative;
		float: right;
        border: 0px;
        margin-right: 20px;
        margin-bottom: 60px;
}

#storytools a.print {
		position: relative;
        padding-left: 22px;
        padding-right: 15px;
        padding-top: 1px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        background-image: url(images/icon_print.gif);
        background-repeat: no-repeat;
}

#storytools a.mailen {
		position: relative;
		padding-left: 26px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        background-image: url(images/icon_mail.gif);
        background-repeat: no-repeat;
}


#storyzubehoer {
        position: relative;
        clear: both;
        padding: 0px;
        padding-bottom: 40px;
        height: auto;
        width: 740px;
        left: 0px;
        top: 0px;
}


#downloads {
        position: relative;
        padding: 0px;
        height: auto;
        width: 235px;
        left: 7px;
        top: 0px;
}

#downloads_hint {
        position: relative;
        padding: 0px;
        height: auto;
        width: auto;
        left: 22px;
        top: 9px;
        color: #000000;
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none

}

#downloads a.pdf {
		position: relative;
		padding-left: 22px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        background-image: url(images/icon_pdf.gif);
        background-repeat: no-repeat;
        line-height: 22px;

}

#downloads a.application {
		position: relative;
		padding-left: 22px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        background-image: url(images/icon_app.gif);
        background-repeat: no-repeat;
        line-height: 22px;

}

#downloads h1 {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 7px;
        color: #000000;
		font-size: 16px;
		line-height: 20px;
		font-family: "Times New Roman", Georgia, Times, Serif;
		font-weight: normal;
		text-decoration: none
}

#downloads img {
        margin-top: 13px;
        margin-left: 20px;
}


#zubehoer {
        position: absolute;
        padding: 0px;
        height: auto;
        width: 235px;
        left: 251px;
        top: 0px;
}

#zubehoer a {
		position: relative;
		padding-left: 0px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        line-height: 22px;
}

#zubehoer h1 {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 7px;
		color: #000000;
		font-size: 16px;
		line-height: 20px;
		font-family: "Times New Roman", Georgia, Times, Serif;
		font-weight: normal;
		text-decoration: none
}


#verwandte {
        position: absolute;
        padding: 0px;
        height: auto;
        width: 235px;
        left: 495px;
        top: 0px;
}

#verwandte a {
		position: relative;
		padding-left: 0px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 3px;
        height: auto;
        width: auto;
        line-height: 22px;
}

#verwandte h1 {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 7px;
        color: #000000;
		font-size: 16px;
		line-height: 20px;
		font-family: "Times New Roman", Georgia, Times, Serif;
		font-weight: normal;
		text-decoration: none;
}



#footer {
        position: relative;
        clear: both;
        padding: 0px;
        height: 62px;
        width: 960px;
        left: 0px;
        top: 0px;
        line-height: 25px;
        text-align: center;
        color: #949494;
		font-size: 11px;
		line-height: 20px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		text-decoration: none
}


#footer img {
        position: relative;
        margin-top: 7px;
}



#subfooter {
				margin:0;
				padding:0;
        clear: both;
        width: 980px;
        background-image: url(images/hm_hintergrund_ende2.gif);
        background-repeat: no-repeat;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
				text-decoration: none;
				font-size: 10px;
				color: #c5c5c5;
				text-align: right;
}

#subfooter span {
				position: relative;
				top: -12px;
				right: 20px;
}

#headline {
				margin:0;
				padding:0;
        clear: both;
        width: 980px;
        background-image: url(images/hm_hintergrund_oben2.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
}

.logo_link {
				position: absolute;
				top: 10px;
				left: 780px;
				border: none;
				background-color: transparent;
}

/*Netscape und Mozilla Rahmen-um-Bild-mit-Link-Problem loesen */
a img {
    color: black;
    background: white;
    border: 0;
    }
	
/*CSS für neue Navigation */

/* the menu */

#navigation {
	position:relative;
	padding:0;
	margin:0;
	left: -4px;
	z-index:150;
}

	ul#menu {
		display:block;
		margin:0;
		padding:0;
		border:0;
		background:white;
		list-style:none;
	}
	
	ul#menu li ul {
		margin:0;
		padding:0;
		border: 2px solid #8f8f8f;
		background:white;
		list-style:none;
		width: 200px;
	}

	ul#menu li {
		margin:0;
		position:relative;
		padding:1px;
		padding-left:5px;
		z-index:9;
		float:left;
	}
	
	ul#menu li.folder ul {
		position:absolute;
		left:5px; /* IE */
		top:1.8em;
		background-color:white;
	}	
	
	ul#menu li.folder ul li ul{
		position:absolute;
		left:75%; /* IE */
		top:0.8em;
		background-color:white;
	}
	
	ul#menu li.folder ul li {
		clear:both;
		padding-left:1px;
	}
	
	li.folder>ul { left:10px; } /* others */

	ul#menu a {
		margin:0;
		display:block;
		padding:1px;
		padding-left: 3px;
		border:3px double white;
		text-decoration:none;
		color:#8f8f8f;
		font-weight:bold;
	}

	ul#menu li ul a {
		display:block;
		width: 186px;
		padding-right:10px;
		border:none;
	}
	
	ul#menu li li a.submenu {
		display:block;
		background:url("images/sub.gif") right no-repeat;
	}

	/* regular hovers */

	ul#menu a:hover {
		border-color:#999;
		/*background-color:#afafaf; */
		background: url( images/fade-butt.png );
		color:black;
	}
	ul#menu li.folder a:hover {
		background-color:#afafaf;
	}
	
	/* hovers with specificity */
	
	ul#menu li.folder:hover { z-index:10; }		
		
	ul ul, ul li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		
	
	
	
/* Kontaktformular Dummy-Seite */

input, textarea, select {
	  background-color: #eee;
	  border: 1px solid #8f8f8f;
    margin: 0;
    padding: 0.1em;
}

.x-small {
		font-size:x-small; 
		text-align:left;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		color: #8f8f8f;
}

.small {
		font-size:small; 
		text-align:left;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		color: #8f8f8f;
}

#kontaktformular .red {
			color:red;
}

#kontaktformular {
		position:relative;
		width: 450px;
		padding:0;
		padding-right: 37px;
		margin:0;
		margin-top:25px;
		border:0;
		float:right;
}
		
#kontaktformular fieldset {
		position:relative;
		margin:0;
		padding:5px;
		text-align:left;
		border: 1px solid #8f8f8f;
		text-align:center;
}

#kontaktformular legend {
		text-align: left;
		font-size: small;
		font-weight: bold;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		color: #8f8f8f;
}

#kontaktformular label {
		text-align: left;
		font-size: small;
		font-weight: bold;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
		color: #8f8f8f;
}

#kontaktformular form {
		position:relative;
		margin:0;
		padding:0;
		border:0;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
		border: 1px solid Black;
}

input:focus, textarea:focus, select:focus {
		background-color: #fff;
}

.input_links {
         clear:both;
         width: 50%;
         padding:0;
         margin:0;
         margin-top: 5px;
         float:left;
         text-align: left;
}

.input_rechts {
         padding:0;
         margin:0;
         margin-top: 5px;
         width: 50%;
         float:left;
         text-align: left;
}


.input_breit {
         clear:both;
         width: 100%;
         padding:0;
         margin:0;
         margin-top: 5px;
         float:left;
         text-align: left;
}

#kontaktformular input{
         margin-top: 0.2em;
         width: 95%;
}

#kontaktformular .input_rechts input {
         margin-top: 0.2em;
         width: 98%;
}



#kontaktformular .input_breit input {
         margin-top: 0.2em;
         width: 99%;
}

#kontaktformular input.checkbox, #kontaktformular input.radio {
				 width:auto; 
				 background-color:transparent; 
				 border:none
}

#kontaktformular textarea {
				 margin-top: .2em;
         height: 12em;
         width: 99%;
}

#kontaktformular .button {
		padding: 0.2em;
		margin-top: 0.5em;
		width: 10em;
		border: 3px double #999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background: url( images/fade-butt.png );
}

#kontaktformular select {
         margin-top: .2em;
         width: 100%;
}

#kontaktformular div.err_msg, .form_headline{
         position:relative;
         width:380px;
         margin:auto;
}

.justify {
         text-align: justify;
}