/* general settings */

* {
   padding: 0;
   margin: 0;   
}

html, body {
   background: #f6f4f0;
   color: black;
   margin: 0px;
   padding: 0px;
   font-family: Verdana;
   font-size:10px;   
}

a:link {
   color: #037;
}

a:visited {
   color: #636;
}

img {
   border: 0;
}

p {
   color: black;
   margin-bottom: 6px;
}
/*
li {
   margin-left: 20px;
   margin-bottom: 5px;
   display: block;
   list-style-type: circle;
}
*/
li {
   margin-left: 20px;
   margin-bottom: 5px;
}

h4 {
   font-size: 10px;
   margin-bottom: 6px;
}



/* layout container */

#page_wrapper {
   border: solid 0px #702080;
   border-left: solid 1px #702080;
   border-right: solid 1px #702080;
   border-bottom: solid 1px #702080;
   width: 920px;
   position: absolute;
   left: 50%;
   margin-left: -460px;
   background-color: white;
}

#head {
   position: relative;
   background-color: white;
   background-image: url(images/titleimages/default.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   width: 920px;
   height: 280px;  
}

#topper {
   height: 70px;
   background-color: #F2F4F6;
   position: relative;
}

#topper-logo {
   position: absolute;
   bottom: 7px;
   left: 14px;
   z-index: 11;
}


#statusmessage {

   /*
   background-image: url(gfx/menu_mainfond.png);
   position: absolute;
   bottom: 0px;
   margin: 0px;
   height: 16px;
   width:916px;
   padding: 2px;
   padding-top: 4px;
   color: #702080;
   overflow: hidden;
   line-height:16px;
   */
   
   
   /* background-image: url(gfx/menu_mainfond.png); */
   
   /* background-color: #F6FAFD; */
   
   position: absolute;
   
   top: 0px;
   left: 210px;
   
   -moz-border-radius-bottomleft: 6px;
   -webkit-border-bottom-left-radius: 6px;
   
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-right-radius: 6px;

   
   margin: 0px;
   height: 16px;
   width: 560px;
   padding: 2px;
   padding-top: 4px;
   color: #702080;
   overflow: hidden;
   line-height:16px;
   
   
}


#head #logout_link {
   position: absolute;
   right: 13px;
   bottom: 8px;
   text-align: right;
   color: #702080;
   font-size: 10px;
   font-weight: normal;
}

#head #logout_link a {
   text-decoration: none;
   color: #A4906D;
}

#head #logout_link a:hover {
   text-decoration: underline;
   color: #EEC65A;
}



#mainmenu {
   background-image: url(gfx/menu_mainfond.png);
   width: 920px;
   height: 26px;
   margin: 0px;
   color: #702080;
   font-weight:bold;
   /* border-bottom: solid 1px #702080; */
}

#mainmenu ul {
   position: relative;
   left: 16px;
   top: 7px;
   height: 100%;
}

#mainmenu ul li {
   float: left;
   margin: 0;
   margin-right: 16px;
   list-style-type: none;
}

#mainmenu li .mainmenuitem a {
   /* background-color: yellow; */
   color: #702080;
   font-size: 10px;
   text-decoration: none;
   padding-left: 12px;
   padding-top: 2px;
   display:block;
   padding-bottom: 5px; /* links need to touch lower edge */
   position: relative;
}

#mainmenu li .mainmenuitem a.mainmenu_active {
  background-image:url(gfx/mainmenu_arrow.gif);
  background-position: left 3px;
  background-repeat: no-repeat;
}

#mainmenu li .mainmenuitem a:hover {
   color: #702080;
   text-decoration:underline;
}


/* Pull-Down Submenu */

#mainmenu ul li div.pulldownmenu {
   position: absolute; 
   margin-top: 0px;
   padding: 0px;  
   padding-right: 15px;
   padding-top: 0px; 
   padding-bottom: 10px; 
   /* border: 1px solid #702080; */
   border-left: 1px solid #99B4CC;
   border-right: 1px solid #99B4CC;
   border-bottom: 1px solid #99B4CC;
   background: url('gfx/menu_pulldownfond.png'); 
   background-color: white;
   
   -moz-border-radius-bottomleft: 6px;
   -webkit-border-bottom-left-radius: 6px;
   
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-right-radius: 6px;
   
   z-index: 3;
}

* html #mainmenu ul li div.pulldownmenu { /* IE6 only */
   position: absolute;
   margin-right: 20px;
   padding-right: 30px;
   padding-top: 0px; 
   padding-bottom: 10px; 
   /* border: 1px solid #702080; */
   border-left: 1px solid #99B4CC;
   border-right: 1px solid #99B4CC;
   border-bottom: 1px solid #99B4CC;
   background-color: white;
   /* background: url('gfx/menu_pulldownfond.png'); */
}

#mainmenu ul li div.pulldownmenu ul {
   margin: 0px;
   padding: 0px;
   position: relative;
   top: 0px;
}

#mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem {
   float: none;
   font-size: 10px;
   margin-bottom: 3px;
   line-height: 12px;
}

#mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem a {
   font-weight: normal;
   text-decoration: none;
   color: #776243;
   display: block;
}

#mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem a:hover {
   text-decoration: underline;
   color: #702080;
}

#mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem a.active {
   margin-left:-12px;
}

* #mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem a.active {
   margin-left: 0px;
}

#mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem span.submenuitemseparator {
   display: none;
   color: #80A0BB;
   font-weight: bold;
   margin-top: 10px;
}

* #mainmenu ul li div.pulldownmenu ul li.pulldownmenuitem span.submenuitemseparator {  /*IE6 only*/
   display: block;
   color: #80A0BB;
   font-weight: bold;
   margin-top: 10px;
   left: -2px;
}




/* untermenue- und suchbox */
#left {
   float: left;
   margin-left: 16px;
}

#left .left_menu_wrapper {
   width: 168px;
   background-image: url(gfx/left_menu_bg.jpg);
   margin-bottom: 5px;
}


#left .left_menu_wrapper .left_menu {
   background-image: url(gfx/left_menu_bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 100%;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 12px;
   padding-right: 7px;
}




/* content, left side, */

#content {
   background-color: white;
   background-image: url(gfx/head_shadow.gif);
   background-repeat: repeat-x;
   display: block;
   overflow: auto;
   padding: 0;
   margin: 0;
   padding-top: 14px;
   padding-bottom: 14px;
}



/* Body in separate file */


/* Boxes in separate file */


/* Footer */
#foot {
   height: 16px;
   width:896px;  /* 920 - 24 */
   margin: 0;
   padding: 0;
   padding-left:24px;
   padding-top: 4px;
   background-color: #F2F4F6;
}

#foot .footerline {
   color: #6387A6;
}

#foot .footerline a {
   color: #702080;
   text-decoration: none;
   font-weight: normal;
}

#foot .footerline a:hover {
   color: #EEC65A;
   text-decoration: underline;
}


/* debug areas */

#debug {
   font-size: 10px;
   line-height: 11px;
   color: #555;
   padding: 2px;
   padding-bottom: 4px;
}


#dumpcontrol {
   /*border-top: solid 1px #dc0000;*/
   text-align: right;
   height: 14px;
   padding: 0px;
   margin: 0px;
   /*background-color: #fffbf6; */
   z-index: 2;
   position: relative;
   top: 0px;
   cursor: default;
}

#dumpcontrol span {
   margin-left: 4px;
   margin-right: 6px;
   font-family: Verdana;
   font-size:10px;
   color: #cc0000;
   opacity: 0;
   color: #f6f4f0;
}

#dump {
   /* border: solid 1px #dc0000; */
   padding: 8px;
   padding-top: 2px;
   color: #003377;
   font-size: 10px;
   font-family: courier;
   overflow: auto;
   width: 904px;
   height: 174px;
  /* background-color: #fffbf6; */
   background-color: white;
   z-index: 2;
   position: relative;
   top: 2;
   left: 0px;
   margin: 0 auto;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

#dump p {
   margin: 0px;
   padding: 0px;
}

#dump .timeinfo {
   color: #334499;
}



/* working indicator (invisible div on top of all others) */
#workingindicator {
   z-index: 999;
   position: absolute;
   left: 440px;
   top: 310px;
   width: 140px;
   height: 140px;
   visibility: hidden;
   background-repeat: no-repeat;
   background-position: center top;
}

#workingindicator p {
   border: solid 1px #dc0000;
   font-size: 14px;
   font-weight: bold;
   color: #dc0000;
   background-color: white;
   margin-top: 84px;
   padding: 4px;
}

#workingindicator.working {
   background-image: url(gfx/workingindicator.gif);
   visibility: visible;
}

/* startseite - roundtrip */
#tour div div.content {
   display: block; 
   overflow: auto; 
   clear: both; 
   margin: 25px; 
   margin-top: 15px;
}

#tour div h2 {
   color: #99B4CC;
   font-weight: normal;
   font-size: 17px;
   line-height:20px;
   padding-top: 10px; 
   margin-bottom: 6px;
}

#tour div h3 {
   color: #702080;
   font-weight: bold;
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 6px;
}

#tour div p {
   line-height: 17px;
   margin-bottom: 9px;
}

#tour div p strong {
   color: #702080;
}

.roundtrip_button_left {
   position: absolute;
   bottom: 10px;
   left: 15px;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

.roundtrip_button_center {
   position: absolute;
   bottom: 10px;
   left: 200px;
   width: 200px;
   text-align: center;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

.roundtrip_button_right {
   position: absolute;
   bottom: 10px;
   right: 15px;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

.roundtrip_button_right, .roundtrip_button_right:hover, .roundtrip_button_center:hover, .roundtrip_button_left:hover {
   opacity: 1;
   filter: alpha(opacity = 100);
   cursor: pointer;
   text-decoration: none;
   color: #333;
}

.closetourbutton {
   background-color: #f4f6f8;
   background-image: url(gfx/window_close_icon.gif);
   border: 1px solid white;
   position: absolute;
   top: 4px;
   width: 9px;
   height: 9px;
}