/*
Allgemein
*/

body {
	background-color:#fff;
    color:#000;
    margin:0;
    padding:0;
    margin-left:10%;
    margin-right:10%;
}

body, td, th, input
{
    font-family: verdana, sans-serif;
    font-size: 10pt;
}


h1, h2, h3, h4, h5, h6 {
    font-family: arial, verdana, sans-serif;
    margin:0;
    padding:0;
}


ul {padding-left:1em;}

dt {font-weight:bold;margin-top:1em;}
dt:after {content:":";}
dd {margin:0;}

address {
	font-style:normal;
}


ins[title] {
	cursor:help;
}

img {
	border:0px;
}

img.klein {
	width:180px;
    display:block;
}




div.imgklein {
    float:right;
    text-align:center;
}

div.imgklein img {
	width:180px;
    display:block;
}


tt {
	font-weight:bold;
}





div#vorschaupanorama {
	text-align:center;
	max-width:500px;
}

div#vorschaupanorama img,
div#vorschaupanorama a
{
	width:400px;
    display:block;
    margin-left:50px;
}


a,
a.novisit:visited
{
	color:#215696;
}

/*
a:visited
{
	color:#81ACE2;
}
*/

a:hover,
a.novisit:hover
{
	color:red;
}



a[title] {
	cursor:help;
}


/* Accesskey Start */
a[accesskey]:after {
     content:" ["attr(accesskey)"]";
}

a[href="#top"]:after {
	content:" [Pos 1]";
}

h1>a[accesskey]:after {
	content:"";
}
/* Accesskey Ende */

/* Formular  START */

label {
	font-weight:bold;
}

form div {
    margin-bottom:30px;
}

input,textarea {
	width: 500px;
    font-size:160%;
    font-family:Arial,sans-serif;
}

input.radio {
	width:40px;
    font-size:100%;
    height:20px;
}

input.button {
	width:120px;
	margin-right:10px;
    float:left;
    font-size:100%;
}


input:hover,
textarea:hover {
	background-color:#F5FCC5;
}

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

/* Formular  ENDE */


/*
Klassen
*/

.hide {
	height:0px;
    visibility:hidden;
    margin:0;
    padding:0;
}

.clear {
	clear:both;
	height:0px;
    visibility:hidden;
    margin:0;
    padding:0;
}

.rahmen {
	border:1px solid rgb(0,153,0);
    padding:3px;
}

.hintergrund {
	background-color:#C4EBA9;
}

span.datum {
	font-style:italic;
    font-weight:bold;
}

.no-css {
	display:none;
}



/*
Header
*/
#nicht-visuell {
	display:none;
}

#keinemaus {
	display:block;
    text-align:center;
}

#header {
    position:relative;

	margin-top:20px;
    margin-bottom:20px;

    height:60px;

    background-image:url("../gfx/corner_tr.gif");
    background-repeat:no-repeat;
    background-position:top right;

    background-color:#C4EBA9;
    border-bottom:1px solid rgb(0,153,0);
}

#header h1{
    font-family: "Trebuchet MS", arial, verdana, sans-serif;
    font-size:48px;

	position:absolute;
	left:0px;
    top:0px;

	margin:0px;
 	padding-left:3px;
 	padding-top:3px;

    background-image:url("../gfx/corner_tl.gif");
    background-repeat:no-repeat;
    background-position:0px 0px;
}

#header h1 a{
	color:rgb(0,153,0);
    text-decoration:none;
}

	#hauptnavigation {
	    text-align:right;
	    position:absolute;
	    bottom:3px;
	    right:0px;
	    margin-bottom:0px;
	    margin-right:0px;
	}

	#hauptnavigation h2 {
		display:none;
	}

	#hauptnavigation ul {
	    margin:0px;
	    padding:0px;
	    list-style:none;
	}


	#hauptnavigation li.mi {
	    display:inline;
	}

	#hauptnavigation a.ml {
	    padding:3px;
	    font-weight:bold;
	    color:#FFF;
	    text-decoration:none;
	    background-color:rgb(0,153,0);
	    border:1px solid rgb(0,153,0);
	}

	#hauptnavigation a.ml:hover {
	    background-color:#FFF;
	    color:rgb(0,153,0);
	}

	#hauptnavigation a.ml:after {
	    color:#FF0;
	}

	#hauptnavigation a.ml:hover:after {
	    color:#F00;
	}

/*
Content
*/
#content {
}


#content h2 {
	margin-bottom:2em;
	margin-bottom:1em;
}

#content h3 {
    padding-top:1em;
	margin-bottom:0.5em;
}



#content p,
#content ul,
#content ol,
#content dl,
#content table
{
	max-width:500px;
    line-height:1.4em;
}

#subnavi {
    margin:0px;
    padding:0px;
    list-style:none;
    max-width:100%; /* cancels max-width:500px; */
}



/*
Footer
*/
#footer {
	text-align:center;
    border-top:1px solid #AAA;
    margin-top:20px;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:center;
}

#footer li {
    display: inline;
    margin-left:20px;
    margin-right:20px;
}

#footer #copyright,
#footer #copyright *,
.optional,
.optional a,
.optional *
{
	color: #AAA;
    font-size:8pt;
}

#footer #copyright a
{
    text-decoration:none;
}

#footer #copyright a:hover,
.optional a:hover
{
    color:black;
    background-color:transparent;
}

/* Microformats */
.vcard {
	white-space:pre;
}

.vcard .vcard-comma {
	display:none;
}

.vcard .url {
	font-family:monospace;
}