/* Konfiguration für alle Elemente */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

html
{
	overflow-x: hidden;
}

/* Allgemeine HTML-Konfiguration */
body {
  
  font-size: 11px;
  color: #000;
  
    margin-top: 8px;
    background: url(../gfx/verlauf_grau.jpg) #fff;
    background-repeat: repeat;
}

h1 {
  font-size: 11px;
  text-align: left;
  font-weight: bold;
}

a.internal-link:link, a.internal-link:visited, a.internal-link:active, a.internal-link:focus,
a.download:link, a.download:visited, a.download:active, a.download:focus
	{  
	text-decoration: none;
	font-weight: bold;	
	text-decoration: none;
	color: #F00;
	}
	
a.internal-link:hover, a.download:hover {
  text-decoration: underline;
  font-weight: bold;	
  color: #F00;
}

#content_box2_L25 a:link {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

#content_box2_L25 a:visited {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

#content_box2_L25 a:active {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

#content_box2_L25 a:focus {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

#content_box2_L25 a:hover {
  color: #2C2C2C;
  text-decoration: underline;
  font-weight: normal;
}

#content_box1_L3 h6 a:link {
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: normal;
  color: #838383;
}

#content_box1_L3 h6 a:visited {
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: normal;
  color: #838383;
}

#content_box1_L3 h6 a:active {
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: normal;
  color: #838383;
}

#content_box1_L3 h6 a:focus {
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: normal;
  color: #838383;
}

#content_box1_L3 h6 a:hover {
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: normal;
  color: #ff0000;
}

/* * **** * ** * * * * ** * */

#content_box2_L25 h5 a:link {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box2_L25 h5 a:visited {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box2_L25 h5 a:active {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box2_L25 h5 a:focus {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box2_L25 h5 a:hover {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #ff0000;
  border-left: 3px solid #ff0000;
  text-decoration: none;
}

/* * ** * * * * * * */

/* * **** * ** * * * * ** * */

#content_box3_L25 h5 a:link {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box3_L25 h5 a:visited {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box3_L25 h5 a:active {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box3_L25 h5 a:focus {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #838383;
  border-left: 3px solid #ff0000;
}

#content_box3_L25 h5 a:hover {
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #ff0000;
  border-left: 3px solid #ff0000;
  text-decoration: none;
}

/* * ** * * * * * * */




/* Konfiguration der DIV-Container und Elemente */
#hp_border {
  position: relative;
  left: 0;
  top: 0;
  width: 970px;
  height: 600px;
  background: url(../gfx/rundung_ol.jpg) no-repeat #fff; 
  left: 50%;
  margin-left: -485px;
}

#menu {
  height: 20px;
  position: absolute;
  top: 53px;
  width: 850px;
}


div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, 
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  margin-right: 0;
}


#footer {
  width: 970px;
  height: 40px;
  background-image: url(../gfx/statuszeile.jpg);
  position: absolute; 
  margin: 0 0 0 10px;
}

#footer .footer_lo {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 18px;
}

#footer .footer_ro {
  position: absolute;
  top: 0;
  right: 0;
  width: 450px;
  height: 18px;
  text-align: right;
  color: #999 !important;
}

#footer .footer_ro a:link, #footer .footer_ro a:visited, #footer .footer_ro a:active, #footer .footer_ro a:focus, #footer .footer_ro a:hover {
  color: #999 !important;
  font-weight: normal;
  text-decoration: none;
}

#footer .footer_lu {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 450px;
  height: 18px;
  color: #999;
}

#footer .footer_ru {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 450px;
  height: 18px;
  text-align: right;
}

#logo {
  position: absolute;
  left: 33px;
  top: 26px;
}

#logo2 { /*ruhrgebietsagentur_logo*/
  position: absolute;
  left: 65px;
  top: 275px;
}

#submenu { 
  height: 240px;
  left: 55px;
  overflow:hidden;
  position:absolute;
  top: 126px ! important;
  width:196px;
  z-index:1;
}
#submenu_L16 { 
  height: 200px;
  left: 55px;
  overflow:hidden;
  position:absolute;
  top: 126px ! important;
  width:196px;
  z-index:1;
}
.submenu_middle {
  position: absolute;
  top:316px;
}



#footer {
  width: 970px;
  height: 40px;
  background-image: url(../gfx/statuszeile.jpg);
  position: absolute; 
  left: 0;
  top: 596px;
  margin: 0 0 0 0px;
}

#footer .footer_lo {
  position: absolute;
  top: 0;
  left: 0;
  width: 430px;
  height: 18px;
}

#footer .footer_ro {
  position: absolute;
  top: 0;
  right: 0;
  width: 430px;
  height: 18px;
  text-align: right;
  color: #999 !important;
}

#footer .footer_ro a:link, #footer_L6 .footer_ro a:visited, #footer_L1 .footer_ro a:active, #footer_L1 .footer_ro a:focus, #footer_L1 .footer_ro a:hover {
  color: #999 !important;
  font-weight: normal;
  text-decoration: none;
}

#footer .footer_lu {
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 430px;
  height: 18px;
  color: #999;
}

#footer .footer_ru {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 430px;
  height: 18px;
  text-align: right;
}

.csc-frame-frame1
{ 
  float: left;
}

/* Eintrag hier wichtig fuer fotodesign! */
#webtab1 {
  width: 450px;
  height: 45px;
  margin: -8px 0 0 270px;
  color: #bbb;
  position: absolute;
}

#webtab1 a:link, a:active, a:focus, a:visited{
  color: #888;
  font-weight: bold;
}

#webtab1 a:hover {
  color: #ff0000;
  font-weight: bold;
}

#webtablink {
  z-index: 1;
}

#webtablink2 {
  z-index: 2;
}

#webtablink:hover {
  z-index: 3;
}

#webtablink2:hover {
  z-index: 5;
}