/* Style Sheet ______________________________________________ */

html
{
 overflow: hidden;
 height: 99%;
 width: 100%;
}

body
{  
  top: 0px;
  left: 0px;
  width: 100%;
  height: 99%;
  margin: 0;
  padding: 0;
  background-image: url('bilder/backgr_0.jpg');
  vertical-align: top;
}

p	
{
  font-family: Verdana, Arial, Sans-serif;
  font-style: normal;
  font-variant: normal;
  color: #394562;
  font-size: 10pt;
}

a
{
  font-family: Verdana, Arial, Sans-serif;
  font-style: normal;
  font-variant: normal;
  color: #394562;
  font-size: 10pt;
}

a.rotunten    
{
  position: relative;
  top: 52px;       
  color:#990033;
}

a.unten
{
  position: relative;
  top: 45px;
}

form
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  font-variant:normal;
  color:#394562;
  font-size:10pt;
}

/* Headlines ______________________________________________ */

h1
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  color:#990033;
  font-size:16pt;
  font-weight:bold;
}
 		
h2
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  color:#394562;
  font-size:16pt;
  font-weight:bold;
}
 		
h3
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  color:#990033;
  font-size:12pt;
  font-weight:bold;
}
 		
h4
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  color:#394562;
  font-size:12pt;
  font-weight:bold;
}
 		
h5
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:italic;
  color:#394562;
  font-size:16pt;
  font-weight:bold;
}

/* Listen ______________________________________________ */

li
{
  font-family:Verdana, Arial, Sans-serif;
  font-style:normal;
  font-variant:normal;
  color:#990033;
  font-size:10pt;
}

ul
{
  list-style-type:square;
  list-style-position:inside;
  color:#990033;
}
                
ul.schalter
{
  list-style-image:url(bilder/pfeil.gif);
  list-style-position:inside;
}

             
/* Kontainer ______________________________________________ */

#kontainer1 
{
  /* margin: 0 auto 0 auto; */
  overflow: hidden; 
  display: table; 
  height: 100%;  
  position: relative; 
  width: 100%;
}
	     
#kontainer2 
{
  position: absolute;
  top: 50%;
  left: 0px;
  vertical-align: middle;
  width: 100%; 
}             

#kontainer3 
{
  position: absolute; 
  top: -190px;
  vertical-align: top;
  left: 0px;
  height:369px; 
  width: 100%;
  background: url('bilder/backgr_0x.jpg');
}
	      
#stage 
{
  position: relative;
  vertical-align: bottom;
  margin: 0 auto 0 auto; 
  vertical-align:bottom;
  text-align:left;
  top: -250px;
  height: 500px; 
  width: 770px;
  overflow: hidden; 
  background-image: url('bilder/backgr_0.jpg');
}



/* headelemente ______________________________________________ */

#designberatung 
{ 
  position: absolute;
  top:0px;
  left: 0px;
  vertical-align:middle;
  width: 270px;
  height: 70px;
  background-image: url('bilder/backgr_01a.jpg');
  float: left;
}

#designberatung_vg
{ 
  position: absolute;
  top:0px;
  left: 0px;
  vertical-align:middle;
  width: 270px;
  height: 70px;
  background-image: url('bilder/backgr_01b.jpg');
  float: left;
}

#designberatung_an 
{ 
  position: absolute;
  top:0px;
  left: 0px;
  vertical-align:middle;
  width: 270px;
  height: 70px;
  background-image: url('bilder/backgr_01c.jpg');
  float: left;
}

#designberatung_tr 
{ 
  position: absolute;
  top:0px;
  left: 0px;
  vertical-align:middle;
  width: 270px;
  height: 70px;
  background-image: url('bilder/backgr_01d.jpg');
  float: left;
}

#designberatung_hw 
{ 
  position: absolute;
  top:0px;
  left: 0px;
  vertical-align:middle;
  width: 270px;
  height: 70px;
  background-image: url('bilder/backgr_01e.jpg');
  float: left;
}

#button_db
{ 
  position: absolute;
  top:0px;
  vertical-align: top;
  left: 270px;
  width: 100px;
  height: 70px;
  float: left;
}

#button_vg
{ 
  position: absolute;
  top:0px;
  vertical-align: top;
  left: 370px;
  width: 100px;
  height: 70px;
  float: left;
}

#button_an
{ 
  position: absolute;
  top:0px;
  vertical-align: top;
  left: 470px;
  width: 100px;
  height: 70px;
  float: left;
}

#button_tr
{ 
  position: absolute;
  top:0px;
  vertical-align: top;
  left: 570px;
  width: 100px;
  height: 70px;
  float: left;
}

#button_hw
{ 
  position: absolute;
  top:0px;
  vertical-align: top;
  left: 670px;
  width: 100px;
  height: 70px;
  float: right;
}

/* stageelemente ______________________________________________ */

#headline_db1
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/beratung.jpg');
  float: left;
}

#headline_db2
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/grundlagen.jpg');
  float: left;
}

#headline_db3
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/was_ist_design.jpg');
  float: left;
}

#headline_db4
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/download.jpg');
  float: left;
}

#headline_vg1
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/analyse.jpg');
  float: left;
}

#headline_vg2
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/planung.jpg');
  float: left;
}

#headline_vg3
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/ideenfindung.jpg');
  float: left;
}

#headline_vg4
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/arbeitsbeispiel.jpg');
  float: left;
}

#headline_an1
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/gruenderangebot.jpg');
  float: left;
}

#headline_an2
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/firmenpersoenlichkeit.jpg');
  float: left;
}

#headline_an3
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/selektion.jpg');
  float: left;
}

#headline_tr1
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/seminar-kuewan.jpg');
  float: left;
}

#headline_tr2
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/scribble-training.jpg');
  float: left;
}

#headline_tr3
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/analyse-training.jpg');
  float: left;
}

#headline_tr4
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/kreativworkshop.jpg');
  float: left;
}

#headline_hw
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 360px;
  background-image: url('bilder/karteikarte_hinweise.jpg');
  float: left;
}

#inhalt_db
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 360px;
  background-image: url('bilder/backgr_0a.jpg');
  float: right;
  overflow: scroll;
}

#inhalt_vg
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 360px;
  background-image: url('bilder/backgr_0b.jpg');
  float: right;
  overflow: scroll;
}

#inhalt_an
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 360px;
  background-image: url('bilder/backgr_0c.jpg');
  float: right;
  overflow: scroll;
}

#inhalt_tr
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 360px;
  background-image: url('bilder/backgr_0d.jpg');
  float: right;
  overflow: scroll;
}

#inhalt_hw
{ 
  position: absolute;
  top: 69px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 360px;
  background-image: url('bilder/karteikarte_hinweise.jpg'); 
  background-repeat:repeat-x;
  float: right;
  overflow: scroll;
}


/* feedelemente ______________________________________________ */

#logo
{ 
  position: absolute;
  top: 430px;
  vertical-align: top;
  left: 0px;
  width: 270px;
  height: 70px;
  float: left;
}

#adresse
{ 
  position: absolute;
  top: 430px;
  vertical-align: top;
  left: 270px;
  width: 500px;
  height: 70px;
  float: right;
}