/* @override
  http://www.werbeagentur-willers.test/screen.css
  http://www.werbeagentur-willers.de/screen.css
*/

body {
  color:#fff;
  font-size: 101%;
  line-height: 115%;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  background-image: url(images/bg_gradient.gif);
  background-color: #CCD6D9;
  background-repeat: repeat-x;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;

  scrollbar-base-color:#3C4CA1;
  scrollbar-3dlight-color:#0E1B52;
  scrollbar-arrow-color:#A8B7BC;
  scrollbar-darkshadow-color:#0E1B52;
  scrollbar-face-color:#0E1B52;
  scrollbar-highlight-color:#35469E;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#A8B7BC;
}

p {
  color: #fff;
  font-size: 0.8em;
  font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  line-height: 115%;
  margin: 0 0 0.5em 0;
  padding: 0;
}

a {
  color: #bbc8cc;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

td {}

table.filelist {width:90%; border:1px #999 solid; padding:0; margin:0 auto 0 auto;}
table.filelist * {padding:0px 0px 0px 5px; margin:0;}
table.filelist td {padding:0px 0px 0px 5px;}
table.filelist thead tr th {
  margin:0;
  padding:0px 0px 0px 5px;
  text-align:left;
  font-size:0.8em;
  background-color: #ccc;
}

img { border: none; }

#lay_page {
  background-color: #fff;
  text-align: left;
  margin: 0 auto;
  position: relative;
  width: 780px;
  padding: 0px;
}

#lay_logo {
  text-align: center;
  padding-top: 9px;
  padding-bottom: 11px;
  width: 780px;
  height: 60px;
}

#lay_content {
  background-color: #019;
  background-image: url(images/bg_content.jpg);
  background-repeat: no-repeat;
  position: relative;
  width: 780px;
  margin: 0px;
  padding:0px;
  min-height: 200px;
  height:auto !important;  /* für moderne Browser */
  height:200px;  /*für den IE */
  font-size:0.8em;
}

#lay_content p {
  font-size:1em;
}

#edit_subhead {
  position:absolute;
  font-size: 11px;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:#aaa;
  background-color: transparent;
  border:1px dotted red;
  width:300px;
  top:8px;
}

#edit_head {
  position:absolute;
  font-size: 11px;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:#aaa;
  background-color: transparent;
  border:1px dotted red;
  width:200px;
  top:45px;
  left:500px;
}


#lay_textblock {
  /*position:relative;*/
  /*width:412px;*/
  padding: 25px 310px 10px 30px;
}
#edit_textblock {
  font-size: 11px;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:white;
  background-color: transparent;
  border:1px dotted red;
  width:460px;
  height:140px;
}

#lay_textblock2 {
  position:absolute;
  top:52px;
  left:300px;
  width:460px;
  height:148px;
}

#edit_textblock1 {
  font-size: 11px;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:white;
  background-color: transparent;
  border:1px dotted red;
  width:260px;
  height:140px;
}

#edit_textblock2 {
  position:relative;
  font-size: 11px;
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:white;
  background-color: transparent;
  border:1px dotted red;
  left:0px;
  width:460px;
  height:140px;
}

#lay_content h1 {
  font-size: 1.7em;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 61px;
  left: 500px;
}

#lay_content h2 {
  font-size: 1.5em;
  font-variant: small-caps;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px
}

#lay_pagenumbers {
  text-align: right
}

#page1 p {
}

#page2 {
}

#lay_navigation {
  background-color: #fff;
  background-image: url(images/bg_menu.gif);
  background-repeat: repeat;
  padding-left: 30px;
  position: relative;
  /*top: 200px;
  left: 0;*/
  width: 750px;
  height: 20px;
  z-index:1;
  font-size:0.8em;
}

#lay_navlinks {
  position: absolute;
  z-index:4;
}

#lay_navhover {
  position: absolute;
  width: 90px;
  height: 20px;
  top:0px;
  left:0px;
  z-index:1;
}

#lay_navactive {
  position: absolute;
  width: 90px;
  height: 20px;
  top:0px;
  left:0px;
  z-index:2;
}

#lay_navigation a {
  /*color: #019;*/
  line-height: 18px;
  text-decoration: none;
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  height: 20px;
  width: 90px;
  text-align: center;
  float: left;
  z-index:5;
}

