html, body
{
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  height: 100%;
}

body
{
  text-align: center;
  background-color: #FFFFFF;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

/* ------- homepage framework ----------- */
div.homeframework
{
  width: 851px;
  margin: 0px auto;
  font-size: 90%;
}

div.homeframework h1
{
  font-size: 74%;
  margin: 10px 0px;
  font-family: Arial, Helvetica, Sans-serif;
}

div.homeframework table.home_table tr td
{
  width: 271px;
  height: 180px;
  margin: 0;
  padding: 0;
}

div.homeframework table.home_table tr td ul
{
  padding: 0;
  margin: 10px;
}

div.homeframework table.home_table tr td ul li a:hover
{
  text-decoration: underline;
}

div.homeframework table.home_table tr td.text
{
  font-family: arial, helvetica, sans-serif;
  font-size:80%;
  padding: 0px 20px;
  width: 251px;
  height: 180px;
  line-height: 1.2em;
}

div.homeframework table.home_table tr td.text img
{
  margin-top: 20px;
}

div.homeframework table.home_table tr td.hover
,div.homeframework table.home_table tr td.hover a:hover
{
  color: white;
  cursor: pointer;
  cursor: hand;
}

div.homeframework table.home_table tr td div, div.homeframework table.home_table tr td div img
{
  margin: 0;
  padding: 0;
}

div.homeframework table tr td.hover a
{
  color: white;
  cursor: pointer;
  cursor: hand;
}

div.homeframework table tr td.hover a:hover
{
  color: black;
}


div.homeframework a
{
  text-decoration: none;
  color: #000000;
}


/* ------- normalpage framework ----------- */

#container
{
  text-align: left;
  margin: 0 auto;
  width: 995px;
  background-color: #FFFFFF;
  height: 100%;
}

#topmenu
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 74%;
  text-decoration: none;
  position: absolute;
  width: 990px;
  z-index: 100;
  margin-top: -6px;
}

 #topmenu table td.menuitem
,#topmenu table td.selectedmenuitem
{
  padding: 12px 7px 0px 7px;
  text-decoration: none;
  font-size: 100%;
}

#topmenu table td.selectedmenuitem
{
  background-color: white;
}


 #topmenu span.selectedmainmenuitemblue a
,#topmenu span.selectedmainmenuitemgreen a
,#topmenu span.selectedmainmenuitemred a
,#topmenu span.selectedmainmenuitemorange a
,#topmenu span.selectedmainmenuitempiz a
{
  font-weight: bold;
}

 #topmenu a:hover
,#topmenu span.selectedmainmenuitem a
{
  xborder-top: 15px solid white;
}



#topmenu form
{
  xfloat: right;
  margin: 0;
  padding: 0;
}

#topmenu input.searchfield
{
  width: 150px;
  border: 1px solid #FA7800;
}

#topmenu input.searchbutton
{
  font-family: Arial, Helvetica, Sans-serif;
  color: #FA7800;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
  cursor: hand;
  width: 40px;
  text-decoration: underline;
}


table.framework
{
  width: 995px;
  background-image: url(../images/content_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: white;
}

div.headerimg
{
  width: 995px;
  background-repeat: no-repeat;
  height: 200px;
}

table.framework td.leftmenu
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 67%;
}
 table.framework div.level0
,table.framework div.selectedlevel0
{
  font-size: 100%;
  font-family: Arial, Helvetica, Sans-serif;
  padding: 0;
  margin: 0;
}

table.framework div.selectedlevel0
{
  font-weight: bold;
}

table.framework td.leftmenu img
{
  margin: 0;
  padding: 0;
}

 table.framework td.leftmenu div.level1
,table.framework td.leftmenu ul
{
  font-size: 100%;
  margin: 0;
  line-height: 1em;
}

table.framework td.leftmenu div.level1
{
  padding: 8px 0px;
}

table.framework td.leftmenu div.level1 a:hover
{
  font-size: 108%;
}

table.framework td.leftmenu ul
{
  padding-left: 20px;
}
table.framework td.leftmenu ul li
{
  padding: 4px 0px;
}

table.framework td.leftmenu a:hover
{
  text-decoration: none;
}

table.framework td.leftmenu a.selected
{
  font-weight: bold;
}

table.framework td.content
{
  padding: 38px 0px 0px 0px;
}

table.framework td.content h1
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  color: #000000;
  padding:0;
  margin:0;
}

table.framework td.banners
{

}

img.banner_img
{
  margin:2px 8px 8px 0px;
  float:left;
  clear:left;
}

td.banners a.bannerlink
{
  display: block;
  width: 265px;
  background-image: url(../images/papier.jpg);
  background-repeat: no-repeat;
  margin: 0px 0px 5px 0px;
  padding: 0 0px 5px 0px;
}

td.banners a.bannerlink:hover
{
  display: block;
  width: 265px;
  background-image: url(../images/papier.jpg);
  background-repeat: no-repeat;
  margin: 0px 0px 5px 0px;
  padding: 0 0px 5px 0px;
  color: #000000;
  text-decoration: none;
}

