html, body {
   margin: 0 auto;
   border: 0;
   /*width: 100%;*/
   background-color: #ecebeb;
   background-image: url(../images/hintergrund_verlauf.gif);
   background-repeat: repeat-x; 
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
}

#mainWrapper {
	position: relative;
	top: 15px;
	margin: 0 auto;	
	width: 990px;
	background-color: white;
	height: auto;	
	margin-bottom: 20px;
}

#headline {
   position: relative;	
   top: 0px;
   left: 0px;
   width: 990px;
   height: 120px;
   background: url(../images/header.jpg);
   text-align: center;
   margin: 0 auto;
   background-repeat: no-repeat;
}

#Logo {
	position: relative;
	top: 0px;
	height: 0px;
	left: 0px; 
	width: 0px;
	text-align: center;
    margin: 0 auto;    
    visibility: hidden;
}

#bottomBorder {
   position: relative;
   clear: both;
   top: 30px;
   left: 0px;
   text-align: center;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 70px;
   width: 990px;
   height: 58px;
   background-image: url(../images/footer_hintergrund.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   z-index: 10;
}

#bottomBorder a {
   color: #666666;
}

#version {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #666666;
	font-size: 80%;
	}

/*Login-Page Settings [START]*/
#loginMainDiv {
	position: relative;
	top: 0px;
	float: left;
	width: 988px;
	height: auto;
	padding-bottom: 40px;
	background-image: url(../images/navi/navigation_back.gif);
    background-repeat: repeat-x;	
	/*border-top: 20px solid #8a8b85;*/
	border-left: 1px solid white;		
	border-right: 1px solid white;
    text-align: center;
    margin: 0 auto;    
}


#loginBox {
   position: relative;
   top: 60px;
   left: 20px;
   width: 351px;
   height: auto;
   text-align: center;
   background-color: white;
   border: 1px solid #ffb300;
   padding-bottom: 5px;  		
   color: black;
   float: left;   
   /*background-image: url("../images/verlauf.gif");*/
   background-repeat: repeat-x;
   background-position: 10px;      
}

#loginBox label {
	padding-left: 5px;
}

.rememberMeCheckbox {
   margin-left: 10px;
}

#loginText {
   position: relative;
   top: 61px;
   left: 70px;   
   height: auto;
   text-indent: 0px;
   text-align: left;   
   font-size: 90%;
   font-family: Verdana;  
   margin: 0 auto;
   color: black;
   z-index: 20;
   width: 550px;
   height: auto;
   float: left;   
   /*background-image: url("../images/verlauf.gif");*/
   background-repeat: repeat-x;
   background-position: 0 15px;
	}
	
.loginText {
   display: block;
   float: left;
   width: 120px; 
}	
	
#loginText p {
	padding: 5px;
}	
	
.loginHeadline {
	/*background-color: #f0f0f0;*/    
}

#fakeMenu {
	position: absolute;
	top: -61px;
	left: -45px;
}

#veriSign {
	position: absolute;
	top: 220px;
	left: -400px;
}
/*Login-Page Settings [END]*/


#main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 802px;
	margin: 0 auto;
	text-align: center;
	height: 0px;	
	padding: 0px;
	background-color: white;
	/*border-right: 17px solid #cc151a;
	border-left: 1px solid #cc151a;*/
}

#content {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    top: 0px;
    left: 20px;
    width: 540px;
    text-align: left;
    margin: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

#mainForm {
   position: relative;
   top: 25px;
   left: 60px;
   width: 540px;
   height: auto;
   text-align: center;
    padding-right: 40px;
    padding-top: 15px;
   background-color: white;      
   float: left;
   text-align: left;   
}

#overviewTable {	
   position: relative; 
   top: 25px;
   left: 60px;
   width: 740px;
   height: auto;
   background-color: white;
   /*border-left: 1px solid #184a91;
   border-right: 1px solid #184a91;*/   
   margin: 0 auto;
   float: left;
   text-align: left;
}


/*Define the Logout-Button [START]*/
#Logout {
   position: absolute;
   top: 12px;
   right: 12px;
   
   width: auto;	
   height: auto;
   text-align: right;
   z-index: 20;
}

#Logout input {
	background-image: url("../images/navi/reiter_up_m.gif");
} 
/*Define the Logout-Button [END]*/



