/* allgemeine Vorlagen, Standardformatierung */
* {
  font-size: 100.1%;
  /*font-family: "Segoe UI", Segoe, arial, sans-serif;*/
  font-family: arial, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.75em;
  text-align: center;
}
a {
  text-decoration: none;
}
a img {
  border: 0;
}
p {
  margin: 0 0 0.8em 0;
}
table th, table td {
  vertical-align: top;
}
label, .toggler {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
.left, .tleft {
  float: left;
}
.right, .tright {
  float: right;
}
.clear {
  font-size: 1px; height: 1px;
  clear: both; overflow: hidden;
}
.highlight {
  font-weight: bold;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  display: none;
}

/* containerdefinitionen */
#wrapper {
   width: 900px;
   text-align: left;
   margin: 0 auto 20px auto;
   background: url(img/layout/wrapperbg.gif) repeat-y top left;
}
#main {
  position: relative;
  float: left;
  width: 640px;
  margin: 0 11px 0 0;
  overflow: hidden;
}
#right {
  position: relative;
  float: left;
  width: 249px;
  overflow: hidden;
  padding: 0 0 1em 0; margin: 0;
}

/* main box, header (incl. cart, language and main navigation) and body content */
#main .head {
  width: 640px; height: 93px;
  background: url(img/layout/headbg.jpg) no-repeat 348px 0px;
}
#main .head #logo-container {
  float: left;
  display: block;
  width: 178px;
  padding: 15px 0 8px 0;
}
#main .head #logo-container img {
  width: 178px; height: 61px;
}
#main .head .notebookman {
  float: left;
  width: 462px; height: 80px;
  margin-top: 10px;
}

/* main menue with bg-images */
#main #menue {
  clear: both;
  width: 640px;
  margin: 0 0 10px 0;
}
#main #menue a {
  text-decoration: none;
}
#main #menue ul {
  list-style: none;
  float: left;
}
#main #menue ul.level_1 {
  width: 640px;
}
#main #menue li.submenu {
  float: left;
  position: relative;
  width: 206px;
  margin-right: 11px;
  padding: 0 0 170px 0;
}
#main #menue li.leistungen {
  background: url(img/layout/menbg-leistungen.jpg) repeat bottom left;
}
#main #menue li.hosting {
  background: url(img/layout/menbg-webhosting.jpg) repeat bottom left;
}
#main #menue li.projekte {
  background: url(img/layout/menbg-projekte.jpg) repeat bottom left;
  margin-right: 0px;
}
#main #menue li ul {
  position: absolute; left: 0px;
  display: none;
  width: 206px;
  margin: 0px 1px 0 1px;
  padding: 1px 0 3px 0;
  list-style: none;
  border-bottom: 1px solid #fff;
}
#main #menue li li {
  background: none;
}
/* hover-magic: aktuelle Browser kennen hover bei den meisten Elementen, IE nur bei a,
   darum wird über DOM die Klasse over ergänzt */
#main #menue li:hover ul, #main #menue li.over ul, #main #menue li.trail ul {
  display: block;
}
/* IE7 */
*+html #main #menue li ul {
  top: 26px;
}
#main #menue li.leistungen ul {
  background: url(img/layout/men-ulbg-leistungen.png) no-repeat !important;
  background: url(img/layout/men-ulbg-leistungen.gif) no-repeat;
}
#main #menue li.hosting ul {
  background: url(img/layout/men-ulbg-hosting.png) no-repeat !important;
  background: url(img/layout/men-ulbg-hosting.gif) no-repeat;
}
#main #menue li.projekte ul {
  background: url(img/layout/men-ulbg-projekte.png) no-repeat !important;
  background: url(img/layout/men-ulbg-projekte.gif) no-repeat;
}
#main #menue a.submenu {
  display: block;
  width: 206px;
  text-align: center;
  padding: 3px 0 3px 0;
  text-transform: uppercase;
  background: #faf7eb;
}
#main #menue li.leistungen a.submenu {
  color: #695e47;
  border: 1px solid #695e47;
  border-width: 2px 0 4px 0;
}
#main #menue li.hosting a.submenu {
  color: #4f657d;
  border: 1px solid #4f657d;
  border-width: 2px 0 4px 0;
}
#main #menue li.projekte a.submenu {
  margin-right: 0;
  color: #80331b;
  border: 1px solid #80331b;
  border-width: 2px 0 4px 0;
}
#main #menue li li {
  padding: 1px 0 2px 20px;
  background: url(img/layout/men-libg.gif) no-repeat 7px 5px !important;
}
#main #menue li li a {
  color: #fff;
}
#main #menue li li a.active,
#main #menue li li.trail a,
#main #menue li li a:hover {
  text-decoration: underline;
}

