html, body { text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;  background-image: url(Hintergrund_general.png); background-repeat:no-repeat;  background-color: rgb(60,60,60);}

.t_hintergrund {background-image: url(T_logo_white.png); }


h1 { margin: 0; padding: 0; }
h2 { font-size: 1.2em; font-weight: bold; line-height: 1em; margin: 0; padding: 0em 0em 15px 0em; border-bottom: 1px solid rgb(214,208,204); }
h3 { font-size: 1em; font-weight: bold; line-height: 1em; margin: 0; padding: 3em 0em 0.6em 0em; border-bottom: 1px solid rgb(214,208,204); }

p { font-size: 0.8em; font-stretch: wider; line-height: 1.6em; margin: 1.2em 0em 0em 0em; padding: 0; }

address { font-size: 0.8em; font-stretch: wider; font-style: normal; line-height: 1.6em; margin: 0; padding: 0; }
abbr, acronym { font-style: normal; border-bottom: 1px dotted rgb(214,208,204); cursor: help; }

dl { font-size: 0.8em; font-stretch: wider; font-style: normal; line-height: 1.8em; margin: 0; padding: 0; }
dt { font-weight: bold; margin: 1em 0em -1.8em 0em; padding-left: 1em; }
dd { text-align: right; margin: 0; padding: 0em 1em 0em 0em; background: rgb(50,50,50); }

table { width:100%;   }
tr { border:none; }
th { padding-left:0em;   }
.ablauf_th {  font-style: normal; font-weight: normal; font-size: 0.7em; line-height: 1em; text-align: center;}
.leistung {font-style: normal; font-weight: normal;  line-height: 1.6em; padding-left: 2em; }


em { font-style: normal; font-weight: bold; }
strong { font-style: normal; font-weight: bold; }

a { text-decoration: none; font-weight: normal; color: rgb(170,170,170); background: transparent; }
a { text-decoration: none; font-weight: normal; color: rgb(120,120,120); background: transparent; }
a:hover { text-decoration: underline;  }
.imagelink { border: none; margin: none; padding: none; }
.imagelink-r-u { border: none; margin: 0px 2px 2px 0px; padding: none; }
.imagelink-u { border: none; margin: 0px 0px 2px 0px; padding: none; }

.linkmap { border: none; margin-left: 12em; margin-top: 1.5em; padding: 1.8em 0em 0em 0em;  }
.linkmap-right { border: none; margin-left: 13em; padding: 1.8em 0em 0em 0em;  }
.linkmap-left { border: none; margin: 0em 0em 0em 2em; padding: 1.8em 12em 0em 0em; }

.table_awards {width: 50%; border: 1px solid rgb(214,208,204);}
.table_awards_th1 {width: 10%; border: 1px solid rgb(214,208,204);  margin:0em 0em 0em 0em; padding:0px; }
.table_awards_th2 {width: 40%; border: 1px solid rgb(214,208,204);  margin:0em 0em 0em 0em; padding:0px;}

.workflow_height {height:250px;}

.main_page_left {width:50%; height:160px; font-size: 0.8em; font-weight: normal; font-stretch: wider; font-style: normal; line-height: 1.6em; margin:0em; padding-right:1.6em;}
.main_page_right { width:50%; height:160px; font-size: 0.8em; font-weight: normal; font-stretch: wider; font-style: normal; line-height: 1.6em; margin:0em; padding-left: 1.6em;}

.main-nav { position:absolute; width:165px; top:110px; bottom:0; left:0;}
.main-nav_agb { position:absolute; width:200px; top:110px; bottom:0; left:0; }
.navlist-up {  padding: 0.8em; margin: 0em 0em 0em 0em; width: 150px; }
.navlist-up_agb {  padding: 0.8em; margin: 0em 0em 0em 0em; width: 200px; }
.navlist-down { padding: 0; margin: 2em 0em 0em 0em; width: 150px; }
.navlist-up li {  text-decoration: none; list-style: none; margin: 0; padding: 0.2em 0em 0em 0em; }
.navlist-up_agb li {  text-decoration: none; list-style: none; margin: 0; padding: 0.2em 0em 0em 0em; }
.navlist-down li { font-size: 0.8em; text-decoration: none; list-style: none; margin: 0; padding: 3% 0% 3% 0%; border-bottom: 1px solid rgb(214,208,204); }
.navlist-up li.navend { border-bottom: none; }
.navlist-down li.navend { border-bottom: none; }
.navlist-box { padding: 0; margin: 2em 0em 0em 0em; width: 150px; border: 1px solid rgb(214,208,204); background: rgb(245,245,245);}
.navlist-box li { font-size: 0.8em; text-decoration: none; list-style: none; margin: 0; padding: 3% 0% 3% 3%; border-bottom: 1px solid rgb(214,208,204); }
.navlist-box li.navend { border-bottom: none; }