/*System Navigation [START]*/
   #navi {   
      position: relative;
      top: 0px;
      text-align: right;
      margin: 0 auto;
      width: 988px;
      z-index: 10;
      height: 25px;
      background-image: url(../images/navi/navigation_back.gif);
      background-repeat: repeat-x;
      border-left: 1px solid white;
      border-right: 1px solid white;
   }
   
  .systemMenu  {
     position: relative;
     top: -8px;
     float: right;
     text-align: right;
     width: 970px;
     margin: 0;
     padding: 0px;
     list-style: none;
     height: 38px;
     overflow: visible;   
     
   }
  
   .systemMenu a {
   position: relative;
   top: 9px;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 110%;
   font-weight: normal;
   text-decoration: none;       
   color: #666666;
   z-index: 2100;
   float: left;
   }

   .systemMenu li {
      float: left;           
      margin: 0;
      height: 33px;
      background-image: url("../images/navi/reiter_down_m.gif");      
      margin-right: 3px; 
   /*
      margin-bottom: 10px;
      list-style-type: none;
      width: 75%;      	
      border: 1px solid #ffb300;
      background-color: #686767;      
      float: left;
      */
   }
   
   .leftSystemMenuItem {
      width: 5px;
      height: 33px;
      float: left;
      background-image: url("../images/navi/reiter_down_l.gif");
   }
   
   .leftSystemMenuItemActive {      
      width: 5px;
      height: 33px;
      float: left;
      background-image: url("../images/navi/reiter_up_l.gif");
   }
   
   .rightSystemMenuItem {         
      float: left;
      width: 5px;
      height: 33px;	
      background-image: url("../images/navi/reiter_down_r.gif");
   }
   
   .rightSystemMenuItemActive {      
      float: left;
      width: 5px;
      height: 33px;	
      background-image: url("../images/navi/reiter_up_r.gif");
   }

   li.systemMenuItemActive  {
      position: relative;
      top: -5px;
      float: left;           
      margin: 0;
      height: 38px;
      background-image: url("../images/navi/reiter_up_m.gif");	      
      margin-right: 3px;       
   }
   
   li.systemMenuItemActive a {
     color: #8a8b85;
     float: left;
     font-weight: bold;
   }   
/*System Navigation [END]*/



/*Category Menu (Sub-Menu) [START]*/
#categoryMenuDiv {
    position: relative;
    top: -5px;
    left: 5px;
    float: left;
    width: 160px;
    text-align: left;
    font-size: 85%;
    padding-left: 25px;
    color: #666666;
}	

.categoryMenu {	
	top: 0px;
	margin: 0;	
	padding: 0px;	

}

.categoryMenu li {
	list-style: none;
	padding-left: 10px; 
	border-bottom: 1px solid white;
	padding-top: 3px;
    padding-bottom: 3px;
}

.categoryMenu a {
	text-decoration: none;
	color: #666666;
}
	
.categoryMenuItem {
	background-image: url(../images/subnavigation/subnavi_down.gif);
	background-position: -5px 0px;
        background-repeat: repeat-y;
	padding-left: 5px;
	text-decoration: none;
	color: #FFCC00;	
	font-size: 110%;
}

.categoryMenuItemActive {
    background-image: url(../images/subnavigation/subnavi_up.gif);
    background-position: 0px -5px;
        background-repeat: repeat-y;
	/*padding-left: 5px;*/
	padding-right: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	font-size: 110%;
	z-index: 100;
}	

/*Category Menu (Sub-Menu) [END]*/

	

/*Userinformation (e.g. Username, Time, ...) [START]*/
#userInfos {
   position: relative;   
   font-size: 90%;
   top: 10px;/*37px;*/
   left: 0px;
   float: left;   
   width: 160px;
   height: auto;
   /*padding: 0px;
   margin: 0px;*/
   margin-top: 25px;
   z-index: 100;
   background-image: url("../images/verlauf_box_rechte_spalte_reverse.gif");
   background-repeat: repeat-y;
   color: #666666;
   border: 1px solid #fce4ab;
}
 
#userInfos label {
	cursor: default;
}   
  
.userInfoHeadline {
   position: relative;
   text-align: left;  
   text-indent: 5px;
   margin-bottom: 5px;
   font-size: 110%;
   width: 130px;
}