/* main content */
#main .inside {
  line-height: 1.3em;
  clear: both;
}
#main .inside p,
#main .inside table,
#main .inside ul,
#main .inside ol,
#main .inside pre,
#main .inside .ce_text,
#main .inside .ce_code,
#main .inside .ce_domains,
#main .inside .ce_table {
  margin: 0 0 1em 0;
}
#main .inside .ce_code .dp-highlighter {
  font-size: 1.2em;
}
#main .inside .ce_text,
#main .inside .ce_domains,
#main .inside .ce_table {
  position: relative;
  clear: both;
}
#main .inside li {
  margin-bottom: 0.1em;
}
#main .inside .mod_breadcrumb {
  position: relative;
  margin: 0 0 0.8em 0;
  padding: 2px 6px;
  color: #505050;
  background: #faf9f4;
  border: 1px solid #697b90;
}
#main .inside h1 {
  width: 640px; w\idth: 608px;
  background: #4f657d url(img/layout/webhosting-h1bg.gif) no-repeat 2px 0px;
  padding: 2px 10px 2px 22px;
  margin: 0 0 0.8em 0;
  color: white;
  font-size: 1.1em;
}
#main .inside h2 {
  color: #4f657d;
  margin: 0 0 0.5em 0;
  font-size: 1.1em;
}
#main .inside h2 a {
  text-decoration: none;
}
#main .inside ul {
  list-style: square;
  margin: 0 0 1em 1.3em;
}
#main .inside ol {
  margin: 0 0 1em 1.6em;
}
#main .inside ol li {
  margin: 0 0 0.3em 0;
}
#main .inside blockquote {
  margin: 0 1.3em 1em 1.3em;
  padding: 0.6em 1em 0.6em 1em;
  border: 1px solid #ccc;
}
#main .inside blockquote p {
  margin: 0;
}
#main .inside a {
  color: #80331b;
  text-decoration: underline;
}
#main .inside a:hover {
  text-decoration: none;
}
#main .inside .mod_breadcrumb a {
  text-decoration: none;
  color: #697b90;
}
#main .inside .mod_breadcrumb a:hover {
  color: #80331b;
}