.bestellbutton { text-align: right; margin: -2em 0em 0em 0em; }

.copyright { font-size: 0.7em; margin-top: 0.5em; color: rgb(148,143,141);  text-align: center;}
.annotation { font-style:italic; color: rgb(60,60,60); background: rgb(230,230,230); }
.accentuation { font-weight: bold; font-size: 0.8em; }
.accentuation1 { font-weight: bold;font-size: 1em;}
.accentuation2 {  font-size:0.8em; color:rgb(120,120,120);  margin-left:1.5em;  padding: 0em 0em 0em 0em; }
.accentuation3 { font-weight: bold; color:rgb(0,0,0);  font-size:0.8em;   margin-left:1.5em;  padding: 0.3em 0em 0em 0em; }


.tabbed { margin-left: 1.5em; }
.text-centered { text-align: center; margin: 1.5em 0em 0em 0em; }
.list { font-size: 0.8em; line-height: 1.5em; font-stretch: wider; margin: 0; padding: 1.5em 0em 0em 3em; }
.list-2 { font-size: 0.8em; font-stretch: wider; line-height: 1.6em; margin: 1.2em 0em 0em 1.6em; padding: 0; }

.umschalter { font-size: 0.8em; text-align: center; font-weight: bold; padding: 0; margin: -3em 1em 0em 0em; }
.umschalter a { font-weight: bold; }

.linkmap { border: none; margin: 0; }
.type1 {font-size: 0.8em; line-height: 1.8em;}
em .type1 { font-weight: bold;}
.vorgehen {font-size: 0.7em; line-height: 1.6em;}


.container { text-align: left; position: relative; width: 1000px; height:1000px;   margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px;  background-image: url(Hintergrund_shop3.png); background-repeat:no-repeat; }
.container_agb { text-align: left; position: relative; width: 1000px;  height: 100em; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px;  background-image: url(Hintergrund_shop6.png); background-repeat:no-repeat; }
.container_index { text-align: left; position: relative; width: 970px; height:1000px; margin-left: auto; margin-right: auto; margin-top: 0px;   }
.header { position: relative; height: 80px; border-bottom: 1px solid rgb(214,208,204); }
.content { position:relative; margin: 32px 0px 0px 165px; padding: 0px 0px 0px 0px; overflow:hidden; width: 750px; height:600px; }
.content_pg { position:relative; margin: 17px 0px 0px 165px; padding: 0px 0px 0px 0px; overflow:hidden; width: 750px; height:615px; }
.content_projekt { position:relative; margin: 0px 0px 0px 165px; padding: 0px 0px 0px 0px; overflow:hidden; width: 750px; height:670px; }
.content_ablauf { position:relative; margin: 32px 0px 0px 165px; padding: 0px 0px 0px 0px; overflow:hidden; width: 780px; height:600px; }
.content1 { position:relative; margin: 32px 0px 0px 210px; padding: 0px 0px 0px 0px; overflow:hidden; width: 730px; height:590px; }
.content2{ position:relative; margin: 32px 0px 0px 165px; padding: 0px 0px 0px 0px; overflow:hidden; width: 790px; height:600px; }
.content3{ position:relative; margin: 32px 0px 0px 220px; padding: 0px 0px 0px 0px; overflow:hidden; width: 700px; height:600px; }
.content4{ position:relative; margin: 22px 0px 0px 220px; padding: 0px 0px 0px 0px; overflow:hidden; width: 720px; height:610px; }

.content_index { position:relative; margin: 32px 0px 0px 165px; padding: 0px 0px 0px 10px; overflow:hidden; width: 1020px; height:550px; }
.content-broad  { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:hidden; }  
.footer { margin: 1.5em 0em 0em 0em;  padding-top: 0.5em; }

.borders-down { margin: 0; padding: 1.5em 0em 1.5em 0em; border-bottom: 1px solid rgb(214,208,204); }
.borders-up { margin: 0; padding: 1.5em 0em 1.5em 0em; border-top: 1px solid rgb(214,208,204); }
.box {border: 1px solid rgb(214,208,204);}
.display {margin:8px; width:730px;}
.display_text {font-size: 0.8em; line-height: 1.6em; color: rgb(170,170,170); margin:8px; text-align: center;}

