/* CSS fuer alle Browser */

body {
  position: absolute;
  width: 100%; height: 101%;
  margin: 0; padding: 0;
  
  background-color: #ffffff;
  background-image: url(../grafix/background_cross.gif);
/*  background-attachment:fixed; */
  
  font-family: Tahoma, Helvetica, Arial, sans_serif;
  font-size: 11px;
  line-height: 1.5em;
  color: #333333;
}
ul,ol,p,h1,h2,h3,h4,h5,h6,h7,li {
  margin: 0; padding: 0;
}

ul {
  list-style-type: none;
}
h2 {
  font-size: 1.0em;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: solid 1px #cccccc;
}
h2 a {
  color: #333333;
}
h2 a:hover {
  color: #009be1;
}
p {
  margin-bottom: 1em;
}

a {
  text-decoration: none;
  color: #009be1;
/*  border-bottom: solid 1px #009be1; */
}
a:hover {
  color: #989898;
}
a.more span {
  display: inline;
  position: relative;
  width: 12px; height: 12px;
  background-image: url(../grafix/arrow_more.gif);
  background-repeat: no-repeat;
  background-position: 0 -1px;
}
a.more span img {
  width: 12px; height: 12px; border: 0;
}
a.more:hover span {
  background-position: -12px -1px;
}

a.macfoxmore span {
  display: inline;
  position: relative;
  width: 12px; height: 12px;
  background-image: url(../grafix/arrow_more.gif);
  background-repeat: no-repeat;
  background-position: 0 -4px;
}
a.macfoxmore span img {
  width: 12px; height: 12px; border: 0;
}
a.macfoxmore:hover span {
  background-position: -12px -4px;
}

img {
  border: 0; margin: 0; padding: 0;
}

/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.invisible {
  position: absolute;
  left: -1000em;
  width: 20em;
}


#logo {
  position: absolute;
  top: 0; left: 0;
  margin-top: 34px;
  margin-left: 34px;
}


#bottomspacer {
  height: 100px;
}
/* #####################################################
   CONTENT-ITEMS
*/
#content {
  position: relative;
  margin-top: 153px; margin-left: 187px;
  
  background-color: #ffffff;
  
  width: 460px;
  
  padding: 17px 8px 17px 8px;
}
#page_7 #content {
  padding-top: 8px;
}
.agb #content {
  margin: 24px 0 0 17px;
}



#page_7 #introduction {
  margin: 0; 
}
.textimage_large {
  margin: 2px 0 2px 0;
}

.image {
  overflow: hidden;
  margin-left: 17px;
}

.introduction .textimage_large {
  height: 168px;
  background-color: #009be1;
}
.introduction .textimage_large .text {
  padding: 12px 0 12px 12px;
  height: 134px;
  overflow: hidden;
  color: #ffffff;
}
.introduction .textimage_large .image {
  width: 170px; height: 168px;
  float: right;
}

#page_1 .image {
  margin: 0;
}
#page_1 .introduction .textimage_large {
  height: auto;
}
#page_1 .textimage_large .image {
  width: 460px; height: 144px;
  float: none;
}


.introduction .imagehead {
  position: relative;
  height: 120px;
  margin-bottom: 24px;
}
.introduction .imagehead .image {
  margin: 0; padding: 0;
  width: 289px; height: 120px;
  float: left;
  background-color: #cccccc;
}
#page_8 .introduction .imagehead .image {
  background-color: #ffed00;
}

.introduction .imagehead .stripes {
  position: relative;
  width: 163px; height: 120px;
  background-image: url(../grafix/background_bluestripes.gif);
  float: right;
}
#page_8 .introduction .imagehead .stripes {
  background-image: url(../grafix/background_yellowstripes.gif);
}

#page_7 .introduction .imagehead .stripes, #page_9 .introduction .stripes, #page_14 .introduction .stripes, #page_22 .introduction .stripes, #page_wettbewerb .introduction .stripes {
  background-image: url(../grafix/background_greystripes.gif);
}

.introduction .imagehead .stripes .topheadline {
  position: absolute;
  top: -22px; left: 0;
  width: 163px; height: 22px;
  
  background-image: url(../grafix/headline_beispiele.gif);
  background-repeat: no-repeat;
}

.description {
  width: 391px;
}
.contentitem .description {
  width: 460px;
}

.description .text {
  width: 255px;
  float: left;
}
.contentitem .description .text {
  width: 289px;
}
#page_1 .contentitem .description .text, 
#page_9 .contentitem .description .text, 
#page_10 .contentitem .description .text,
#page_11 .contentitem .description .text,
#page_12 .contentitem .description .text,
#page_13 .contentitem .description .text,
#page_14 .contentitem .description .text {
  width: 460px;
}