/* Hosting-Pakete und Übersicht */
#main .inside .hosting_kurz {
  width: 206px;
  float: left;
  clear: none;
  position: relative;
  height: 200px;
  margin: 0 9px 11px 0;
}
#main .hosting_kurz h1 {
  width: 206px; w\idth: 174px;
}
#main .hosting_kurz p {
  width: 206px;
}
#main .hosting_kurz .weiter {
  position: absolute;
  left: 0px; bottom: 0px;
  width: 206px;
}
#main .abutton {
  position: absolute;
  bottom: 10px; left: 40px;
  display: block;
  width: 90px;
  padding: 1px;
  background: #fff;
  border: 1px solid #4f657d;
}
#main .abutton a {
  display: block;
  background: #4f657d;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#main .abutton:hover {
  background: #4f657d;
  border: 1px solid #cfd5dc;
}
#main .abutton a:hover {
  background: #cfd5dc;
  color: #4f657d;
}
#main .hosting_kurz .abutton {
  position: absolute;
  bottom: 10px; left: 40px;
}
#main .privat .weiter {
  height: 126px;
  background: url(img/hosting/webhosting-privat.gif) no-repeat top left;
}
#main .business .weiter {
  height: 158px;
  background: url(img/hosting/webhosting-business.gif) no-repeat top left;
}
#main .profi .weiter {
  height: 129px;
  background: url(img/hosting/webhosting-profi.gif) no-repeat top left;
}
#main .reseller .weiter {
  height: 130px;
  background: url(img/hosting/webhosting-reseller.gif) no-repeat top left;
}
#main .sonderloesungen .weiter {
  height: 148px;
  background: url(img/hosting/webhosting-sonderloesungen.gif) no-repeat top left;
}
#main .hosting_family .beschreibung {
  width: 640px; w\idth: 424px;
  padding: 0 0 0 216px;
  margin: 0 0 2em 0;
  height: auto !important;
}
#main .hosting_family .privat {
  height: 126px; min-height: 126px;
  background: url(img/hosting/privat-details.jpg) no-repeat bottom left;
}
#main .hosting_family .business {
  height: 158px; min-height: 158px;
  background: url(img/hosting/business-details.jpg) no-repeat bottom left;
}
#main .hosting_family .profi {
  height: 129px; min-height: 129px;
  background: url(img/hosting/profi-details.jpg) no-repeat bottom left;
}
#main .hosting_family .reseller {
  height: 130px; min-height: 130px;
  background: url(img/hosting/reseller-details.jpg) no-repeat bottom left;
}
#main .hosting_family .spezial {
  height: 176px; min-height: 176px;
  w\idth: 475px;
  padding: 0 0 0 165px;
  background: url(img/hosting/spezial-details.jpg) no-repeat bottom left;
}
#main .inside .hostingbox {
  position: relative;
  width: 196px;
  float: left;
  clear: none;
  margin: 0 9px 1em 8px;
  padding: 0 0 7px 0;
  background: url(img/hosting/boxbg.gif) no-repeat bottom left;
}
#main .inside .hostingbox .inside {
  position: relative;
  width: 194px;
  background: #faf7eb;
  color: #80331b;
  border: 1px solid #cfd5dc;
}
#main .inside .hostingbox h3 {
  width: 196px; w\idth: 121px;
  height: 24px; he\ight: 20px;
  padding: 4px 10px 0 65px;
  font-size: 1.4em;
  text-align: right;
  color: #80331b;
  position: absolute;
  top: -1px; left: -1px;
  background: #cfd5dc url(img/hosting/box-h3bg.gif) no-repeat top left;
}
#main .inside .hostingbox h3 span {
  font-size: 0.75em;
}
#main .inside .hostingbox h2 {
  position: absolute; top: -9px; left: -12px;
  padding: 39px 0 0 75px;
  width: 196px; w\idth: 121px;
  height: 115px; he\ight: 76px;
  text-align: center;
  font-size: 2em;
  line-height: 1.5em;
  background: url(img/hosting/server2.png) no-repeat !important;
  background: url(img/hosting/server2.jpg) no-repeat;
}
#main .inside .complete h2 {
  position: absolute; top: -12px; left: -13px;
  padding: 39px 10px 0 21px;
  width: 206px; w\idth: 175px;
  text-align: right;
  background: url(img/hosting/plus.png) no-repeat !important;
  background: url(img/hosting/plus.jpg) no-repeat;
}
#main .inside .hostingbox h2 span {
  font-size: 45px;
}
#main .inside .complete h2 span {
  font-size: 35px;
}
#main .inside .hostingbox p {
  margin: 104px 0 0 0; padding: 6px;
}
#main .inside .hostingbox ul {
  list-style: none;
  list-style-image: url(img/layout/sidebar-libg.gif);
  margin: 110px 0 10px 15px; padding: 0;
}
#main .inside .hostingbox li {
  padding: 0 0 0 5px;
  /*background: url(img/sidebar-libg.gif) no-repeat 0px 4px;*/
}
#main .inside .hostingbox .buttons {
  height: 22px;
  margin: 0 0 0.8em 0;
}
#main .inside .hostingbox .abutton {
  position: relative;
  top: 0px; left: 0px;
  width: 65px; w\idth: 61px;
  float: left;
  margin: 0 0 0 8px;
}
#main .inside .paketxl {
  clear: left;
}

#main .inside .ce_accordion,
#main .inside .neuigkeiten .block {
  float: left;
  width: 315; w\idth: 301px;
  padding: 4px 7px 4px 7px;
  margin: 0 9px 10px 0;
  color: #4f657d;
  border: 1px dashed #cfd5dc;
}

#main .inside .neuigkeiten h2 {
  background: none;
  margin: 0 0 5px 0;
  color: #4f657d;
}
#main .inside .neuigkeiten h2 a {
  color: #4f657d;
  text-decoration: none;
}
#main .inside .neuigkeiten h2 a:hover {
  text-decoration: underline;
}
#main .inside .neuigkeiten h2 span {
  font-weight: normal;
  font-size: 0.9em;
}