#lay_navigation a:hover {
  /*color: #000;*/
  text-decoration: none;
}

#lay_pictures {
  position: absolute;
  width:280px;
  top: 96px;
  left: 500px
}

#lay_pictures img {
  margin-right:11px;
}

#lay_image {
  position:relative;
  background-color: #CFD8DB;
  width: 780px;
}

#lay_footer {
  background-color: #019;
  background-image: url(images/bg_footer.jpg);
  background-repeat: no-repeat;
  position:relative;
  width: 780px;
  height: 20px
}

#lay_footer a {
  vertical-align:middle;
  color: #fff;
  font-size: 0.6em;
  text-decoration: none;
  letter-spacing: 1px
}

#lay_footer img {
  vertical-align:middle;
  padding-bottom:1px;
}

#lay_footer a:hover {
  color: #fff;
  text-decoration: underline;
  letter-spacing: 1px
}

#lay_footerleft {
  line-height: 1em;
  position: absolute;
  text-align: left;
  left: 30px;
  width: 360px;
  height: 20px
}

#lay_footerright {
  text-align: right;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 390px;
  width: 370px;
  height: 20px
}

#lay_language {
  text-align:center;
  position: absolute;
  left:340px;
  top:0px;
  width:100px;
  z-index:1;
}

#lay_language img {
  vertical-align:top;
  padding-top:4px;
}

.smallspace {
  margin-left:3px;
  margin-right:3px;
}

#lay_navigation form {
  display:inline
}

#lay_navigation input {
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  width:80px;
  margin-left:16px;
  margin-top:1px;
  padding:1px;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-top:1px solid black;
  border-left:1px solid black;
  background-color:#f0f1f9;
  /*background-image: url(images/bg_menu.gif);*/
}

.at {
  margin-left: -0.3em;
  margin-right: -0.2em;
}

#overlay_zoom {
  position: absolute;
  top: 32px;
  right: 40px;
  background-color: white;
  padding: 6px;
  text-align:right;
  border:1px #ccc solid;
  z-index:30;
}
#overlay_zoom a {
  font-size:0.7em;
  color: black;
}

#overlay_bigzoom {
  position: absolute;
  top: 100px;
  left: 40px;
  width:700px;
  height:480px;
  background-image: url(images/bg_bigzoom.jpg);
  background-color: black;
  /*padding: 6px;*/
  text-align:center;
  border:1px #ccc solid;
  z-index:111;
  font-size:0.7em;
}
#overlay_bigzoom_image {
  position: absolute;
  top: 101px;
  left: 41px;
  width:700px;
  height:460px;
  /*padding: 6px;*/
  text-align:center;
  z-index:111;
  line-height:480px;
  overflow:hidden;
}

#overlay_bigzoom_image div {
  text-align:left;
  z-index:111;
  line-height:1em;
}

#overlay_bigzoom_image div a {
  font-size:1em;
  color: black;
}

#overlay_bigzoom_image h4 {
  font-size:1em;
  margin:0px;
  padding-top:0.7em;
  padding-bottom:0.5em;
  color: black;
}

#overlay_bigzoom_image div p {
  color: black;
}

#overlay_bigzoom a {
  color: white;
}
#overlay_bigzoom_close {
  position: absolute;
  bottom:5px;
  right:5px;
  z-index:222;
}
#overlay_bigzoom_pager {
  position: absolute;
  bottom:-1px;
  left:250px;
  z-index:222;
  text-align:center;
  width:200px;
}
#overlay_bigzoom_pager span {
  color:#cdd7da;
}

#overlay_shadow {
  position:absolute;
  z-index:2;
  background:#000;
  opacity:0.5;
  filter: alpha(opacity=50);
  height:100%;
  width:100%;
  top:0;
  left:0;
}

#loginbox {
  color:black;
  text-align:center;
  width:300px;
  border-top:4px solid #EBEFF0;
  border-left:4px solid #fff;
  border-right:4px solid #A9B4B7;
  border-bottom:4px solid #A9B4B7;
  background-image:url(images/bg_gradient.gif);
  z-index:10;
  position:absolute;
  top:160px;
  left:50%;
  margin-left: -154px;
  padding-bottom:10px;
}

form#login_form {
}

form#login_form p {
  color:white;
  font-size:1em;
  letter-spacing:2px;
  background-image:url(images/bg_menu_active.gif);
  margin: 5px 0 5px 0;
}