.description .text p {
  margin-bottom: 15px;
  border: 0;
}

#page_12 .description .text p {
  padding-top: 8px;
  margin-top: 8px;
  bargin-bottom: 0px;
  border-top: solid 1px #cccccc;  
}

.description  ul, #moving ul, #moving_right ul {
  list-style-image:  url(../grafix/arrow_more_black.gif);
  list-style-type: circle;
  list-style-position: outside;
  padding-left: 17px;
}
.description  li {
  margin-bottom: 12px;
}
.description .text p.pricing, #page_wettbewerb .text p.pricing {
  border-top: dotted 1px #cccccc;  
  color: #009be1;
}
.description .text p.pricing a {
  color: #009be1;
  border-bottom: solid 2px #009be1;
}

.description .text p.dotted_paragraph, .dotted_paragraph, #page_wettbewerb .text p.dotted_paragraph {
  border-top: dotted 1px #cccccc;  
}

.description .image {
  width: 119px;
  float: left;
  margin-bottom: 24px;
}
.contentitem .description .image {
  width: 163px; padding: 0; margin: 0;
  float: right;
  text-align: right;
  margin-bottom: 24px;
}
.contentitem .description .image p {
  margin: 4px 0 4px 0; padding: 0;
  text-align: right;
}
.bottomspacer {
  height: 120px;
}
.description .text .upcoming {
/*
  padding-top: 8px;
  margin-top: 8px;
  border-top: solid 1px #cccccc;
*/
}
.description .text .upcoming a {
  color: #009be1;
  border-bottom: solid 2px #009be1;
}
#page_7 .description .text .upcoming a {
  margin-left: 17px;
}

.description .text .upcoming a:hover, .description .text p.pricing a:hover {
  color: #989898;
  border-bottom-color: #989898;  
}

.date {
  width: 60px;
  margin-left: 8px;
  float: right;
}
.stripe1 {
  position: absolute;
  bottom: 0px; left: 0px;
  background-image: url(../grafix/background_greystripes.gif);
  background-repeat: repeat;
  display: block;
  width: 391px; height: 22px;
}

.stripe2 {
  position: absolute;
  bottom: 0px; right: 0px;
  background-image: url(../grafix/background_greystripes.gif);
  background-repeat: repeat;
  display: block;
  width: 60px; height: 22px;
}
.stripe1 {
  width: 289px; height: 22px;
}
.stripe2 {
  width: 163px; height: 22px;
}
#page_8 .stripe1 {
  background-image: url(../grafix/background_yellowstripes.gif);
  width: 289px; height: 22px;
}
#page_8  .stripe2 {
  background-image: url(../grafix/background_yellowstripes.gif);
  width: 163px; height: 22px;
}

#page_1 .stripe1,
#page_9 .stripe1,
#page_10 .stripe1,
#page_11 .stripe1,
#page_12 .stripe1,
#page_13 .stripe1,
#page_14 .stripe1 {
  width: 100%;
}

#page_1 .stripe1, #page_1 .stripe2,
#page_2 .stripe1, #page_2 .stripe2,
#page_3 .stripe1, #page_3 .stripe2,
#page_4 .stripe1, #page_4 .stripe2,
#page_5 .stripe1, #page_5 .stripe2,
#page_6 .stripe1, #page_6 .stripe2 {
  background-image: url(../grafix/background_bluestripes.gif);
}

#page_7 .stripe1 {
  width: 391px; height: 22px;
}
#page_7 .stripe2 {
  width: 60px; height: 22px;
}



.eventitem, .contentitem {
  position: relative;
/*  border-bottom: 1px solid #000000; */
  margin-top: 12px;
  padding-bottom: 24px;
}
.contentitem {
  padding-bottom: 8px;
  border: 0;
}
.eventitem:after, .contentitem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .eventitem, * html .contentitem {height: 1%;}
.eventitem, .contentitem {display: block;}
/* End hide from IE-mac */