/* Infoboxen Startseite */
#main .inside .infobox {
  clear: none;
  width: 206px;
  float: left;
  padding: 0 0 9px 0;
  margin: 0 10px 10px 0;
}
#main .inside .infobox .inside {
  position: relative;
  height: 222px; he\ight: 198px;
  padding: 30px 8px 8px 8px;
}
#main .inside .infobox h2 {
  width: 206px; w\idth: 187px;
  height: 24px; he\ight: 19px;
  padding: 5px 0 0 19px;
  font-size: 1.2em;
  color: #fff;
  position: absolute;
  top: -1px; left: -1px;
  margin: 0 0 8px 0;
}
#main .inside .infobox h3 {
  margin: 0 0 8px 0;
  font-size: 1.3em;
}
#main .inside .infobox a {
  position: absolute; bottom: 8px;
  width: 159px;
  text-align: center;
  text-decoration: underline;
}
#main .inside .infobox a:hover {
  text-decoration: none;
}
#main .inside div.leistungen {
  margin-right: 11px;
  background: url(img/layout/infoboxbg-leistungen.gif) no-repeat bottom left;
}
#main .inside div.hosting {
  margin-right: 11px;
  background: url(img/layout/infoboxbg-hosting.gif) no-repeat bottom left;
}
#main .inside div.projekte {
  margin-right: 0px;
  background: url(img/layout/infoboxbg-projekte.gif) no-repeat bottom left;
}
#main .inside div.leistungen h2 {
  background: url(img/layout/infobox-h1bg-leistungen.gif) no-repeat bottom left;
}
#main .inside div.hosting h2 {
  background: url(img/layout/infobox-h1bg-hosting.gif) no-repeat bottom left;
}
#main .inside div.projekte h2 {
  background: url(img/layout/infobox-h1bg-projekte.gif) no-repeat bottom left;
}
#main .inside div.leistungen .inside {
  background: #faf7eb;
  border: 1px solid #cdc7bb;
  border-top: 0px;
  color: #505050;
}
#main .inside div.hosting .inside {
  background: #faf9f4;
  border: 1px solid #4f657d;
  border-top: 0px;
  color: #505050;
}
#main .inside div.projekte .inside {
  background: #faf7eb;
  border: 1px solid #d9c2bb;
  border-top: 0px;
  color: #505050;
}
#main .inside .leistungen .inside h3 {
  color: #625f53;
}
#main .inside .hosting .inside h3 {
  color: #4f657d;
}
#main .inside .projekte .inside h3 {
  color: #80331b;
}
#main .inside .leistungen .inside a {
  color: #695e47;
}
#main .inside .hosting .inside a {
  color: #4f657d;
}
#main .inside .projekte .inside a {
  color: #80331b;
}
#main .inside .infobox .inside h2 a {
  color: #fff;
  position: relative; top: 0; left: 0;
  text-decoration: none;
}

/* Akkordion */
#main .inside .ce_accordion {
  width: 638px; w\idth: 624px;
  color: inherit;
}
#main .inside .toggler h2 {
  padding-left: 9px;
  background: url(img/hosting-h2bg.gif) no-repeat 0px 3px;
}
#main .inside .ankuendigung hr.dashed {
  border: 0; margin: 5px 0 6px 0;
  background: url(img/layout/hrbg-dashed.gif) repeat-x;
}


#main .mod_sitemap ul.level_1 {
	list-style: square;
	margin: 0 0 1em 1.25em;
	background: none;
}
#main .mod_sitemap ul.level_2 {
	list-style: circle !important;
	list-style: disc;
	margin: 0 0 0.5em 1.2em;
	background: none;
}
#main .mod_sitemap ul.level_3 {
	list-style: none;
	margin: 0 0 0.5em 0;
	background: none;
}
#main p.back {
  margin: 0 0 1em 0;
}
#main p.archivlink {
  float: left;
  margin: 0 1em 1em 0;
}
#main .pagination {
	margin: 2em 0 0 0;
	padding: 0;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 0;
	list-style: none;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#main .pagination ul li .pagination_current {
	color: #666;
	font-weight: bold;
}
#main .ce_hyperlink,
#main .layout_full {
  margin: 0 0 2em 0;
}
#main .layout_full h1 span {
  display: block; float: right;
  font-weight: normal;
}
#main .layout_full p.teaser {
  color: #999;
}
#main .layout_full p.teaser a {
  color: #999;
}
#main .mod_newslist .layout_short {
  margin: 0 0 1.5em 0;
}
#main .mod_newslist .layout_short h2 a {
  text-decoration: none;
}
#main .ce_table th, td {
  padding: 0 1em 0 0;
}
#main .ce_table th.col_last, td.col_last {
  padding-right: 0;
}
#main .image_container {
  /*width: 206px;*/
}
#main .image_container .caption {
  color: #999;
  font-size: 0.9em;
}
#main .inside .sternchentext p {
  color: #999;
  font-size: 0.9em;
  padding: 6px 0 0 0;
  margin: 0 0 1em 0;
  height: auto !important;
  height: 10px;
  background: url(img/layout/content-hrbg.gif) repeat-x top left;
}
#main .inside .comment_default {
  margin: 0 0 1em 0;
}
#main .inside .comment_default .info {
  margin: 0 0 0.2em 0;
  color: #ccc;
}
#main .inside .comment_default .comment {
  padding: 5px;
  background: #faf7eb;
  border: 1px solid #cfd5dc;
  width: 400px;
}
#main .inside .referenzen h2 {
  clear: left;
  font-size: 1.3em;
  margin-top: 0.5em;
}
#main .inside .referenzen .technik {
  width: 315px; margin: 0 10px 1em 0;
  float: left;
}
#main .inside .referenzen .beschreibung {
  float: left; width: 315px;
  clear: none;
}
#main .inside .referenzen .ce_gallery {
  width: 640px;
  clear: left;
}
#main .inside .referenzen .ce_gallery table {
  width: 640px;
  padding: 0; margin: 0 0 1.5em 0;
}
#main .inside .referenzen .ce_gallery .col_0,
#main .inside .referenzen .ce_gallery .col_1,
#main .inside .referenzen .ce_gallery .col_2 {
  width: 206px;
  margin: 0;
  padding: 0 11px 0 0;
}
#main .inside .referenzen .ce_gallery .col_2 {
  padding-right: 0;
}
#main .inside .referenzen .image_container {
  width: auto;
}

