/*
color code

#ff7352 red
#84567f purple
#7bb6af green
#ddd2b6 diarrhoe

externe links (green)
interne links (red)
*/

/*
** BODY
*/

* {
  margin: 0;
  padding: 0;
  font-family:helvetica,arial,sans-serif;
  font-size:12px;
  -moz-outline-style: none;
  outline:none;
}
@media print {
  body {
    background-color:white;
  }
}
@media screen {
  body {
    background-color:#ddd2b6;
    background-image: URL(../images/grafik/bg_w1000.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}

* p {
  margin-bottom:7px;
}

/*
** PLFFFFFBSJHHUUUUSDFFFDSS%&&%%/"$$(/&&%%%
*/

.black {
  color:black;
}
.white {
  color:white;
}
.blackonwhite {
  color:black;
  background-color:white;
}
.whiteonblack {
  color:white;
  background-color:black;
}
.sizelessbreak {
  height:0px; margin:0px; padding:0px; line-height:0em; clear:left;
}

a.int_link {
  font-family:helvetica,arial,sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#ff7352; /* red */
  font-weight:bold;
  -moz-outline-style: none;
  outline:none;
}
a.ext_link, a.standardlink {
  font-family:helvetica,arial,sans-serif;
  font-size:12px;
  text-decoration:none ! important;
  color:#7bb6af; /* green */
  font-weight:bold;
  -moz-outline-style: none;
  outline:none;
}
.js_fatal_error {
  border:2px solid red;
  background-color:white;
  padding:20px;
}
.js_fatal_error, .js_fatal_error a {
  font-weight:bold;
  font-size:15px;
}
/*
** OUTER DIVS
*/

#BGCONTAINER {

  width: 1000px;

}
#ALLCONTENTCONTAINER {
  text-align:left;
  background-color:transparent;
  padding-top:100px;
  padding-left:50px;
}

/*
** TOP INNER DIVS
*/

/* "DOCKVILLE" + DATE */
#HEADLINE {
  position:absolute;
  top:30px; left:50px;
}

/* MENU */
@media print {
  #MAINMENU {
    display:none;
  }
}
@media screen {
  #MAINMENU {
    position:absolute;
    top:54px; left:50px;
    border:0px; padding:0px; margin:0px;
  }
  #MAINMENU tr td {
    padding-top:2px;
    padding-right:8px;
  }
  #MAINMENU table tr td a:link,
  #MAINMENU table tr td a:active,
  #MAINMENU table tr td a:visited  {
    -moz-outline-style: none;
    outline:none;
    font-family:helvetica,arial,sans-serif;
    font-size:14px;
    text-decoration:none;
    color:black;
    font-weight:bold;
    letter-spacing:-0.04em;
    -moz-opacity: 0.50; /*  Mozilla */
    opacity: 0.50; /* Opera */
    filter:alpha(opacity=50); /* IE */
    padding:1px; margin:0px; border:0px; /*mainmenupadding*/
  }
  #MAINMENU table tr td a:hover, #MAINMENU table tr td a.selected:hover  {
    -moz-outline-style: none;
    outline:none;
    background-image:url(../images/grafik/bg_white_70.png);
    color:black;
    -moz-opacity: 1; /*  Mozilla */
    opacity: 1; /* Opera */
    filter:alpha(opacity=100); /* IE */
    padding:1px; margin:0px; border:0px; /*mainmenupadding*/
  }
  #MAINMENU table tr td a.selected  {
    background-color:white;
    color:black;
    -moz-opacity: 0.8; /*  Mozilla */
    opacity: 0.8; /* Opera */
    filter:alpha(opacity=80); /* IE */
    padding:1px; margin:0px; border:0px; /*mainmenupadding*/
  }
}

/* INNER TEXT / HTML CONTAINER */
#MAIN_TEXTHTML {
  display:block;
  font-family:helvetica,arial,sans-serif;
  font-size:12px;
  width:1000px;
  position:absolute;
  top:90px; left:50px;
  border:0px; padding:0px; margin:0px;
}
@media print {
  .allpagefooter {
    display:none;
  }
}
@media screen {
  .allpagefooter {
    height:70px;
    vertical-align:middle;
  }
  .allpagefooter img {
    margin-top:auto; margin-bottom:auto;
    vertical-align:middle;
    margin-right:30px;
  }
  .allpagefooter a {
    -moz-outline-style: none;
    outline:none;
  }
}

/*
** standard page things
*/
.years, .submenu .years {
  padding-top:5px;
  font-size:19px;
}
.years * {
  font-family:helvetica,arial,sans-serif;
  font-size:19px;
  font-weight:bold;
  line-height:1.3em;
  text-decoration:none;
}
.years a:link, .years a:active, .years a:visited, .years a:hover {
  -moz-outline-style: none;
  font-size:19px;
  outline:none;
  color:black;
}
.years .selected {
  color:#999;
  font-size:19px;
}
.years img.delimiter {
  width:3px; height:14px;
  margin-left:5px;
  margin-right:5px;
}
a.internal {
  color:#ff7352 ! important;
  text-decoration:none;
}
#allSubMenu {
  padding-left:5px;
  height:50px;
  clear:left;
}
#allSubMenu2 {
  padding-left:5px;
  height:70px;
  clear:left;
}
.submenu, .submenu a:link, .submenu a:active, .submenu a:visited, .submenu a:hover, .submenu .selected {
  -moz-outline-style: none;
  outline:none;
  font-family:Helvetica Regular,helvetica,arial,sans-serif;
  font-size:10px;
  color:#999;
  text-transform:uppercase;
  line-height:1.4em;
  font-weight:bold;
  text-decoration:none;
  /*
  filter:alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  */
}
.submenu .selected , submenue a.selected , submenue a.selected {
  color: #ff7352 ! important;
}

