body { text-align: center; font: 100.01% tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background: #f4f4f4 url("GIF/bg1.gif") top left repeat-y; }

a { text-decoration: none; color: #0000C0; }
a:hover { text-decoration: none; color: #FF0000; }
a img { border: 0; }
a.internal-link { white-space: nowrap; }

a.style1:visited {text-decoration: none; font:14px, Arial, Verdana, Helvetica, sans-serif; color: #0000C0; }
a.style1:active  {text-decoration: none; font:14px, Arial, Verdana, Helvetica, sans-serif; color: #0000C0; } 
a.style1:link    {text-decoration: none; font:14px, Arial, Verdana, Helvetica, sans-serif; color: #0000C0; }
a.style1:hover   {text-decoration: none; font:14px, Arial, Verdana, Helvetica, sans-serif; color: red; }

a.style4:visited {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; }
a.style4:active  {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; } 
a.style4:link    {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; }
a.style4:hover   {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: #0000C0; }

a.style3:visited {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; }
a.style3:active  {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; } 
a.style3:link    {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: red; }
a.style3:hover   {text-decoration: none; font:12px, Arial, Verdana, Helvetica, sans-serif; color: green; }

a.style2{
      background: transparent url('GIF/link_blue_left.gif') no-repeat top left;
      display: block;
      float: left;
      font: normal 13px Tahoma; /* Change 13px as desired */
      line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
      height: 24px; /* Height of button background height */
      padding-left: 11px; /* Width of left menu image */
      text-decoration: none;
      }

a:link.style2, a:visited.ovalbutton, a:active.ovalbutton{
      color: #494949; /*button text color*/
}

a.style2 span{
      background: transparent url('GIF/link_blue_right.gif') no-repeat top right;
      display: block;
      padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.style2:hover{ /* Hover state CSS */
      background-position: bottom left;
}

a.style2:hover span{ /* Hover state CSS */
      background-position: bottom right;
      color: black;
}

.links{ /* Container you can use to surround a CSS button to clear float */
      overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
      width: 100%;
}

a.button {
    	background:url(GIF/button.gif) no-repeat;
	    display:block;
	    color:#555555;
  	  font-weight:bold;
	    height:30px;
	    line-height:29px;
	    margin-bottom:14px;
	    text-decoration:none;
	    width:191px;
}

a:hover.button{
	color:#0066CC;
}

	.contact{
		background:url(PNG/email.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.account{
		background:url(PNG/table.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.access{
		background:url(PNG/key.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
  .print{
		background:url(PNG/printer.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
  .quarter{
		background:url(PNG/book_prev.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
  .back{
		background:url(PNG/arrow_left.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
  
h1 { float: left; font-size: 0.8em; color: #ccc; }
h2 { color: #000000; font-size: 1.2em; margin: 0em 0 0.5em 0; margin-bottom: 15px; }
h2.csc-firstHeader { margin-top: 7px; }
div#col-r h2 { font-size: 14px; text-align: left; border-bottom:1px solid #95a2aa; padding: 0.1em; text-transform: uppercase; }
h3 { font-size: 1.2em; margin: 0.5em 0 0.5em 0; }
div#col-r h3{ font-size: 0.85em; }
h4 { font-size: 0.9em; margin: 0.5em 0 0.5em 0; }
p { margin-bottom: 1.2em; font-size: 0.8em; color: #484848; }
p strong { color: #484848; }

.td8pxblack { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#000000; } 
.td8pxblue { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#0000EE; } 
.td8pxred { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#DD0000; } 
.td8pxgreen { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#004400; } 
.td8pxnavy { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#003399; }
.td8pxgrey { font:8px, Arial, Verdana, Helvetica, sans-serif; color:#C0C0C0; }

.td10pxblack { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#000000; } 
.td10pxblue { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#0000EE; } 
.td10pxred { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#DD0000; } 
.td10pxgreen { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#004400; } 
.td10pxnavy { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#003399; }
.td10pxgrey { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#C0C0C0; }
.td10pxwhite { font:10px, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; }

.td12pxblack { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#000000; } 
.td12pxblue { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#0000EE; } 
.td12pxred { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#DD0000; } 
.td12pxgreen { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#004400; } 
.td12pxwhite { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; } 
.td12pxnavy { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#003399; }
.td12pxgrey { font:12px, Arial, Verdana, Helvetica, sans-serif; color:#C0C0C0; }

.td14pxblack { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#000000; } 
.td14pxblue { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#0000EE; } 
.td14pxred { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#DD0000; } 
.td14pxgreen { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#004400; } 
.td14pxwhite { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; } 
.td14pxnavy { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#003399; }
.td14pxgrey { font:14px, Arial, Verdana, Helvetica, sans-serif; color:#C0C0C0; }

.td16pxblack { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#000000; } 
.td16pxblue { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#0000EE; } 
.td16pxred { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#DD0000; } 
.td16pxgreen { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#004400; } 
.td16pxwhite { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#FFFFFF; } 
.td16pxnavy { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#003399; }
.td16pxgrey { font:16px, Arial, Verdana, Helvetica, sans-serif; color:#C0C0C0; }

div#pagecontent { background-color: #fff; color: #303030; width: 940px; height: auto; margin: 0 auto; text-align: left; border: 0px solid #5d5d5d; float: left; }
div#content { position:absolute; top:320px; left:10px; width:700px; height:auto; z-index:2; font-size: 1.0em; }

/* Header */
#logo { float:right; width:110px; height:70px; margin-right:0px; }

#header { clear: both; margin-top: 0em; height:70px; font-weight: normal; color: #505050; font-size: 2.0em;  }

#header ul#tm { float: left; text-align: left; color: #cc6600; font-size: 0.8em; line-height: 1.2em; font-weight: normal; margin-left: 0px; margin-top: 25px;  text-transform: uppercase; font: Arial, Helvetica, sans-serif; }
#header ul#tm li{ list-style-type: none; float: left; }
#header ul#tm a, #header ul#tm li.cur { border-right: 1px dotted silver; padding-left: 12px; padding-right: 12px;  }
#header ul#tm a.e, #header ul#tm li.cur-e { border-right: 1px dotted silver; padding-left: 12px; padding-right: 12px; }

/* Brotkrumenpfad */
div#rootline { font-size: 0.8em; padding-bottom: 4px; padding-top:1px; width:700px; height:30px; line-height:normal; border-bottom:1px solid #EEEEEE;}

/* Rechte Spalte */
div#col-r { float: right; width: 12em; height:400px ; font-size: 14px; margin-right:5px; padding-top:25px; padding-left:10px; border-left:1px solid #EEEEEE;}
div#col-r p { font-size: 0.8em; margin-top: 0.5em; margin-bottom: 0.4em; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:0px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

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

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs #current a {
	float:left;
	background:url("media/left_cur.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}

#tabs #current a span {
	float:left;
	display:block;
	background:url("media/right_cur.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

#tabs a {
	float:left;
	background:url("media/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("media/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#666;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
  color:#FFF;
	}

#tabs a:hover span {
	background-position:100% -42px;
	color:#FFF;
  }


/* Submit-Button */
.button1 {
	padding:0;
	margin:0;
	border:1px solid #E0E0E0; 
	background-image:url(PNG/bullet_key.png); 
	background-repeat:no-repeat;
	font-size:12px;
	background-position: 2px -1px;
	width:100px;
	}
  
/* Submit Definitionen */
.buttongrey {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  height:20px;
  color:#000;
  font:10px, Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  padding: 1px 2px;
  background:url(GIF/button_grey.gif) repeat-x left top;
}

.buttongreen {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  height:20px;
  color:#000;
  font:10px, Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  padding: 1px 2px;
  background:url(GIF/button_green.gif) repeat-x left top;
}

.buttonblue {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  height:20px;
  color:#000;
  font:10px, Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  padding: 1px 2px;
  background:url(GIF/button_blue.gif) repeat-x left top;
}

.buttonred {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  height:20px;
  color:#000;
  font:10px, Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  padding: 1px 2px;
  background:url(GIF/button_red.gif) repeat-x left top;
}

input#text70 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:75px;
  height:19px;
  background-color:#EEEEEE;
  }

input#text80 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:80px;
  height:19px;
  background-color:#EEEEEE;
  }

input#text100 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:100px;
  height:19px;
  background-color:#EEEEEE;
  }
  
input#text120 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:120px;
  height:19px;
  background-color:#EEEEEE;
  }

input#text200 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:200px;
  height:19px;
  background-color:#EEEEEE;
  }

input#text250 {
  border-top:1px solid #FFFFFF;
  border-left:1px solid #EEEEEE;
  border-bottom:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-left: 2px;
  color:#003399;
  width:200px;
  height:19px;
  background-color:#EEEEEE;
  }

input#hinweis {
  border: 0px;
  color:red;
  width:290px;
  height:19px;
  }

select#px60 { 
  width: 60px; 
  font-family: Verdana; 
  font-size: 9px;
  background-color:#EEEEEE;
  color:#003399;
  }

select#px200 { 
  width: 200px; 
  font-family: Verdana; 
  font-size: 9px;
  background-color:#EEEEEE;
  color:#003399;
  }

textarea#area1 { width: 350px; font-family: Verdana; font-size: 12px; color:#003399; background-color:#EEEEEE; }