#main .inside .seoinfo,
#main .inside .neuigkeiten .odd,
#main .inside .paketl,
#main .inside .complete,
#main .inside .profi,
#main .inside .domains,
#main .inside .referenzen .ce_gallery .col_last {
  margin-right: 0;
  padding-right: 0;
}

/* Formulare */
#main .formbody label.mandatory:after {
  content: "";
}
#main .formbody {
  margin: 0 0 1em 0;
}
#main .formbody fieldset {
  border: 1px dashed #cfd5dc;
  padding: 6px 6px 6px 12px;
  margin: 0 0 1em 0;
}
#main .formbody fieldset legend {
  font-weight: bold;
  color: #80331b;
  padding: 0 4px 0 4px;
  background: #fff;
}
#main .formbody fieldset p {
  font-style: italic;
  margin: 0 0 4px 4px;
}
#main .formbody p.error {
  color: #80331b;
  margin: 0 0 0 130px;
  font-weight: bold;
}
#main .formbody table p.error {
  margin-left: 4px;
}
#main .formbody label {
  width:120px;
  float:left;
  display:block;
  margin:0px 0px 2px 4px;
  padding:1px;
}
#main .formbody table label {
  width: auto; float: none; display: inline;
  margin:0px 0px 2px 4px;
  padding:1px;
}
#main .formbody table .col_0 {
  width: 150px;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width:200px;
  margin:0px 0px 2px 4px;
  padding:1px;
  border: 1px #4f657d solid;
}
#main .formbody input.captcha {
  width: 30px;
}
#main .formbody select {
  margin:0px 0px 2px 4px;
  padding: 1px;
  border: 1px #4f657d solid;
}
#main .formbody textarea {
  width:200px;
  height:100px;
  margin:0px 0px 2px 4px;
  padding:1px;
  border: 1px #4f657d solid;
}
#main .formbody .checkbox_container {
  width: 400px;
  margin:0px 0px 2px 130px;
}
#main .formbody .checkbox_container label {
  width: 150px;
}
#main .formbody .checkbox_container input.checkbox {
  float: left;
  margin: 2px 1px 0 0 !important;
  margin: 0;
}
#main .formbody .submit_container {
  clear: both;
  margin:5px 0px 0px 14px;
  padding:1px;
}
#kontakt .formbody .submit_container {
  margin-left: 130px !important;
  margin-left: 135px;
}
#main .formbody br {
  height:1px;
  clear:left;
  font-size:1px;
}
#main .radio_container {
  display: inline;
  margin: 0 0 0 10px;
  width: 270px;
}
#main .radio_container .radio {
  vertical-align: middle;
}
#main .formbody .radio_container label {
  display: inline;
  clear: none;
  float: none;
  margin-right: 10px;
  margin-left: 0;
}
#main .mod_search p.header {
  clear: both;
  margin: 0.5em 0 1em 0;
}
#main .ce_comments .formbody p.error {
  margin-left: 4px;
}
#main .ce_comments .formbody span.captcha_text,
#main .ce_comments .formbody label {
  display: inline;
  width: auto;
}
#main .ce_comments .formbody label.mandatory:after {
  content: "";
}
#main .ce_comments .widget {
  clear: left;
}
#main .ce_comments .formbody input.text,
#main .ce_comments .formbody input.captcha,
#main .ce_comments .formbody textarea {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
#main .ce_comments .formbody .submit_container {
  margin-left: 0;
}
#main .formbody .submit {
  border: 1px #4f657d solid;
  padding: 0px 6px 0px 6px;
  color: #4f657d;
  cursor: pointer;
  background: #f8f7f2;
  margin: 0;
  vertical-align: top;
}
#main .formbody .submit:hover {
  border-color: #80331b;
  color: #80331b;
}
#main .mod_personalData .formbody .checkbox_container {
  width: 350px; margin: 0; padding: 0;
}
#main .mod_personalData .formbody .checkbox_container label {
  width: 330px;
  float: left;
  margin: 0 0 3px 0;
}
#main .mod_personalData .formbody .checkbox_container input.checkbox {
  clear: left;
  float: left;
  margin: 0 5px 3px 0;
  padding: 0;
}
/* Domainabfrage */
#main .inside .ce_domains input.text {
  margin-left: 0;
}
#main .inside .ce_domains .registered {
  color: #80331b;
}
#main .inside .ce_domains .available {
  color: #5A8D2C;
}