form#login_form div div {
  width:200px;
  text-align:left;
  margin: 0 auto 0 auto;
  padding:5px;
}

form#login_form div div label {
  display:block;
  margin-top:1em;
  margin-bottom:0.5em;
}

form#login_form div div input {
  font-family:  Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  width: 200px;
}

.closelayer {
  font-weight:bold;
  font-family:Verdana;
  font-size:0.7em;
  text-align:center;
  position:absolute;
  top:2px;
  right:2px;
  color:#444;
  background-color:#ddd;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:1px solid #444;
  border-bottom:1px solid #444;
  height:1.2em;
  width:1.21em;
  cursor:pointer;
}

#login_form .error {
  font-size:0.8em;
  display:block;
  background-color:#c00;
  color:#ff0;
  font-weight:bold;
  background-image:none;
  padding:2px;
}

#px290[id] { height:290px; }

#serviceDiv {
  background-color: #F2F5F5;
  margin:0px;
  padding: 10px 30px 10px 30px;
  color:black;
  width:720px;
  min-height:290px;
}

#serviceDiv table, #serviceDiv td   {
  color: black;
  line-height:140%;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size:0.9em;
}

#serviceDiv .head   {
  color: #019;
  font-weight: bold;
  padding-top: 1ex;

}

#serviceDiv input   {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  vertical-align: middle;
  margin-bottom:3px;
  font-weight:normal;
}

#serviceDiv p {
  color: black;
}

#serviceDiv h1 {
  font-size:1.5em;
  line-height:120%;
}
#serviceDiv h2 {
  font-size:1.3em;
  line-height:120%;
}
#serviceDiv h3 {
  font-size:1.0em;
  line-height:120%;
}
#serviceDiv h4 {
  font-size:0.8em;
  line-height:120%;
}

#serviceDiv .TopHead {
  color: black;
  font-weight: bold;
  font-size: 1em
}

#serviceDiv .ERROR  {
  color: #c00;
  font-style: italic;
}

#serviceDiv label   {
  margin-bottom: 3px;
  padding-bottom: 3px
}

ul,li {
  margin: 0px .7em 0px;
  padding-left:0px;
  text-indent:0px;
  list-style-type:circle;
  line-height:140%;
}

.selectedLI {
  list-style-type:square;
  font-weight:bold;
}

.selectedLI a {
  color:white;
}

#serviceDiv td p { font-size:1em; line-height:140%; margin-bottom:15px; }


#serviceDiv a    {
  color: #016;
  text-decoration: underline
}
#serviceDiv a:active   {
  color: #08f;
  text-decoration: none
}
#serviceDiv a:hover    {
  color: blue;
  text-decoration: none;
}
#serviceDiv a:visited   {
  color: #666;
  font-weight: bolder;
  text-decoration: none
}

.small { font-size:80% }

.note {
  padding-top:5px !important;
  text-align:center;
  color:#060 !important;
  font-size:60% !important;
}

h3.line {
  padding-top:0.5em;
  margin-top:1.5em;
  border-top:1px black solid;
}

#lay_autofilelist, #lay_autofilelist pre {
  padding:10px;
  margin:0;
}

#lay_autofilelist * {
  font-family: "Andale Mono","Courier New";
  font-size:11px;
  color:black;
  padding:0;
  margin:0;
}

.Spiegelpunkte ul {
  display:block !important;
  margin-left:3em !important;
  font-size:80%;
}

.Spiegelpunkte ul li {
  list-style-type:disc;
}

#galerie {padding-bottom:15px; padding-left:3px; text-align:center}

#loadingAnimation {
  display:none;
  z-index:2;
  padding:30px;
  background-color:gray;
  text-align:center;
  color:white;
  width:600px;
  height:15px;
  position:absolute;
  top:250px;
  left:50%;
  margin-left:-330px;
  opacity:.9;
  filter:alpha(opacity=90);
}

.head {
  background-repeat: no-repeat;
  height:26px;
  width: 240px;
  text-indent:-250px;
  overflow: hidden;
}

.subhead {
  background-repeat: no-repeat;
  height:22px;
  width: 568px;
  text-indent:-650px;
  overflow:hidden;
}

.smalltext2 {
  font-size:0.9em; overflow:auto; height:120px;
}

.smalltext2 p {
  line-height:1.3em;
}