.description .headline {
  position: relative;
}
.description .headline h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
  width: 223px;
}
#page_13 .description .headline h2,
#page_14 .description .headline h2 {
  width: 100%;
}
.description .headline h2.pro_map {
  height: 24px; width: 289px;
  background-repeat: no-repeat;
  background-image: url(../grafix/headline_text_map.gif);
}
.description .headline h2.pro_print {
  height: 24px; width: 289px;
  background-repeat: no-repeat;
  background-image: url(../grafix/headline_text_print.gif);
}
.description .headline h2.pro_complete {
  height: 24px; width: 289px;
  background-repeat: no-repeat;
  background-image: url(../grafix/headline_text_complete.gif);
}
.description .headline .buttons {
  position: absolute;
  top: 0px; right: 0px;
  text-align: right;
  width: 32px;
}
.description .headline .buttons a {
  display: block;
  width: 13px; height: 13px;
  background-repeat: no-repeat;
  float: right;
  margin-left: 3px;
}

.description .headline .buttons a.map_available { background-image: url(../grafix/headlinebutton_m.gif); }
.description .headline .buttons a.plan_available { background-image: url(../grafix/headlinebutton_p.gif); }



/* #####################################################
   NEWS-CLASSES
*/
.news {
  position: absolute;
  top: 0px; left: 0px;
  margin-top: 153px; margin-left: 680px;

  padding: 17px 4px 12px 4px;
  background-color: #ffffff;
  width: 281px;
}
#page_4 .news, #page_5 .news, #page_6 .news, #page_wettbewerb .news{
  width: 230px;
}
.news h3 {
  width: 100%; height: 22px;
  background-image: url(../grafix/headline_aktuelles.gif);
  margin-bottom: 2px;
}
#page_4 .news h3, #page_5 .news h3, #page_6 .news h3, #page_wettbewerb .news h3 {
  background-image: url(../grafix/headline_techinw.gif);
}
.news .textimage_large {
  padding-top: 12px;
}

.news div.line {
  height: 6px;
  overflow: hidden;
  background-color: #ffdc00;
}
.news .stripes {
  background-image: url(../grafix/background_yellowstripes.gif);
}
#page_4 .news .stripes, #page_5 .news .stripes, #page_6 .news .stripes, #page_wettbewerb .news .stripes {
  background-image: url(../grafix/background_greystripes.gif);
}



#navigation {
  position: absolute;
  top: 0px; left: 0px;
  
  margin-top: 153px; margin-left: 34px;
  
  padding: 17px 4px 17px 4px;
  
  width: 126px;
  
  background-color: #ffffff;
}

.stripes {
  background-image: url(../grafix/background_bluestripes.gif);
  background-repeat: repeat;
  display: block;
  width: 100%; height: 22px;
}

#page_8 .introduction .stripes,
#page_9 .introduction .stripes,
#page_10 .introduction .stripes,
#page_11 .introduction .stripes,
#page_12 .introduction .stripes,
#page_13 .introduction .stripes,
#page_14 .introduction .stripes {
  background-image: url(../grafix/background_greystripes.gif);
}

/* #####################################################
   MENU-CLASSES
*/
#main_menu {
  margin: 24px 0 24px 0;
}
#main_menu a { 
  border: 0;
  display: block;
  width: 100%; height: 100%;
}
#main_menu li {
  width: 100%; height: 22px;
  margin-bottom: 2px;
}

#main_menu #menuitem2 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem4.gif); }
#main_menu #menuitem2 a:hover { background-position: -128px 0; }
#main_menu #menuitem2.current a, #main_menu #menuitem2.current a:hover { background-position: -256px 0; }

#main_menu #menuitem3 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem2.gif); }
#main_menu #menuitem3 a:hover { background-position: -128px 0; }
#main_menu #menuitem3.current a, #main_menu #menuitem3.current a:hover { background-position: -256px 0; }
#main_menu #menuitem3.current {
  position: relative;
  margin: 0; padding: 0;
  height: 24px;
  margin-bottom: 72px;
}
#main_menu #menuitem3.current ul {
  position: relative;
}

#main_menu #menuitem3 #menuitem4 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem21.gif); background-position: 0px 0; }
#main_menu #menuitem3 #menuitem4 a:hover { background-position: -128px 0; }
#main_menu #menuitem3 #menuitem4.current a, #main_menu #menuitem3 #menuitem4.current a:hover { background-position: -256px 0; }

#main_menu #menuitem3 #menuitem5 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem22.gif); background-position: 0px 0; }
#main_menu #menuitem3 #menuitem5 a:hover { background-position: -128px 0; }
#main_menu #menuitem3 #menuitem5.current a, #main_menu #menuitem3 #menuitem5.current a:hover { background-position: -256px 0; }

#main_menu #menuitem3 #menuitem6 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem23.gif); background-position: 0px 0; }
#main_menu #menuitem3 #menuitem6 a:hover { background-position: -128px 0; }
#main_menu #menuitem3 #menuitem6.current a, #main_menu #menuitem3 #menuitem6.current a:hover { background-position: -256px 0; }

