@CHARSET "UTF-8";

/*******************************************************
  Grundlegendes
 *******************************************************/

body { 
	text-align: center;  /* Remus hat noch ne Idee */
	background-color: #ffffff; 
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
html,body { height: 101%; }
div { border: 0px solid black; }
a { text-decoration: none; color: #ff8400;  }
a:hover { text-decoration: none; color: #003366; }
img { border: none; }
.submit-image { width: 24px; height: 24px; }
input.textfield  { border: 1px solid #cccccc; background-color: #f5f5f5; width: 100px; padding: 2px 3px; }
select  { border: 1px solid #cccccc; background-color: #f5f5f5; width: 120px; padding: 2px 3px; }

/*******************************************************
  Header
 *******************************************************/
div#header {border-bottom: 6px solid #ff8400; }
div#header div#login {	width: 980px; margin: 0 auto; padding-bottom: 10px; text-align: left; }
div#header div#login a { color: #999999; background: url('pfeil-grau.png') no-repeat left 3px; padding-left: 10px;}
div#header div#login a:hover { color: #000000; background-image: url('pfeil-schwarz.png'); }
div#header div#login div#login-input { float: left; margin: 0 30px 0 20px; font-weight: bold; display:inline; }
/*div#header div#login div#login-input input.textfield  { border: 1px solid #cccccc; background-color: #f5f5f5; width: 100px; padding: 2px 3px; }*/
div#header div#login div#login-input img { position: relative; top: 8px; }
div#header div#login div#login-input label#login-label { margin-left: 0px; }
div#header div#login div#login-input div label { font-size: 0.8em; }
div#header div#login div#login-input div, div#login div#login-input b { float: left; margin-right: 10px; }
div#header div#login div#login-input b { position: relative; margin-top: 10px; }
div#header div#login div#status { float: left; margin: 10px 30px 0 20px; }
div#header div#login div#status div { float: left;  }
div#header div#login div#status div#login-name { margin-left: 10px; font-weight: bold; }
div#header div#login div#status-logout input.submit { margin-top: 7px;}
div#header div#login label#login-label { float: left; margin-top: 10px; margin-right: 10px; margin-left: 20px; font-weight: bold; }
div#header div#login input.submit { border: none; background: url('button-forward.gif') no-repeat; color: #FF8400; font-weight: bold; font-size: 12px; font-family: Arial; padding: 2px 0px; cursor: pointer; padding-left: 25px; margin-top: 10px; height: 24px; }
div#header div#login div#pwd-forgot-header { width: 200px; float: left; margin-top: 7px; }
div#header div#login div#pwd-forgot-header h3 { width: 200px; float: left; margin-top: 0px; }
div#header div#login div#pwd-forgot-message { float: left; width: 600px; margin-top: 7px; }
div#header div#login div#pwd-forgot-form { clear: both; }
div#header div#login div#pwd-forgot-form label { font-size: 0.8em;  }
div#header div#login div#pwd-forgot-form input.textfield { border: none; border: 1px solid #cccccc; background-color: #f5f5f5; width: 150px; padding: 2px 3px; margin: 0px; }
div#header div#login div#pwd-forgot-form input.submit {  margin-top: 0; }
div#header div#login p#pwd-forgot-backlink { clear: both; margin-bottom: 0px; }


/*******************************************************
  Screen
 *******************************************************/
div#screen 
{  
	text-align: left;
	width: 980px;
	margin: 0 auto;
	background: url('shadow.gif') repeat-y; 
	padding: 0 38px; 
  	position: relative;
}
div#screen div#printlink { clear: both; text-align: right; padding-top: 20px; }
div#screen div#printlink a { color: #666666; padding: 4px 0 4px 22px; background: url('print-icon.gif') no-repeat top left; }

/*******************************************************
  Head-Bereich des Screens
 *******************************************************/
div#screen div#head-image { background: url('logo.gif') no-repeat right top; width: 980px; height: 200px; position: relative; margin: 0px; padding: 0px; border: 0px;}
div#screen div#head-image a#homelink img { position: absolute; right: 0px; top: 0px; }

div#screen div#head-navigation { background: url('bogen-bottom.png') no-repeat 0 top; height: 50px;	width: 980px; position: relative; }

div#screen div#head-navigation ul#topnavi { margin: 0; padding: 0; list-style-type: none; position: absolute; bottom: 0px; margin-left: 25px; }
div#screen div#head-navigation ul#topnavi li { display: inline; float: left; }
div#screen div#head-navigation ul#topnavi li a { text-transform: uppercase; color: white; font-size: 14px; padding: 7px; display: block; font-weight: bold; }
div#screen div#head-navigation ul#topnavi li a:hover { background-color: #ffbb47; text-decoration: none; }
div#screen div#head-navigation ul#topnavi li.act a, 
div#screen div#head-navigation ul#topnavi li.act a:hover { background-color: #ffffff; color: #ff8400; }
div#screen div#head-navigation ul#topnavi li.restricted a { background-color: #e84717; }


div#screen div#head-navigation div#search { position: absolute; right: 15px; bottom: 10px; color: #ffffff; font-weight: bold; }
div#screen div#head-navigation div#search div#search-input { float: left; }
div#screen div#head-navigation div#search div#search-input input.textfield { border: none; font-size: 0.9em; padding: 2px 3px; width: 15em; margin-right: 6px; }
div#screen div#head-navigation div#search input.submit { position: relative; top: 12px; padding-bottom: 5px; border: none; font-size: 1em; padding-left: 22px; color: #ffffff; background: url('button-forward-orange.gif') no-repeat ; font-weight: bold; cursor: pointer; height: 24px;	}
div#screen div#head-navigation div#search input.submit:hover { color: #003366; }
div#screen div#head-navigation div#search form { margin: 0px; }

/*******************************************************
  Main-Bereich des Screens
 *******************************************************/
div#screen div#main { position: relative; } 

div#screen div#main div#right {	width: 240px; margin: 40px 20px 20px 0px; float: right; }
div#screen div#main div#right ul#subnavi, ul#subnavi ul
{
	background-color: #fff5cc; /*sand*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* erste Ebene der Seitennavigation */
div#screen div#main div#right ul#subnavi { border: 1px solid #FFE2A3; border-bottom: none; margin-bottom: 20px; }
div#screen div#main div#right ul#subnavi li { border-bottom: 1px solid #FFE2A3; padding: 10px 0px 5px 12px; }
div#screen div#main div#right ul#subnavi li a { background: url('pfeil-schwarz-auf-sand.png') no-repeat left 2px; padding-left: 10px; color: #333333; font-weight: bold; } 
div#screen div#main div#right ul#subnavi li a:hover { background: url('pfeil-blau-auf-sand.png') no-repeat left 2px; color: #003366; text-decoration: none; }
div#screen div#main div#right ul#subnavi li.act a { background: url('pfeil-orange-auf-sand.png') no-repeat left 2px; color: #FF8400; text-decoration: none; }
div#screen div#main div#right ul#subnavi li.act a:hover { background: url('pfeil-blau-auf-sand.png') no-repeat left 2px; color: #003366; text-decoration: none; } 

/* zweite Ebene der Seitennavigation */
div#screen div#main div#right ul#subnavi li ul { margin-left: 0px; margin-top: 3px; }
div#screen div#main div#right ul#subnavi li ul li { border: none; padding: 5px 0px 0px 20px; }
div#screen div#main div#right ul#subnavi li ul li a { font-weight: normal; }
div#screen div#main div#right ul#subnavi li.act ul li a { background: url('pfeil-schwarz-auf-sand.png') no-repeat left 2px; color: #333333; }
div#screen div#main div#right ul#subnavi li.act ul li a:hover { color: #003366; }
div#screen div#main div#right ul#subnavi li.act ul li.act a { background: url('pfeil-orange-auf-sand.png') no-repeat left 2px; color: #FF8400; }
div#screen div#main div#right ul#subnavi li.act ul li.act a:hover { background: url('pfeil-blau-auf-sand.png') no-repeat left 2px; color: #003366; }

div#screen div#main div#content { 
	width: 650px; 
	/*background-color: red;*/
	padding: 20px 20px 20px 20px;
	margin-right: 10px;
	float: left;
}

div#screen div#main div#rightcontent { 
	/*border: 1px solid #ccdfe0; 
	background-color: #efebf0; 
	padding: 5px 10px;*/
}


/*******************************************************
  Footer
 *******************************************************/

div#footer { background: url('footer.gif') repeat-x; height: 70px; /*144*/ color: white; text-align: center; padding: 10px; font-weight: bold; }

div#footer ul#footernavi { margin: 0; padding: 0; list-style-type: none; }
div#footer ul#footernavi li { display: inline; }
div#footer ul#footernavi li a { color: #ffffff; }



/*******************************************************
  Verschiedenes
 *******************************************************/
/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* The IE5/6 Doubled Float-Margin Bug: http://www.positioniseverything.net/explorer/doubled-margin.html */
.doublefloatfix { display: inline; }

/* The IE Input-Auto-Padding Bug: http://www.brandnewbox.co.uk/articles/details/removing_padding_from_ie_buttons/ */ 
html input { overflow: visible; }

/* The IE8 Legend Bug: http://snipplr.com/view/22523/ie8-fieldset-legend-bug-fix/ */
/* -> siehe main-setup.ts */