.thumbnail-8 { text-align: center; width: 70px; height:70px; float: left; border: 1px solid rgb(214,208,204); margin:0.5em 0.5em 0.5em 0.5em; }
.thumbnail-8a { border: none; }
.thumbnail-8b { border: 1px solid rgb(214,208,204); margin:0.5em 0.5em 0.5em 0.5em; }
.thumbnail-5 { text-align: center; width: 20%; float: left; }
.thumbnail-4 { text-align: center; width: 25%; float: left; }
.thumbnail-3 { text-align: center; width: 33%; float: left; }
.thumbnail-2 { text-align: center; width: 50%; float: left; }
.thumb-right { font-size: 0.7em; line-height: 1.3em; float: left; margin: 0px 0px 0px 0px; border-bottom: 1px solid rgb(214,208,204); }
.thumb-left { position:relative; float: left; margin: 0px 0px 0px 0px; border:none; }
.thumb-left1 { position:relative; float: left; margin: 20px 0px 200px 20px; border:none; padding:0em 2em 0em 0em;}
.thumb-left2 { position:relative; float: left; margin: 20px 0px 200px 20px; border:none; padding:0em 4em 0em 0em;}
.thumb-vert { text-align: center; width: 302px; float: left; margin: 15px 15px 0px 15px; }

.big-image { border: none; padding: 0; margin: 15px 0px 0px 0px; color: rgb(0,0,0); background: transparent; }
.big-image-footer { padding-top: 5px; border-top: 1px solid rgb(214,208,204); }

.image-text-no { clear: left; padding: 0; }
.image-text-no img { float: left; }
.image-text-no p { margin-left: 200px; }
.image-text-small { height: 20px; clear: left; border-bottom: 1px solid rgb(214,208,204); padding: 15px 0 15px 0; }
.image-text-small img { float: left; }
.image-text-small p { margin: 8px 0px 0px 200px; }
.image-text { clear:left; padding: 0; margin-bottom: 1em; }
.image-text img { float: left; margin-top: -1.6em;}
.image-text p { margin-left: 210px; }
.image-text h3 { margin-left: 210px; }

.image_right {  float: right; border:none; padding: 1em 0em 0em 0em; }
.image_left {  float: left; border:none; padding: 1em 0em 0em 0em; }
.text_right {  text-align: right; float: right;}

.index_table { border-top:none;  border-bottom:none; border-left:none; vertical-align:top; padding-top:1em;  overflow:hidden; }

.imagelink_index { position:center; border: none; margin: 2em 2em 2em 2em; padding: none; }


.centered {text-align: center;}

.extrabox { border: 1px solid rgb(61,67,71); padding: 0.5em 0em 0.5em 0em; margin: 0em; font-size: 1.2em; font-weight: 900; background: rgb(240,240,240); text-align: center;  }
.extrabox10{ border: 2px solid rgb(217,140,0); padding: 1em 1em 1em 1em; margin: 0em; font-size: 0.8em; font-weight: 100;  text-align: left;  clear: left;  }
.extrabox11{ border: 2px solid rgb(217,140,0); padding: 1em 1em 1em 1em; margin: 0em; font-size: 0.8em; font-weight: 100;  text-align: left;  clear: left; background: rgb(35,35,35); color: rgb(255,255,255); text-align: center; }

#switch-left { float:left; width:434px; margin:0px; padding: 0px 15px 0px 0px; border-right: 1px solid rgb(214,208,204); }
#switch-right { padding:0px; margin-left:465px; margin-right:0px; }

#image-row { padding: 0px; float:left; width:180px; margin: 1.2em 0em 0em 0em;  }
#text-row { padding:0px; margin-left:195px; margin-right:0px; }

.formular { font-size: 0.8em; font-stretch:wider; line-height:1.8em; width: 715px; padding: 0; }
fieldset { border: none; padding: 0em 2em 1.5em 1.8em; margin-bottom: 2em; background: rgb(170,170,170); }
select { width: 100%; margin: 0em 0em 1em 0em; padding: 0.5em; border: none; border-bottom: 1px dotted rgb(61,67,71); color: rgb(255,255,255); background: rgb(80,80,80); }
input.eingabe { width: 100%; margin: 0em 0em 1em 0em; padding: 0.5em; border: none; border-bottom: 1px dotted rgb(61,67,71); color: rgb(0,0,0); background: rgb(250,250,250); }
input.checkbox { margin: 0em 1em 0em 0em; padding: 0; border: 1px solid rgb(61,67,71); color: rgb(0,0,0); background: rgb(250,250,250); }
button { margin: 0em 1em 0em 0em; padding: 0.5em; border: none; border: 1px solid rgb(61,67,71); color: rgb(255,255,255); background: rgb(80,80,80); cursor: pointer; }
input.textbutton { margin: 0; padding: 0; border: none; color: rgb(217,140,0); background: rgb(0,0,0); cursor: pointer; font-weight: bold; }
textarea { width: 100%; margin: 0em 0em 0.5em 0em; padding: 0.5em; border: none; border-bottom: 1px dotted rgb(61,67,71); color: rgb(0,0,0); background: rgb(250,250,250); }
legend { width: 100%; padding: 0em 0em 1.5em 0em; margin-top:0em;}

hr { height: 1px; border: 0; background-color: rgb(214,208,204); }