.editUserImg {
	clear: both;	
	width: 17px;
	height: 17px;
	float: right;
	z-index: 100;
} 

.labelUserInfo {
	width: 155px;
	padding: 0px;
    margin: 0px;
   	padding-left: 5px;	
	font-weight: bold;
}

.itemUserInfo {
	padding: 0px;
	padding-left: 5px;
   margin: 0px;	
   float: left;
   border-bottom: 1px dotted #666666;
   width: 97%;
}

   
.labelUserInfoImportant {
	padding: 0px;
    margin: 0px;
   width: 50%;	
   cursor: default;	
   display: block;
   float: left;
   font-weight: bolder;
   padding-left: 5px;	
}

.itemUserInfoImportant {
	padding: 0px;
    margin: 0px;
	float: left;
   font-weight: bolder;      
   padding-left: 5px;
}
    	   
.userInfoListItemImportant {	      
   font-weight: bold;      
}  
/*Userinformation [END]*/



/* Language Menu [START]*/
/*Position and size of the Language-Menu*/
#langSelect {
   position: absolute;
   top: 60px;
   right: -17px;
   float: left;	   
   width: 110px;
   padding: 1px;
}
	
/*Manipulation of the language-List to get it in one line*/
.availableLanguages {
   float: left;
   margin: 0;
   padding: 0px;
   list-style: none;
}
	
.availableLanguages li {
   float: left;   
   margin: 0px;
   padding: 4px;
   padding-bottom: 6px;
}
	
/*Define the style for active and inactive Language-Flag*/
.activeLanguageItem {
	background-image: url(../images/activeLang.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
   
.inactiveLanguageItem {
}    
/* Language Menu [END]*/



/*Main Choose Page [START]
Keep in Mind that the amount of content depends on the userrights
Make sure that the width and height is not fix*/
#choose {
   position: relative;
   top: 25px;
   left: 60px;
   width: 740px;      
   text-align: center;
   background-color: white;   
   height: auto;
   margin: 0 auto;
   float: left;  
}

.chooseItem {
   position: relative;
   padding: 0px;	
   /*margin: 15px;*/
   margin-top: 15px;
   margin-right: 12px;
   margin-bottom: 15px;
   float: left;
   background-color: white;
   background-color: #f0f0f0;
   overflow: visible;
   margin-bottom: 0px;
   display: block;
}

#choose input {
	background-color: #f0f0f0;
	border: 0px;
	cursor: pointer;
	padding: 2px;
	margin: 0px;
	padding-left: 12px;
	background-image: url(../images/punkt.gif); 
	background-repeat: no-repeat;
	background-position: 1px 3px;
	color: #666666;
	font-size: 90%;
	margin: 0px;	
	text-align: left;
	width: 168px;
	/*border: 1px solid lime;*/
	}

.choose_mfax {
	width: 168px;
	height: 79px;
	background-image: url(../images/TeaserBoxen/teaser_bild_fax.jpg);	
	}

.choose_msms {
	width: 168px;
	height: 79px;
	background-image: url(../images/TeaserBoxen/teaser_bild_sms.jpg);	
	}
	
.choose_mmail {
	width: 168px;
	height: 79px;
	background-image: url(../images/TeaserBoxen/teaser_bild_email.jpg);	
	}
	
.choose_admin {
	width: 168px;
	height: 79px;
	background-image: url(../images/TeaserBoxen/teaser_bild_admin.jpg);	
	}	
/*Main Choose Page [END]*/


img {
	border: 0px;
}

#settings {
	position: relative;
	top: 5px;	
	width: 100%;	
}


.imgborder {
	margin: 20px;
	border: 1px solid black;
}
 
.nothing {
	clear: both;
}
	
.emptyField {
	border: 1px solid red;
	margin: 1px;
	color: red;
	font-weight: bold;	
}

#print {        
	position: absolute;
	bottom: 15px;
	left: 950px;
	width: 10px;
	height: 10px;
	z-index: 1000;
}

.sortImg {
	vertical-align: middle;
	padding-left: 2px;
	height: 10px;
	width: 10px;
	display: inline;
}

.infoTextlink {
	position: relative;
	width: 10px;
	height: 10px;		
	}
	
