/* CSS Document */

body {
	/*overflow:hidden;*/
	/*position:absolute; */
	background:#FFFFFF;
	color:#666666;
}

html, body {
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#header_container {
    position: absolute;
    top:0px; left:0px; right:0px;
    text-align:center;
    margin:0px;
    height:1px;
    z-index:3;
}

#header {
    position:absolute;
    top:0px; left:0px; right:0px; bottom:0px;
    height:100%;
    background:#aaaaaa;
    z-index:3;
    margin:0px;
    padding:0.2em;
}

#menu {
	position: absolute;
	top:1px;
	left:0px;
	width:210px;
	border:none;
	padding:0px;
}

#menuTransparent {
	position: absolute;
	top:1px;
	left:0px;
	width:210px;
	border:none;
	padding:0px;
	z-index:20;
}

#contentbox {
	position: absolute;
	overflow-y: hidden;
	overflow-x: hidden;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	color:#666666;
	z-index: 5;
	visibility: visible;
}


#content {
	margin-top: 10px; 
	margin-left: 300px;
 	padding-bottom: 10px; 
	margin-right: 45px;
	color:#666666;
}

#footer_container {
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0px;
	height:45px;
	z-index:10;
	width:100%;
	text-align:left;	
	visibility: visible;
}

* html #footer_container {
	bottom:-1px; left:0px; right:0px;
}


#footer_portrait {
	position:absolute;
	top:auto;
	left:0px;
	right:0px;
	bottom:44px;
	background:none;
	width:300px;
	z-index: 10;
}

#footer {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#aaaaaa;
	width: 100%;
	z-index: 10;
}

/* Nur für den MSIE 

* html, * html body {
    overflow:hidden;
    bottom:0px;
    height:100%;
}

* html #header_container, * html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
}

* html #menu, *html #menuTransparent {
    position:static;
    left:0px;
}

* html #header,* html #footer {
    height:100%;
    position:static;
}

* html #content {
	position:absolute;
	top:-40px;
	bottom:0px;
	left:62px;
	right:0px;
	height:100%;
	width:386px;
	overflow:auto;
	margin:0px;
}
*/

/* Weiter mit browserübergreifenden Deklarationen */

#menu li {
    list-style: none;
    margin:0px;
    padding:0px;
}

#menu li#active {
    padding:0px;
    text-decoration:underline;
}

#menu a:link, #menu a:visited {
    display:block;
    background:#EEEEEE;
    color:black;
    text-decoration:none;
    margin:0px;
    padding:0.2em;;
}

#menu a:hover {
    background:#4f4f4f;
    color:#FFFFFF;
    text-decoration:underline;
}


#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

form {
	width:300px;
}

label {
	float: right;
	padding-right: 45px;
}

/* The hint to Hide and Show, taken from  */
/* http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html */
.hint {
	display: none;
	position: absolute;
	right: -250px;
	width: 180px;
	margin-top: -4px;
	border: 1px solid #c93;
	/* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(http://www.glaettli.ch/images/friedensrichter_formfieldpointer.gif) no-repeat -10px 5px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: relative;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(http://www.glaettli.ch/images/friedensrichter_formfieldpointer.gif) left top no-repeat;
}

/* Der IE soll das Element breiter darstellen, da margin
   und padding hier von der Breite abgezogen werden! */

* html #menu {
    margin:0px;
    width:210px;
}
#contentbox #content #content_rightbox {
	clear: none;
	float: right;
	width: 120px;
	border: 1px outset #ADAAAD;
	background-color: #efefef;
	color: #737573;
	font-size: smaller;
	padding: 3px;
	margin: 3px;
}