/* Abschluss auf jeder Seite: aktueller Stand */
#main p.release {
  margin-top: 1em;
  color: #ccc;
}

/* Header rechts oben, Service-Navigation, Login, Registrierung */
#sidebar_header {
  position: relative;
  height: 93px;
  background: #fff;
}
#sidebar_header .service ul.level_1 {
  float: left;
  list-style: none;
  width: 249px;
  margin: 0 0 10px 0;
}
#sidebar_header .service li {
  float: left;
  margin-right: 2px;
}
#sidebar_header .service li.impressum {
  width: 81px;
}
#sidebar_header .service li.kontakt {
  width: 79px;
}
#sidebar_header .service li.datenschutz {
  width: 85px;
  margin-right: 0px;
}
#sidebar_header .service li a {
  display: block;
  color: #ccc;
  text-align: center;
  border: 1px solid #ccc;
  border-width: 5px 1px 0 1px;
}
#sidebar_header .service li a:hover {
  color: #4f657d;
  border: 1px solid #4f657d;
  border-width: 5px 1px 0 1px;
  text-decoration: none;
}
#sidebar_header .mod_login {
  position: static;
  clear: both;
  margin: 0 0 0.5em 0;
}
#sidebar_header .mod_login p {
  margin: 0;
  color: #737e8a;
}
#sidebar_header .mod_login fieldset {
  border: 0;
}
#sidebar_header .mod_login input.text {
  width: 100px;
  color: #717b86;
  background: #f8f7f2;
  border: 1px solid #4f657d;
  padding: 0 2px 0 2px;
  margin-right: 3px;
}
#sidebar_header .mod_login input.text:focus {
  background: #fff;
}
#sidebar_header .mod_login input.submit {
  color: #4f657d;
  background: #fff;
  border: 0;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
#sidebar_header .usermen ul.level_1 {
  float: left;
  list-style: none;
  width: 249px;
  margin: 0;
}
#sidebar_header .usermen li {
  float: left;
}
#right #sidebar_header .usermen li a {
  color: #737e8a;
  margin-right: 4px;
  text-decoration: underline;
}
#sidebar_header .usermen li a:hover {
  color: #80331b;
  text-decoration: none;
}

/* right box - helper navigation, sidebar, cart */
#right .inside {
  position: relative; /* IE6 Border Bug */
  padding: 0 0 3px 0;
}
#right h1 {
  position: relative; /* IE6 Border Bug */
  text-align: center;
  text-transform: uppercase;
  padding: 3px 0 3px 0;
  color: #4f657d;
  border: 1px solid #4f657d;
  border-width: 2px 0 4px 0;
  font-weight: normal;
}
#right h2 {
  margin: 4px 0 5px 18px;
  color: #4f657d;
  text-transform: uppercase;
}
#right a {
  color: #80331b;
  text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
}
#right h2 span {
  font-weight: normal;
  color: #80331b;
  text-transform: none;
}
#right h2 span a {
  color: #80331b;
  text-decoration: underline;
}
#right h2 span a:hover {
  text-decoration: none;
}
#right .mod_form .formbody {
  margin-left: 18px;
}
#right .mod_form div h2 {
  margin-left: 0;
  text-transform: uppercase;
}
#right .mod_form h2 a {
  color: #4f657d;
  text-decoration: none;
}
#right .mod_form input.text {
  width: 150px;
  color: #717b86;
  background: #f8f7f2;
  border: 1px solid #4f657d;
  padding: 0 2px 0 2px;
  margin: 0 3px 0 0;
}
#right .mod_form input.text:focus {
  background: #fff;
}
#right .mod_form input.submit {
  color: #faf7eb;
  background: #4f657d;
  border: 0;
  font-weight: bold;
  cursor: pointer;
}
#right .mod_sitemap ul,
#right .mod_navigation ul {
  list-style: none;
  margin-left: 0;
}
#right .mod_sitemap ul ul,
#right .mod_navigation ul ul {
  list-style: none;
}
#right .layout_simple,
#right .list_item {
  padding: 1px 10px 2px 18px;
  background: url(img/layout/sidebar-libg.gif) no-repeat 1px 6px;
}
#right .mod_sitemap li,
#right .mod_navigation li {
  padding: 1px 0 2px 0;
  background: none;
  padding: 1px 10px 2px 18px;
  background: url(img/layout/sidebar-libg.gif) no-repeat 1px 6px;
}
#right .mod_sitemap li li,
#right .mod_navigation li li {
  padding: 1px 0 2px 0px;
  background: none;
}
#right .layout_simple a,
#right .list_item a,
#right .mod_sitemap li a,
#right .mod_navigation li a {
  color: #505050;
}
#right .layout_simple a:hover,
#right .list_item a:hover,
#right .mod_sitemap li a:hover,
#right .mod_sitemap li.trail a,
#right .mod_sitemap li a.active,
#right .mod_navigation li a:hover,
#right .mod_navigation li.trail a,
#right .mod_navigation li a.active {
  color: #80331b;
  text-decoration: underline;
}

