/************************
* global stuff
************************/

body
{
  color: black;/*#7b9a27;*/
  background-color: lightyellow;
}

h1
{
  color: #7940AE; /*B980EE;*/
  font-size: xx-large;
  font-variant: small-caps;
  font-weight: bold;
}

h2
{
  font-size: large;
  margin-top: 0px;
  margin-bottom: 10px;
  display: inline;
}

h3
{
  /*padding-top: 30px;*/
}

a, a:link
{
	color:			#7940AE;
	text-decoration:	none;
}

a:active
{
	color:			#7940AE;
	text-decoration:	none;
}

a:visited
{
	color:			#7940AE;
	text-decoration:	none;
}

a:hover
{
	color:			#7940AE;
	text-decoration:	none;
}


/************************
* spans
************************/

span.important
{
  color: red;
}

div.content span.highlight-link
{
  color: #7940AE;
  cursor: pointer;
}

div.content span.highlight-text
{
  font-weight: bold;
}

div.content span.extra-highlight-text
{
  font-weight: bold;
  font-size: large;
}


/************************
* divs
************************/

div.logo
{
  background-size: 100%;
  width: 100%;
  text-align:  center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  max-width: 1364px;
  top: -50px;
  left:0px;
  right:0px;
  margin-left:auto;
  margin-right:auto;
}

div.logo img
{
  width: 1364px;
  cursor: pointer;
}

nav.navigation
{
  color: black;
  background-color: #7940AE;
  border-style: solid;
  border-width: 1px;
  padding-left: 0px;
  padding-right: 0px;
  font-variant: small-caps;
  font-size: x-large;
  font-weight: bold;
  text-align: left;
  position: absolute;
  top: 155px;
  /*width: 998px;*/
  width: 136%;
  max-width: 1364px;
  left:0px;
  right:0px;
  margin-left:auto;
  margin-right:auto;
  z-index: 99;
}

nav.navigation_responsive
{
  display: none;
  z-index: 99;
}

div.navigation span
{
   cursor: pointer;
   margin-left: 5px;
   margin-right: 5px;
}

div.navigation span:hover
{
   /*color: white;*/
}

div.stickysidearea
{
  position: fixed;
  top: 10px;
  z-index: 99;
}

div.stickysidearea a
{
  position: fixed;
  right: 10px;
  width: 3.5em;
  background: #7940AE;
  color: white;
  padding: 15px 10px 15px 10px;
  border-radius: 3px;
}

div.content
{
  background-color: #FFDDAA;
  padding: 15px 15px 15px 15px;
  position: absolute;
  top: 193px;
  width: 136%;
  max-width: 1336px;
  /*min-height: 100%;*/
  left:0px;
  right:0px;
  margin-left:auto;
  margin-right:auto;
}

div.columnMainTest
{
   width: 1086px;
}

div.columnSideTest
{
   display: none;
}


/************************
* iframes
************************/

iframe#listframe
{
  border: none;
  height: 800px;
  width: 100%;
}

iframe.telnr_angebot
{
  width: 150px;
  height: 5ex;
  border: none;
  margin: 0;
  padding: 0;
}

iframe.adresse
{
  border: none;
  height: 15ex;
  width: 200px;
  font-size: inherit;
}

iframe.telnr
{
  border: none;
  height: 5ex;
  width: 200px;
  font-size: inherit;
}

div.telnr
{
  font-size: inherit;
  background-color: #FDA;
}

/*
@media (min-width: 1364px) {
   div.columnSideTest
   {
      display: inline;
      position: absolute;
      right: 5px;
      width: 250px;
   }

   div.columnSideTest div.columnSideBox
   {
      border: 2px solid;
      border-color: #333;
      background-color: rgba(255,255,224,0.7);
      color: black;
      padding: 10px;
      margin-bottom: 15px;
      border-radius: 3px;
   }id="columnMain"

   div.columnSideTest div.columnSideBox span.news_date
   {
      text-align: left;
   }
}
*/

div.footer
{
  width: 100%;
  background-color: rgba(255,255,224,0.7);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: right;
  margin-bottom: -4ex;
}

p.footer
{
  border: 1px solid #FDA;
  padding: 5px;
  margin: 0;
  font-variant: small-caps;
  font-size: larger;
}

div.image_rightflow
{
  float: right;
  padding: 0px 0px 0px 30px;
}

div.image_centered
{
  text-align: center;
}

div.image_centered img, div.image_rightflow img
{
  border-style: solid;
  border-width: 0px;
}

div.image_ueber img
{
  border-radius: 5px;
}


/************************
* tables
************************/

table.kursinfo
{
  width: 30%;
}


/************************
* contactform
************************/

table.contactform_table
{
  width: 560px;
}

td.contactform_label
{
  width: 180px;
}

td.contactform_input
{
  width: 500px;
}

td input, textarea, select
{
  padding: 5px;
  background-color: white;  
  border-radius: 5px;
  border: solid 1px  #888;
}

td.contactform_input_fullWidth input, textarea, select
{
  width: 100%;
}

td.contactform_input_halfWidth input
{
  width: 50%;
}

input.contactform_submitbutton
{
  text-align: right;
}

label#contactFormResponse
{
  color: blue;
}


/************************
* shop
************************/

div#shop hr
{
    margin-top: 4em;
    margin-bottom: 4em;
}

div.shop_product
{
    padding: 15px;
}

div.shop_product_element
{
    display: inline-block;
    vertical-align: top;
    padding: 1em;
}

div.shop_product_element_outstanding
{
    background-color: #FFEECC;
}

label#orderFormPhantasienCDResponse
{
  color: blue;
}

label#orderFormPhantasienDigitalResponse
{
  color: blue;
}



/************************
* sidebar
************************/
.columnSideBox input
{
  width: 100%;
}