/*
#main_menu #menuitem3 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem3.gif); }
#main_menu #menuitem3 a:hover { background-position: -128px 0; }
#main_menu #menuitem3.current a, #main_menu #menuitem7.current a:hover { background-position: -256px 0; }
*/
#main_menu #menuitem7 a { background-repeat: no-repeat; background-image: url(../grafix/menuitem5.gif); }
#main_menu #menuitem7 a:hover { background-position: -128px 0; }
#main_menu #menuitem7.current a, #main_menu #menuitem7.current a:hover { background-position: -256px 0; }

#bottommenu {
  position: relative;
  margin-top: 12px;
  font-size: 0.9em;
}
/* #####################################################
   QUICK-MENU (Language and Page-Navigation)
*/

#quick_menu {
  position: absolute;
  height: 18px; width: 118px;
  top: 15px;
  
  padding: 2px 4px 2px 4px;
}
#quick_menu #language {
  width: 44px;
  position: absolute;
  top: 0px; left: 0px; 
}

#quick_menu #pagenavi {
  width: 68px;
  position: absolute;
  top: 0px; right: 0px;
}

#quick_menu a {
  display: block;
  background-repeat: no-repeat;
  margin: 0; padding: 0;
  float: left;
}
#quick_menu #pagenavi a { float: left; }

#quick_menu #qm_d { display: block; float: left; background-image: url(../grafix/quickmenu_d_on.gif); width: 13px; height: 22px; }
#quick_menu #qm_e { display: block; background-image: url(../grafix/quickmenu_e_off.gif); width: 13px; height: 22px; margin-left: 11px; }
/*
BEI ZWEISPRACHIGKEIT EINFUEHERN
#quick_menu #qm_d { background-image: url(../grafix/quickmenu_d_off.gif); width: 13px; height: 22px; }
#quick_menu #qm_d:hover, #quick_menu #qm_d.active { background-image: url(../grafix/quickmenu_d_on.gif); }

#quick_menu #qm_e { background-image: url(../grafix/quickmenu_e_off.gif); width: 13px; height: 22px; }
#quick_menu #qm_e:hover, #quick_menu #qm_e.active { background-image: url(../grafix/quickmenu_e_on.gif); }
*/

#quick_menu #qm_m { background-image: url(../grafix/quickmenu_mail_on.gif); width: 21px; height: 22px; }
#quick_menu #qm_m:hover, #quick_menu #qm_m.active { background-image: url(../grafix/quickmenu_mail_off.gif); }

#quick_menu #qm_h { background-image: url(../grafix/quickmenu_home_on.gif); width: 21px; height: 22px; }
#page_1 #quick_menu #qm_h { background-image: url(../grafix/quickmenu_home_off.gif); }
#quick_menu #qm_h:hover, #quick_menu #qm_h.active { background-image: url(../grafix/quickmenu_home_off.gif); }
#page_1 #quick_menu #qm_h:hover { background-image: url(../grafix/quickmenu_home_on.gif); }

#quick_menu #qm_b { background-image: url(../grafix/quickmenu_back_off.gif); width: 13px; height: 22px; }
#quick_menu #qm_b:hover, #quick_menu #qm_b.active { background-image: url(../grafix/quickmenu_back_on.gif); }

#quick_menu #qm_f { background-image: url(../grafix/quickmenu_forw_off.gif); width: 13px; height: 22px; }
#quick_menu #qm_f:hover, #quick_menu #qm_f.active { background-image: url(../grafix/quickmenu_forw_on.gif); }


#navigation #newsletter {
  position: relative;
  height: 22px; width: 126px;
  background-color: #989898;
}

#navigation #newsletter a {
  display: block;
  background-image: url(../grafix/newsletter.gif);
  background-repeat: no-repeat;
  width: 100%; height: 22px;
}

#navigation #newsletter a:hover {
  background-position: -128px 0;
}


/* #####################################################
   HEADLINES
*/

h1 {
  width: 100%; height: 22px;
  background-image: url(../grafix/headline_default.gif);
  background-repeat: no-repeat;
  margin-bottom: 2px;
}

