/* WEB-MEDIA Website 2008*/

html { height: 101%; }
body       { color: #666; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 0; text-align: center; background: url(/images/content/bodybg.jpg) 50% 0 no-repeat; background-color: #e8e8e8;}
td     { color: #666666; font: 10px Verdana, Arial, Helvetica, sans-serif; }
ul {list-style: url(./images/icons/bullet.gif) inside circle;}
a:link   { color: #666666; font-style: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited     { color: #666666; font-style: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover     { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:active     { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
h1 {color: #666; font-size: 12px; font-weight: bolder;}
/* Default*/

#logo {width: 450px; height: 200px;margin-top: 200px; background: url(../images/logo/logo.jpg); background-repeat: no-repeat; text-align: center; padding-top: 120px;}
#logo img {border: none;}
#logo a  { margin-left: 50px; margin-right: 50px;  }
#logo a:link   { color: #666666; font-style: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#logo a:visited     { color: #666666; font-style: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#logo a:hover     { color: #666666; font-style: normal; font-weight: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#logo a:active     { color: #666666; font-style: normal; font-weight: normal; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

/*Start*/

#start_image { width: 980px; height: 450px;  z-index:1; text-align: left; margin: auto;position:relative;}
#rotation {top: 0px; z-index:9; position: relative;}

#start_image_navigation { width: 250px; height: 370px; background-color: white; margin-left: 18px; padding-top: 30px; margin-top: -450px; z-index:10; position: absolute; text-align: center;}
#start_image_navigation a { display: block; margin-top: 4px;} 
#start_image_navigation a:link   { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#start_image_navigation a:visited     { color: #666666; font-style: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#start_image_navigation a:hover     { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #efefef; }
#start_image_navigation a:active     { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

.linklogo a:link  {color: #666666;}
.linklogo a:visited  {color: #666666;}
.linklogo a:hover {color: #666666;}
.linklogo a:active {color: #666666;}

#start_foot_navigation {margin: 0px auto; width: 980px; height:150px; background-color: white; padding-top: 10px;}
#start_foot_navigation_buttons {margin-top: 40px; width: 980px; height: 60px; }
#start_foot_navigation_buttons img {margin-right: 20px; border: 0;}

#start_foot_navigation_links {margin-top: 140px; width: 980px; height: 20px; position: absolute;}

/*Content*/

#content_start_image { width: 980px; height: 340px;  z-index:1; text-align: left; margin: auto; overflow: hidden;}
#content_rotation {top: 0px; z-index:9; position: relative; overflow: hidden;}
#content_start_image_navigation { width: 250px; height: 370px; background-color: white; margin-left: 0px; padding-top: 30px; margin-top: -370px; z-index:10; position: absolute; text-align: center;}
.navi a { display: block; margin-top: 4px;} 
.navi a:link   { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.navi a:visited     { color: #666666; font-style: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.navi a:hover     { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #efefef; }
.navi a:active     { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }


#content_rahmen {width: 980px; min-height: 300px; position: relative; background-color: white; margin-left: auto; margin-right: auto; text-align: left;  }
* html #content_rahmen {height: 300px;}
body>#content_rahmen  {height: auto;}

#content_spacer {width: 250px; height: 20px; float: left; background-color: white; position: relative;z-index: 60;}

#contentbereich {width: 590px; padding-left: 250px; padding-right: 140px; min-height: 300px;position: relative; background-color: white;  z-index: 50; top: 0px; font-size: 11px;}
* html #contentbereich {height: 300px;}
body>#contentbereich {height: auto;}
#contentbereich td {font-size: 12px; }
#contentbereich a {font-size: 11px; font-weight: bolder; }

#content_spacer_rechts {width: 130px; height: 20px; float: right; background-color: green; position: relative;z-index: 50;}

#contentbereich_navigation {width: 130px; height: 200px; margin:0 auto; background-color: white;position: absolute; z-index: 70; top: 0px; margin-left: 850px;}

#contentbereich_navigation a { display: block; background: url(/images/content/sub.jpg); border-bottom: 1px solid white; padding-top: 5px;padding-bottom: 5px; padding-left: 10px;} 
#contentbereich_navigation a:link   { color: #666; font-style: normal; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentbereich_navigation a:visited     { color: #666; font-style: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentbereich_navigation a:hover     { color: #666; font-style: normal; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }
#contentbereich_navigation a:active     { color: #666; font-style: normal; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

/* Bottom */

#bottom { width: 980px; height: 50px;  text-align: center; font-size: 10px; margin: 10px auto;}
#bottom a {font-size: 12px;}


#popup{
  position:absolute;
  width:400px;
  top:80px;
  right:120px;
  min-height:250px;
  height:auto !important;
  height:250px;
  background:#FFFFFF;
  border:1px solid #CFCFCF;
  z-index:1500;
  padding:10px;
  visibility:hidden;
}