/* Projektvorschau rechte Spalte */
#right .mod_project {
  padding: 0 15px 0 18px;
}
#right .mod_project h2 {
  margin-left: 0;
}
#right .mod_project a img {
  width: 180px; height: 125px;
  border: 1px solid #4f657d;
}
#right .inside p.info {
  margin-left: 18px;
}
#right .inside p.copy {
  margin-left: 18px;
  color: #737e8a;
  font-size: 0.9em;
}
#right .inside div.validicons {
  margin: 1em 0 0 20px;
}
/* jeden abgeschlossenen Block hier ergänzen */
#right .inside .mod_form,
#right .inside .mod_newslist,
#right .inside .mod_listing,
#right .inside .mod_sitemap,
#right .inside .mod_navigation {
  padding-bottom: 10px;
  margin-bottom: 7px;
  background: url(img/layout/sidebar-hrbg.gif) no-repeat bottom left;
}

/* seitenspezifische Definitionen */
.bestellung #main .formbody fieldset .checkbox_container label {
  width: 350px;
}
.typolight #main .inside a {
  color: #e78515;
}
.leistungen #main .notebookman,
.startseite #main .notebookman {
  background: url(img/layout/notebookman-leistungen.gif) no-repeat top right;
}
.typolight #main .notebookman,
.hosting #main .notebookman {
  background: url(img/layout/notebookman-hosting.gif) no-repeat top right;
}
.projekte #main .notebookman {
  background: url(img/layout/notebookman-projekte.gif) no-repeat top right;
}
.leistungen #main .inside .mod_breadcrumb {
  border: 1px solid #695e47;
}
.leistungen #main .inside .mod_breadcrumb a {
  color: #695e47;
}
.projekte #main .inside .mod_breadcrumb {
  border: 1px solid #80331b;
}
.projekte #main .inside .mod_breadcrumb a {
  color: #b0816b;
}
.projekte #main .inside .mod_breadcrumb a:hover {
  color: #80331b;
}
.typolight #main .inside .mod_breadcrumb {
  border: 1px solid #e78515;
}
.typolight #main .inside .mod_breadcrumb a {
  color: #333;
}
.typolight #main .inside .mod_breadcrumb a:hover {
  color: #e78515;
}
.leistungen #main .inside h1 {
  background-color: #695e47;
}
.leistungen #main .inside h2 {
  color: #695e47;
}
.projekte #main .inside h1 {
  background-color: #80331b;
}
.projekte #main .inside h2 {
  color: #80331b;
  background: none !important;
}
.typolight #main .inside h1 {
  background-color: #e78515;
}
.typolight #main .inside h2 {
  color: #e78515;
}
.leistungen #main .inside .toggler h2 {
  background: url(img/layout/leistungen-h2bg.gif) no-repeat 0px 3px;
}
.projekte #main .inside .toggler h2 {
  background: url(img/layout/projekte-h2bg.gif) no-repeat 0px 3px;
}
.typolight #main .inside .toggler h2 {
  background: url(img/layout/typolight-h2bg.gif) no-repeat 0px 3px;
}