a.pagenavlink {
  -moz-outline-style: none;
  outline:none;
  position:relative;
  font-size:15px;
  font-weight:bold;
  color:black;
  text-decoration:none;
  text-transform:uppercase;
  margin-left:10px;
}

/*
** GERNERAL BOXE SIZES
**/
/*
  all paddings 10px;
  images 180px;

  for quaders:
  total size 1 : 200px;
  total size 2 : 390px;
  total size 3 : 580px;
  total size 4 : 770px;

  for spans:
  inner size 2 : 370px;
  inner size 3 : 560px;
  inner size 4 : 750px;
  total size 2 : 390px;
  total size 3 : 580px;
  total size 4 : 770px;
*/

.contentpadding {
  margin:5px;
  padding:0px;
  min-height:100%;
}
.contentbackground_3 {
  background-image:url(../images/grafik/bg_white_70.png);
  margin:0px; padding:0px; border:0px;
  width:580px;
  /* min-height:100%; */
}
.contentbackground_4 {
  background-image:url(../images/grafik/bg_white_70.png);
  margin:0px; padding:0px; border:0px;
  width:770px;
  /* min-height:100%; */
}
.box_new {
  /* clear:left; */
  float:left;
  width:180px;
  height:180px;
  display:block;
  overflow:hidden;
  padding:0px;
  margin:0px;
  padding-left:10px;
  padding-top:10px;
}
.box_float {
  float:left;
  width:180px;
  height:180px;
  display:block;
  overflow:hidden;
  padding:0px;
  margin:0px;
  padding-left:10px;
  padding-top:10px;
}

/* full span boxes, variable height */

.spanbox {
  display:block;
  clear:left;
  float:left;
  padding:0px;
  margin:0px;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
}

.spanbox .span2 {
  width:390px;
}
.spanbox .span3 {
  width:560px;
}
.spanbox .span4 {
  width:750px;
}

/* quader box */

.quader {
  display:block;
  width:180px;
  height:180px;
  overflow:hidden;
  padding:0px;
  margin:0px;
  background-color:white;
  text-transform:uppercase;
  display:block;
  overflow:hidden;
}
.quader .headline, .quader .headline span {
  text-transform:uppercase;
  font-weight:bold;
  font-size:17px;
  width:90%;
  padding:0px;
  margin:0px;
  padding-top:4px;
  padding-bottom:4px;
}
/* image box */

.imgbox {
  width:100%;
  height:100%;
  overflow:hidden;
  padding:0px; margin:0px; border:0px;
  z-index:1;
}
.imgbox .image {
  width:180px; height:180px;
  padding:0px; margin:0px; border:0px;
  z-index:1;
}
.imgbox .image img {
  width:180px; height:180px;
  padding:0px; margin:0px; border:0px;
  z-index:1;
}
.imgbox .moveup {
  position:relative;
  top:-180px;
  padding:0px;
  margin:0px;
  border:0px;
  overflov:hidden;
  color:white;
  width:170px;
  z-index:2;
  height:180px;
}

.imgbox .moveup td {
  width:160px;
  overflov:hidden;
  color:white;
  padding:0px;
  margin:0px;
}

.imgbox .moveup td.text {
  padding:10px;
}

.imgbox .moveup .translinkimg {
  width:180px;
  z-index:3;
}

.imgbox .moveup a:link,
.imgbox .moveup a:active,
.imgbox .moveup a:visited,
.imgbox .moveup a:focus,
.imgbox .moveup .headline {
  border:0px;
  -moz-outline-style: none;
  outline:none;
  width:100%;
  font-size:17px;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  color:white;
  margin-left:0px;
  margin-top:8px;
  letter-spacing:-0.04em;
  /*
  filter:alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  */
}
.imgbox .moveup a:hover {
  border:0px;
  color:black;
  border-color:transparent;
  -moz-outline-style: none;
  outline:none;
}
.admin {
  position:absolute;
  z-index:1000;
}
.admin a, .admin * a, .admin * {
  font-size:11px ! important;
  color:red ! important;
  font-weight:bold ! important;
  background-color:#FFFFFF ! important;
  border: 1px dotted red ! important;
  text-decoration:none ! important;
  text-transform:uppercae ! important;
  filter:alpha(opacity=100); /* IE */
  -moz-opacity: 1; /* Mozilla */
  opacity: 1; /* Opera */
}
/* for content boxes under submenus */
.takeMeToTheTop {
  margin-top:-5px;
  clear:left;
}