.infoTextlink:hover {
	position: relative;
	width: 10px;
	height: 10px;	
	
	}

.infoTextlink.infoText   {
	position: relative;
	visibility: hidden;
	border: 1px solid lime;
}

.infoTextlink.infoText:hover {
	position: relative;
	visibility: visible;
	border: 1px solid lime;
}

.clear {
	clear: both;
}

.help {
	cursor: help;
}

.contact {
   text-align: left;
   padding: 5px;
}
/*
fieldset
{
	text-align: left;
	width: 610px;
	margin: 0 auto;	
	padding: 15px;
	margin-bottom: 5px;
	border: 1px solid #BFBAB0;
	
	background-color: #F2EFE9;
	background-image:url(../images/gradient_fieldset.jpg);
	background-repeat: repeat-x;
}
*/


legend
{
	margin-left: 1em;	
	color: #000000;
	font-weight: bold;
}


#shortSearch {
	position: absolute;
	top: 145px;
	right: 25px;
	width: auto;
	margin: 0px;
	padding: 0px;
	
	z-index: 2000;
}

#shortSearch form {	
	padding: 0px;
	margin: 0px;
	display: inline;
}

#rightContent {
   position: relative;
   left: 40px;
/*   border: 1px solid #ffb300;
   background-image: url(../images/verlauf_box_rechte_spalte.gif);*/
   width: 154px;
   height: auto;
   float: left;
   text-align: left;
   padding: 5px;
   margin: 0px;
   padding-bottom: 10px;
   color: #666666;
   font-size: 85%;
}

#rightContentBox {
   padding: 5px;
   border: 1px solid #ffb300;
   background-image: url(../images/verlauf_box_rechte_spalte.gif);
}

#rightContent a {
   color: #666666;
}

#rightContent img {
   border: 1px solid #ffb300;
}

#info {
   position: relative;
   top: 30px;
   left: 390px;
   width: 200px;
   float: left;
   color: #666666;
   font-size: 90%;
}

#imprint {
   position: relative;
   top: 30px;
   width: 200px;
   float: right;
   color: #666666;
}

h1 {
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
   padding: 0px;
   margin: 0px;
   text-align: left;
   text-indent: 0px;
   font-size: 110%;
   border-left: 1px solid white;
   border-right: 1px solid white;
}

.csc-firstHeader {
   font-family: Arial, Helvetica, sans-serif;
   border-bottom: 3px solid #ffb300;
   color: #666666;
   padding: 0px;
   margin: 0px;
   text-align: left;
   text-indent: 0px;
   font-size: 130%;
   border-left: 1px solid white;
   border-right: 1px solid white;
margin-bottom: 12px;
}

.csc-bulletlist {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.csc-bulletlist li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
    padding-bottom: 2px;
    background-image: url(../images/punkt.gif);
    background-repeat: no-repeat;
    background-position: -1px 1px;
}

/*Menu of Subpages [START]*/
.menuOfSub {
   margin: 0px;
   padding: 0px;
   padding-left: 25px;
   padding-top: 25px;
   padding-bottom: 10px;
   width: 135px;
   list-style-image: url(../images/quadrat_pfeil.gif);
   border: 1px solid #fce4ab;
   background-image: url(../images/verlauf_box_rechte_spalte.gif);
   z-index: 5;
}

.menuOfSubItem a {
   font-size: 90%;
   color: #666666;
   text-decoration: none;
}
/*Menu of Subpages [END]*/

#rightContent h1 {
   position: relative;
   top: 20px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;
   text-indent: 7px;
   font-weight: bold;
   border: 0px;
   z-index: 10;
}

#rightContent a {
   font-size: 90%;
   color: #666666;
   text-decoration: none;
}

#rightContent table a {
   font-weight: bold;
}

#rightContent .csc-firstHeader {
   position: relative;
   top: 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;
   text-indent: 7px;
   font-weight: bold;
   border: 0px;
   z-index: 10;
}

#subMenu {
    position: relative;
    top: -10px;
    left: 15px;
    float: left;
    width: 500px;
    text-align: left;      
    font-size: 70%;
    padding-left: 25px;
    color: #666666;
}

#subMenu a {
   color: #666666;
   text-decoration: none;
}

.bodytext a {
   color: #666666;
}