#page_1 h1 {
  background-image: url(../grafix/headline_page0.gif);
}
#page_7 h1 {
  background-image: url(../grafix/headline_wettbewerbe.gif);
}
#page_wettbewerb h1 {
  background-image: url(../grafix/headline_wettbewerb.gif);
}
#page_3 h1 {
  background-image: url(../grafix/headline_page3.gif);
}
#page_3 h1 {
  background-image: url(../grafix/headline_pro.gif);
}
#page_4 h1 {
  background-image: url(../grafix/headline_pro_map.gif);
}
#page_5 h1 {
  background-image: url(../grafix/headline_pro_print.gif);
}
#page_6 h1 {
  background-image: url(../grafix/headline_pro_comp.gif);
}
/*
#page_2 h1 {
  background-image: url(../grafix/headline_page5.gif);
}
*/
#page_8 h1 {
  background-image: url(../grafix/headline_aktuelles.gif);
}
#page_9 h1 {
  background-image: url(../grafix/headline_impressum.gif);
}  
#page_11 h1 {
  background-image: url(../grafix/headline_page11.gif);
}  
#page_10 h1 {
  background-image: url(../grafix/headline_newsletter.gif);
}  
#page_12 h1 {
  background-image: url(../grafix/headline_kontaktformular.gif);
}  
#page_13 h1 {
  background-image: url(../grafix/headline_reminder.gif);
}  
#page_14 h1 {
  background-image: url(../grafix/headline_angebote.gif);
}  

/*
#page_22 h1.emailreminder {
  background-image: url(../grafix/headline_emailreminder.gif);
}  
#page_22 h1.schriftl {
  background-image: url(../grafix/headline_schriftl.gif);
}  
*/
/* #####################################################
   TOOLTIPS
*/
.tooltip {
  position: absolute;
  display: none;
  top: 0px; left: 0px;
    
  width: 150px; height: auto;

  background-color: #009be1;
  color: #ffffff;
  font-weight: bold;

  border: 1px solid #ffffff;
  padding: 4px;
}

/* #####################################################
   DER NACH-OBEN-BUTTON
*/
.uptotoplink {
  position: absolute;
  display: block;
  bottom: 0px; right: -24px;
    
  width: 15px; height: 15px;
  
  background-image: url(../grafix/arrow_up.gif);
  background-repeat: no-repeat;
}


/* #####################################################
   TABELLEN
*/

table {
  position: relative;
  padding: 0; margin: 0;
  width: 100%;
  
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 8px 0 8px 0;
}
td, th {
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #cccccc;
  padding: 4px
}
td:first-child, th:first-child {
  padding-left: 0px;
}

.erstezeile td {
  height: 1px;
  position: relative;

}

.col_3_0, .col_4_0, .col_5_0 { border: 0; }
.col_3_1 { width: 60%; }
.col_3_2 { width: 15%; }
.col_3_3 { width: 25%; }

.col_4_1 { width: 18%; }
.col_4_2 { width: 20%; }
.col_4_3 { width: 38%; }
.col_4_4 { width: 25%; }

.col_5_1 { width: 50%; }
.col_5_2 { width: 18%; }
.col_5_3 { width: 10%; }
.col_5_4 { width: 15%; }
.col_5_5 { width: 15%; }

/* #####################################################
   FORMULARE
*/

.description form ul {
  list-style-type: none;
  list-style-image: none;
  padding-left: 0;  
}
form ul li label {
  display: block;
  width: 119px; height: 100%;
  padding: 4px 0 0 0;
  float: left;
}
form ul .wrongparameter {
  color: #da0000;
}
form ul .hiddeninfo {
  visibility: hidden;
}
form ul li input, form ul li textarea {
  position: relative;
  display: inline;
  width: 204px;
}

form ul li.radio div {
  position: relative;
  width: 120px;
  display: inline;
  margin-right: 51px;
  padding-left: 20px;
}
form ul li.radio input {
  position: relative;
  margin: 1px 0 0 -21px;
  width: auto;  
}

form ul li.checkbox div, form ul li.information div {
  width: 206px;
  margin-left: 120px;
}
form ul li.checkbox div div {
  width: 189px;
  margin: 0 0 0 19px;
  background-color: transparent;
}

form ul li.checkbox div input {
  width: auto;
  margin: 1px 0 0 -1px;
  float: left;
}

form ul li input.submit {
  float: right;
  width: 68px;
}

.nothingBelowForSafari { position: relative; ! }
form ul li.radio div {
  position: relative;
  width: 120px;
  display: inline;
  margin-right: 51px;
  padding-left: 15px;
}
form ul li.radio input {
  position: absolute;
  margin: 1px 0 0 -16px;
  width: auto;  
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px dotted #cccccc;
}

.banner {
  display: block;
  overflow: hidden;
  margin: 0 0 10px 0;
}