/********/
/* BODY */
/********/

body {
 /* background-color: #606060;*/
  background-image:  url(../img/bg_grad.jpg);
  background-attachment: fixed;
  font-family: Arial;
  text-align: center;
  margin: 0px;
  padding: 0px;
}


/********/
/* MAIN */
/********/

#main {
  display: block;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: #0E4675;
  padding: 0px 2px 2px 2px;
  margin: 0px;
  width: 770px;
  text-align: left;
  font-size: 12px;
  color: #444444;
}
#main img {
  border: 0px;
}
#main a, #main .arrowLink {
  text-decoration: none;
}
#main ul a, #main .arrowLink {
  margin: 0px;
}
#main a:hover {
  color: #000000;
}
#main ul {
  margin: 0px;
  padding: 0px;
}
#main h2 {
  display: none;
}
/*HAUPTBILD*/
/****************/
/* CONTENT AREA */
/****************/

#contentArea {
  margin-top: 2px;
  padding: 2px;
  border: 2px solid #DEE1E4;
  background-color: #FFFFFF;
  text-decoration:none;
  margin-left:5px;
  width:609px;
  float:left;
}


/**********/
/* HEADER */
/**********/

#header {
  background-image: url(../img/banner.gif);
  background-repeat: no-repeat;
  background-color: #DEE1E4;
  border: 2px solid #666666;
  height: 125px;
}
#header ul {
  list-style-type: none;
}
#header li {
  float: left;
  padding-right: 8px;
}
#header a {
  background: none;
  padding: 0px;
}

.date {
  position: relative;
  color:#444444;
  top: -15px;
  left: -30px;
  font-family:Arial;
  font-size:12px;
}

/************/
/* SIDE BAR */
/************/

#sidebar {
  width: 150px;
  color: #444444;
  font-family: Arial;
  float:left;
}
/****************/
/* SIDEBAR AREA */
/****************/

#sidebarArea {
  margin-top: 2px;
  padding: 2px;
  border: 2px solid #DEE1E4;
  background-color: #FFFFFF;
}

/**************/
/* NAVIGATION */
/**************/

#Mainnavigation {
  padding-top: 45px;
  padding-bottom: 8px;
  padding-left: 149px;
}
#nav_level1 {
  float:left;
  color:#333333;
  font:Arial;
  font-size:10px;
  font-weight:bold;
  padding-right:5px;
}
#nav_level1 a {
  color:#333333;
  font:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-transform:none;
}
#nav_level1 a:hover {
  color:#000000;
  font:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-transform:none;
}

#nav_level2 a {
  color:#000000;
  font:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-transform:none;  
  padding-right:5px;
}

#Subnavigation {
  width: 500px;
  padding-top:10px;
  padding-left:149px;
  text-decoration:none;
  text-transform:none;
  color:#FFFFFF;
}

#subnavi_1 a {
  color:#FFFFFF;
  font-family:Arial;
  font-size:12px;
  text-decoration:none;
  text-transform:none;
  padding-right: 5px;
}

#subnavi_2 a {
  color:#000000;
  font-family:Arial;
  font-size:12px;
  text-decoration:none;
  text-transform:none;
  padding-right: 5px;
}

.topnavigation {
  position: relative;
  top: 20px;
  left: 570px;
  text-transform:none;
  text-decoration:none;
  color:#FFFFFF;
  padding-right:10px;
  font-family:Arial;
  font-size:12px;
}
.topnavigation a {
  color:#FFFFFF;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  padding-right:10px;
  font-family:Arial;
  font-size:12px;

}
.topnavigation a:hover {
  color:#000000;
  text-decoration:none;
  text-transform:none;
  padding-right:10px;
  font-family:Arial;
  font-size:12px;

}

.metanav_col {
  border-right:solid 1px #FFFFFF;
  padding-right:5px;
  text-align:justify;
  padding-left:3px;
}
/***********/
/* CONTENT */
/***********/

#breadcrumb {
  background-image: url(../img/marker.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin: 0px 0px 2px 2px;
  padding-left:10px;
}

#breadcrumb ul {
  list-style:none;
}

#breadcrumb li {
  display:inline;
}


#content {
  padding-top:2px;
  position:relative;
}
#content a {
  color:#444444;
}


#content h1 {
  background-image: url(../img/marker.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin: 0px 0px 2px 2px;
  padding-left: 10px;
  display: block;
  font-weight: bold;
  font-size: 12px;
  color:#444444;
  font-family:Arial;
}