td.banners a.bannerlink div.bannertitle
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 90%;
  font-weight: bold;
  padding-top: 3px;
}

td.banners a.bannerlink img
{
  display: block;
  margin: 0;
  padding: 0;
}

td.banners a.bannerlink div
{
  padding: 2px 10px 2px 10px;
  margin: 0;
}

td.banners a.bannerlink ul
{
  padding: 0px 0px 0px 25px;
  margin: 0;
}


td.banners div.rightblock_0 ul, td.banners div.rightblock_1 ul, td.banners div.rightblock_2 ul
{
  padding: 0px 0px 0px 15px;
  margin: 0;
}

td.banners div.rightblock_0
{
  padding: 2px 10px 10px 10px;
  background-color: #ffaa28;
  color: #FFFFFF;
  margin-top: 10px;
}

td.banners div.rightblock_1
{
  padding: 2px 10px 10px 10px;
  background-color: #eb870a;
  color: #FFFFFF;
  margin-top: 10px;
}

td.banners div.rightblock_2
{
  padding: 2px 10px 10px 10px;
  background-color: #ff9b1e;
  color: #FFFFFF;
  margin-top: 10px;
}

td.banners div.newslink
{
  background-repeat: no-repeat;
  padding-top: 9px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 90%;
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #FFFFFF;
}

td.banners div.newslink a
{
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #FFFFFF;
}

td.banners a.newsitemlink
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 70%;
  text-decoration: none;
  color: #FFFFFF;
}

td.banners a.newsitemlink:hover
{
   font-size: 80%;
}

.contact
{
  font-size: 100%;
}

.text
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 70%;
  text-decoration: none;
}

.bold
{
  font-weight: bold;
}

.blue
{
  color: #2762A4;
}

.bgblue
{
  background-color: #2762A4;
}

.red
{
  color: #DC5A05;
}

.bgred
{
  background-color: #EB870A;
}

.green, .piz
{
  color: #46A02D;
}

.bggreen, .bgpiz
{
  background-color: #46A02D;
}

.orange
{
  color: #FF9B1E;
}

.bgorange
{
  background-color: #FA7800;
}


#logo
{
  margin-left: -15px;
}

#path
{
  font-size: 69%;
  font-family: Arial, helvetica, sans-serif;
  padding-bottom: 10px;
}

#path a:hover
{
  text-decoration: underline;
}

div.teammembers
{
  width: 150px;
  height: 200px;
  text-align: center;
  font-family: Arial, helvetica, sans-serif;
  font-size: 70%;
  float: left;
  margin-bottom: 10px;
}

.fotografe
{
  font-family: Arial, helvetica, sans-serif;
  font-size: 70%;
  clear: both;
  margin-top: 20px;
  text-align: center;
}

div.whp_contentlising table td
{
  font-family: Arial, helvetica, sans-serif;
  font-size: 76%;
  padding-bottom: 10px;
}


/* The standard webpack CSS. This CSS is shared by all webpacks and
   modifying it allows you to easily adapt all webpack types to your
   site design. We recommend that you remove this CSS from the individual
   webpack demos, and instead move it to your site's central CSS files */

/* Global tag, containing the complete webpack item */
.whwp
{
  font-family: Arial, helvetica, sans-serif;
  font-size: 70%;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-weight: bold;
}

/* All links */

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #FA7800;
  text-align: center;
  color: #FFFFFF;
  margin: 3px 3px 3px 0px;
  border: none;
  font-weight: bold;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family: Arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  margin: 10px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input,
.whwp .whwp-questiongroup .whwp-question textarea
{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color: #EEEEEE;
  border: 1px solid #000000;
}

/*
.whwp .whwp-questiongroup .whwp-question option,
.whwp label input,
.whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup input
{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  background-color: #FFFFFF;
  border: none;
}*/

input.whwp-checkbox
{
  background-color: #FFFFFF !important;
  border: none !important;
}

.whwp .whwp-entry
{
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 5px;
}

.whwp table.whwp-table
{
  border: solid 1px #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */

.whc
{
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 74%;
  width: 100%;
}

.whc a
{
}

.whc_searchbox
{
  border: none; padding: 8px 6px;
}

.whc_searchbox input.whc_searchfield
{
  font-family:  Arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
  font-style: normal;
  background-color: #FFFFFF;
  border: 1px solid #FA7800;
}


.whc_searchbox input.whc_searchbutton
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family:  Arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
  width: 100px;
  background-color: #FA7800;
  text-align: center;
  color: #FFFFFF;
  margin: 0px 3px 1px 0px;
  border: none;
  font-weight: bold;
}

.whc .whc_header
{
  font-weight:bold;
  font-size: 100%;
}

.whc div
{
  padding: 0px 0px 5px 0px;
}

.whc .result_header
{
  font-size: 100%;
}

.whc .result_footer
{
  font-size: 90%;
}

.whc div.navpages
{
  padding: 5px 0px 5px 0px;
}


/* SIFR */