/* produktkonfigurator für PC-Angebot */
.konfigurator #main .pc-angebot {
  width: 545px; w\idth: 425px;
  border: 1px solid #8394A7;
  padding: 5px 5px 5px 115px;
  position: relative;
  margin: 20px 0 30px 0;
  min-height: 105px;
  height: auto !important;
  height: 105px; he\ight: 95px;
}
.konfigurator #main .pc-angebot .image_container {
  width: 93px; w\idth: 78px;
}
.konfigurator #main .pc-angebot #preisschild {
  position: absolute; top: 75px; left: 390px;
}
.konfigurator #main .pc-angebot .produktbild {
  position: absolute; top: -13px; left: -1px;
  width: 112px; height: 145px;
  background: url(img/content/asus-gehaeuse.jpg) no-repeat;
}
.konfigurator #main .accordion .image_container {
  width: 100px; w\idth: 85px;
}
.konfigurator #main .formbody fieldset {
  position: relative;
  border: 1px solid #8394A7;
  width: 516px; w\idth: 498px;
}
.konfigurator #main .formbody fieldset p {
  width: 450px;
}
.konfigurator #main .formbody fieldset .checkbox_container {
  width: 350px;
}
.konfigurator #main .formbody fieldset legend {
  color: #000;
}
.konfigurator #main .formbody fieldset .kategoriebild {
  position: absolute;
}
.konfigurator #main .formbody fieldset.festplatte .kategoriebild {
  width: 123px; height: 79px;
  bottom: -15px; left: 412px;
  background: url(img/content/festplatten.jpg) no-repeat;
}
.konfigurator #main .formbody fieldset.desktop .kategoriebild {
  width: 140px; height: 80px;
  top: 2px; left: 395px;
  background: url(img/content/tastatur-maus.jpg) no-repeat;
}
.konfigurator #main .formbody fieldset.monitor19 .kategoriebild {
  width: 86px; height: 111px;
  top: -18px; left: 447px;
  background: url(img/content/monitor-benq-19.gif) no-repeat;
}
.konfigurator #main .formbody fieldset.monitor22 .kategoriebild {
  width: 103px; height: 118px;
  bottom: -13px; left: 431px;
  background: url(img/content/monitor-samsung.jpg) no-repeat;
}
.konfigurator #main .formbody fieldset.bsauswahl .kategoriebild {
  width: 76px; height: 107px;
  top: -7px; left: 458px;
  background: url(img/content/vista-business.jpg) no-repeat;
}
.konfigurator #main .formbody fieldset .radio {
  clear: left; display: block; float: left;
  vertical-align: middle; margin-right: 5px;
}
.konfigurator #main .formbody .checkbox_container label {
  width: 300px;
}
.konfigurator #main .formbody fieldset .zubehoer label {
  display: block; float: left;
  width: 360px;
}
.konfigurator #main .formbody fieldset.monitor19 label {
  width: 415px;
}
.konfigurator #main .formbody fieldset.monitor22 label {
  width: 395px;
}
.konfigurator #right .shoppingcart {
  display: block;
  margin: 20px 0 0 0;
}
.konfigurator #right .shoppingcart table {
  color: #505050;
  margin: 0px 10px 15px 18px;
}

/* Unternavigation auf Hauptseiten ausblenden */
.startseite #right .inside .mod_navigation,
.leistungen #right .inside .mod_navigation,
.hosting #right .inside .mod_navigation,
.projekte #right .inside .mod_navigation {
  display: none;
}

/* hosting-detailseiten */
.detailseite #main .c33l {
  width: 218px;
  overflow-x: hidden;
}
.detailseite #main .first {
  width: 145px;
  overflow-x: hidden;
}
.detailseite #main .c33r {
  width: 277px;
  overflow-x: hidden;
}
.detailseite #main .bigheadline h1 {
  padding: 19px 0 0 65px;
  width: 145px; w\idth: 80px;
  height: 115px; he\ight: 96px;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #80331b;
  background: url(img/hosting/server2.png) no-repeat !important;
  background: url(img/hosting/server2.jpg) no-repeat;
}
.detailseite #main .bigheadline h1 span {
  padding: 4px 0px 0 0px;
  font-size: 1.8em;
  text-align: center;
}
.detailseite #main .inside .hostingbox ul {
  margin-top: 10px;
}
.detailseite #main .desc p {
  padding-bottom: 40px;
}
.detailseite #main table {
  width: 640px;
  margin-bottom: 1em;
}
.detailseite #main th,
.detailseite #main td {
  padding: 1px 5px 1px 5px;
  white-space: normal;
}
.detailseite #main .even {
  background: #faf7eb;
}
.detailseite #main .head_0,
.detailseite #main .col_0 {
  width: 138px;
}
.detailseite #main .head_1,
.detailseite #main .col_1 {
  width: 100px;
  text-align: center;
}
.detailseite #main .head_2,
.detailseite #main .col_2 {
  width: 300px;
}