#content h2 {
  background-image: url(../img/marker.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin: 0px 0px 2px 2px;
  padding-left: 10px;
  display: block;
  font-weight: normal;
  font-size: 1.2em;
}
#content h3 {
  margin: 0px 0px 2px 2px;
  padding-left: 10px;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}
#content h4 {
  margin: 0px 0px 2px 2px;
  padding-left: 10px;
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #444444;
  width: 500px;
}
#content #line {
  background-image: url(../img/line.gif);
  background-repeat: no-repeat;
  width: 123px;
  height: 1px;
  overflow: hidden;
  display: block;
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin-left: -2px;
  top:-10px;
}

#content dl {
  margin: 14px 14px 14px 14px;
  display: block;
}
#content dl dt {
  width: 100px;
  float: left;
}
#content dl dd {
  margin: 0px;
}
#content dir {
  margin: 14px 14px 14px 14px;
  padding: 0px;
  display: block;
  list-style-type: none;
}
#content dir li {
  margin: 0px;
  padding: 0px;
}
#content dir table {
  margin: 0px;
}

#content table {
  margin: 14px 14px 14px 14px;
  padding: 0px;
  color:#444444;
  font-family:Arial;
  font-weight:normal;
  font-size:12px;  
}

#content td {
  padding: 2px;
  margin: 0px;
  text-align:left;
}
#content th {
  padding: 2px;
  margin: 0px;
  font-weight: normal;
  background-color: #DEE1E4;
}
#content table ul {
  margin: 0px;
}
#content table img {
  margin: 2px 2px 2px 2px;
  padding:0px;
  text-decoration:none;
  text-transform:none;
}
#content table table {
  margin: 0px;
}
#content table form {
  margin: 0px;
}
#content form {
  margin: 14px 14px 14px 14px;
}
#content form table {
  margin: 0px;
}
#content input#text {
  padding: 2px;
  border: 2px solid #DEE1E4;
  font-size: 12px;
}
#content select#parentId {
  padding: 2px;
  border: 1px solid #DEE1E4;
  font-size: 12px;
  width: 100px;
}
#content input#textError {
  padding: 2px;
  border: 2px solid #FF0000;
  font-size: 12px;
}
#content input#checkboxError {
  background-color: #FF0000;
}
#content input#button {
  padding: 2px;
  border: 1px solid #0E4675;
  background-color: #DEE1E4;
  text-align: left;
  font-size: 12px;
}
#content p {
  margin: 14px 14px 14px 14px;
  font-weight: normal;
  display: block;
}
#content p a, #content .normalLink {
  margin: 0px;
  color: #0B77C8;
  background: none;
  padding: 0px;
  border-bottom: 1px dashed #444444;
}
#content p a:hover, #content .normalLink:hover {
  border-bottom-color: #000000;
}

/************/
/* LOCATION */
/************/

#location {
  width: 100%;
}
#location ul {
  margin: 2px;
  list-style-type: none;
}
#location li {
  display: inline;
}

/**********/
/* FOOTER */
/**********/

#footer {
  height: 15px;
  color: #444444;
  text-decoration:none;
  text-transform:none;
  clear:both;
}
#footer img {
}
#footerArea {
  margin-top: 2px;
  padding: 2px;
  border: 2px solid #DEE1E4;
  background-color: #FFFFFF;
  text-decoration:none;
}

/**********/
/* CLASS  */
/**********/

#footerArea a {
  background-image:url(../img/arrow.gif);
  background-position:left;
  background-repeat:no-repeat;
  text-decoration:none;
  color: #444444;
  padding-left:14px;
}

.csc-firstHeader {
  padding-left: 15px;
  font-family:Arial;
  font-size:14px;
  color:#444444;
  font-weight:bold;
}
.arrowlink a {
  background-image:url(../img/arrow.gif);
  background-position:left;
  background-repeat:no-repeat;
  text-decoration:none;
  color: #444444;
  padding-left:14px;
  font-family:Arial;
  font-size:12px;
}
.arrowlink a:hover {
  background-image:url(../img/arrow.gif);
  background-position:left;
  background-repeat:no-repeat;
  text-decoration:none;
  color: #000000;
  padding-left:14px;
  font-family:Arial;
  font-size:12px;
}
.csc-textpic-image {
  padding-left:14px;
}

#content .action-items {
  padding-left: 35px;
  list-style-type:disk;
}