.sIFR-flash
{
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced
{
  visibility: visible !important;
}

span.sIFR-alternate
{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
  display: none !important;
}

.sIFR-hasFlash .mainmenuitemblue
, .sIFR-hasFlash .selectedmainmenuitemblue
,.sIFR-hasFlash .mainmenuitemgreen
,.sIFR-hasFlash .selectedmainmenuitemgreen
,.sIFR-hasFlash .mainmenuitemred
,.sIFR-hasFlash .selectedmainmenuitemred
,.sIFR-hasFlash .mainmenuitemorange
,.sIFR-hasFlash .selectedmainmenuitemorange
,.sIFR-hasFlash .mainmenuitempiz
,.sIFR-hasFlash .selectedmainmenuitempiz
{
  visibility: hidden;
  font-size: 10pt;
}

.sIFR-hasFlash table.framework td.content h1
{
  visibility: hidden;
  line-height: 15pt;
}

.sIFR-hasFlash table.framework td.leftmenu div.level0
,.sIFR-hasFlash table.framework td.leftmenu div.selectedlevel0
{
  visibility: hidden;
  line-height: 12pt;
}

.sIFR-hasFlash .sectiontitle
{
  visibility: hidden;
  line-height: 14pt;
}

/* New additions for dynamic locations */
table.locations td.photo
{
  padding-right: 15px;
}

table.locations td.description
{
  font-style: italic;
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:83%;
  font-weight:normal;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-shadow:none;
}

/* Tollium CSS
*/
.tollium-textedit, .tollium-pulldown, .tollium-textarea
{
  border: 1px solid #ACA899;
}


.tollium-textedit, .tollium-pulldown
{
  border: 1px solid #ACA899;
}

.tollium-textedit
{
  padding: 1px;

  width: 160px;
}

.tollium-textedit-required
{
  background-color: #FFF1C4;
  border: 1px solid #AF9E5E;
}

.tollium-textarea
{
  width:        100%;
  position:     relative; /* fix cutoff due to W3C boxmodel 100%+border */

  overflow:     auto; /* so IE doesn't default to always showing a scrollbar */
  _height:      4em;  /* IE6 only hack for min-height, to get min three lines like in FF
                         (other browsers will see as unknown property and ignore it) */
}

.tollium-pulldown
{
  font-family:Arial,Verdana,Helvetica,Sans-serif;
  font-size:11px;
  x-font-family:Arial,Verdana,Helvetica,Sans-serif;
  x-font-size:11px;
}

.tollium-pulldown-required
{
  background-color: #FFF1C4;
}

.tollium-button
{
  background-color: #FA7800;
  margin: 3px 3px 3px 0px;
  border: none;


  font-family:Arial,Verdana,Helvetica,Sans-serif;
  padding: 2px;
  font-size:11px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}

.tollium-button-disabled
{
  color: white;
  border: none;
  background-color: #FABC82;
  cursor: default;
}

.tollium-box
{
  border: 1px solid #FA7800;
  margin: 8px 0;

  padding:0.35em 0.625em 0.75em; /* specifically for IE, which doesn't correctly inherit from forms.css ? */
}
.tollium-box legend
{
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 90%;
  font-weight: bold;

  _margin-bottom: 10px; /* hack for IE which uses padding-top on fieldset above instead of within */
}


.tollium-box td
{
  padding: 10px;
}

.tollium-box-header
{
  color:            black;
  background-color: #F9DEEB;
  font-weight: bold;
}

.tollium-list
{
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #F630A0;
}
.tollium-list th, .tollium-list td
{
  padding: 4px 4px;
}
.tollium-list td
{
  border:none;
}
.tollium-label, .tollium-text, td.tollium-panelinner, td.tollium-panelcell a
{
  font-size: 12px;
}
table.tollium-panelinner td
{
  vertical-align: top;
  text-align: left;
}

.tollium-listheader
{
  background-color: #F9DEEB;
}

.tollium-fontsetting
{
  font-family: Arial;
  font-size: 14px;
}

.tollium-list a
{
  color: #B12C67;
  font-weight: bold;
}

table.locations td
{
  padding-bottom: 10px;
}

div.tollium-modaloverlay
{
  background-color: #767676 !important;

}



#pizoverview td.type
{
  border: 1px solid #D6D6D6;
  padding: 5px 5px 5px 5px;
  width: 135px;
}

#pizoverview td.arrangementcell
{
  border-top: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 5px 15px 5px 15px;
  width: 282px;
}

#pizoverview .arrangementbox
{
  padding: 0 0 15px 0;
}

#pizoverview .arrangement
{
  font-size: 115%;
  font-weight: bold;
}

#pizoverview .arrangementbox td.leftcolumn
{
  padding: 0 22px 0 0;
}

#pizoverview .arrangementbox .noroom
{
  color: #999999;
}

#pizoverview h1
{
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:83%;
  margin:0 0 15px 0;
}

#pizoverview .defaultprice
{
  font-style: italic;
}

#pizoverview .text
{
  font-size: 80%;
}

#pizoverview .coursedates
{
  font-size: 90%;
}