* {
  margin:         0;
  padding:        0;
}

img {
  border:         0;
}

ul {
  margin-left:    50px;
  list-style-type:square;
}

ul li {
  line-height:    18px;
}

ol {
  margin-left:    50px;
}

a {
  padding-bottom: 1px;
  color:          #6c6c6c;
  text-decoration:underline;
}

a:hover {
  color:          #222;
  border-bottom:  1px solid #6c6c6c;
}

hr {
  height:         1px;
  margin-left:    10px;
  background:     #AAA; /* Mozilla 1.4 */
  color:          #AAA; /* IE 6 */
  border:         #AAA; /* Opera 7.11 */
}

p {
  margin:         1em 0;
  text-align:     left;
  font:           0.9em/1.7em Arial, Helvetica, Sans-Serif;
}

/*********************************************/
/*** Allgemein                             ***/
/*********************************************/

html, body {
  width:          672px;
  margin:         20px auto;
  font:           0.9em/1.7em Arial, Helvetica, Sans-Serif;
  text-align:     center;
  color:          #6c6c6c;
  background:     #4f4f4f url(images/bg.gif);
}


#box {
  position:       relative;
  width:          631px;
  text-align:     left;
  background:     #FFF;
  border:         20px solid #FFF;
}

h1 a {
  display:        block;
  height:         108px;
  width:          631px;
  text-decoration:none;
  text-indent:    -9980px;
  letter-spacing: -9999px;
  background:     url(images/header.png) no-repeat;
  border-bottom:  5px solid #e3e3e3;
}

h1 a:hover {
  border-bottom:  5px solid #e3e3e3;
}

table {
  font:           1em Arial, Helvetica, Sans-Serif;
}

table td {
  vertical-align: top;
}


/*********************************************/
/*** Navigation                            ***/
/*********************************************/

#navigation {
  height:         36px;
  width:          631px;
  margin:         0 0 10px 0;
  list-style-type:none;
  border-bottom:  2px solid #e9e9e9;
}

#navigation li {
  float:          left;
}

#navigation li a {
  display:        block;
  margin:         7px 6px;
  padding:        6px 7px;
  font:           bold .8em Verdana, Arial, Helvetica;
  text-transform: uppercase;
  text-decoration:none;
  border:         0;
}

#navigation li a:hover {
  color:          #FFF;
  background:     #e76f52;
  border:         0;
}


/*********************************************/
/*** Headlines                             ***/
/*********************************************/

h2 {
  margin:         5px 0 0 10px;
  color:          #e06944;
  font:           1.6em/1.1em Helvetica,Arial,Geneva,sans-serif;
}

h3 {
  margin:         5px 0 0 10px;
  font:           1.5em/1.1em Helvetica,Arial,Geneva,sans-serif;
}

h4 {
  margin:         15px 0 5px 0;
  padding:        4px 9px;
  font:           bold 1.1em/1.1em Helvetica,Arial,Geneva,sans-serif;
  background:     url(images/bg_h3.gif) bottom repeat-x;
}

h5 {
  font:           bold 1.3em/1.1em Helvetica,Arial,Geneva,sans-serif;
}

h6 {
  margin:         15px 0 -5px 9px;
  font:           1.0em/1.1em Helvetica,Arial,Geneva,sans-serif;
}


/*********************************************/
/*** Content                               ***/
/*********************************************/

#content {
  float:          left;
  min-height:     800px;
  width:          435px;
  margin:         0 0 15px 0;
  padding:        0 17px 10px 0;
  border-right:   1px solid #eaeaea;
}

#content p {
  margin-left:    10px;
}


/*********************************************/
/*** Sidebar                               ***/
/*********************************************/

#sidebar {
  position:       absolute;
  top:            150px;
  right:          0;
  width:          162px;
  margin:         10px 0 15px 15px;
  text-align:     right;
}

#sidebar h4 {
  margin:         10px 0 7px 0;
  padding:        4px 3px;
  text-align:     right;
  text-decoration:none;
  font-weight:    normal;
}

#sidebar p {
  text-align:     left;
}

/*********************************************/
/*** Footer                                ***/
/*********************************************/

#footer {
  clear:          both;
  padding:        15px 20px 0 0;
  text-align:     right;
  color:          #828282;
  font:           bold 10px Verdana, Arial, Helvetica;
  border-top:     1px solid #d9d8d8;
}




/*********************************************/
/*** Sonderboxen                           ***/
/*********************************************/


/*-- Produktboxen ---------------------------*/

.produktbox {
  margin:         10px 0 10px 0;
}

.produktbox a {
  color:          #d6674c;
  border:         0;
}

.produktbox .imglink {
  height:         160px;
  width:          127px;
  float:          left;
}

.produktbox h4 {
  margin:         0 0 10px 0;
  padding:        10px 0 2px 145px;
  color:          #e76f52;
}

.produktbox h4 a {
  color:          #e76f52;
  text-decoration:none;
  text-transform: capitalize;
}

.produktbox ul {
  margin:         0 0 10px 17px;
  padding:        0 0 0 145px;
  list-style-type:square;
}

.produktbox ul li {
  margin:         4px 0;
}

a.button {
  display:        block;
  margin:         0 0 0 323px;
  padding:        2px;
  text-align:     center;
  font-weight:    bold;
  color:          #e76f52;
  text-decoration:none;
  background:     #EEE;
  border:         0;
}

.produktbox a.button {
  color:          #e76f52;
  
}

.produktbox a.button:hover {
  text-decoration:underline;
}

/*-- Produktboxen ---------------------------*/

a.productlink,
a.productlink:hover {
  border:         0;
}

/*-- Produktboxen SMART ---------------------*/


.produktboxsmart {
  min-height:     130px;
  padding:        5px 0 0 0;
  margin:         0 0 5px 0;
}

.produktboxsmart a {
  color:          #fd9227;
  border:         0;
}

.produktboxsmart .imglink {
  float:          left;
  height:         135px;
  width:          130px;
  margin-right:   5px;
}

.produktboxsmart h4 {
  margin:         15px 0 0 0;
  padding:        0;
  color:          #c8553a;
}

.produktboxsmart h4 a {
  color:          #c8553a;
}

.produktboxsmart p {
  margin:         3px 0 0 0;
}

.produktboxsmart ul li {
  margin:         4px 0;
}

a.details {
  padding:        0 3px;
  text-align:     center;
  font-weight:    bold;
  color:          #fd9227;
  border:         0;
}

.produktboxsmart a.details {
  color:          #fd9227;
}

.produktboxsmart a.button:hover {
  text-decoration:underline;
}




/*-- Zwei Boxen nebeneinander ---------------*/

table.twobox {
  border-spacing: 3px;
}

table.twobox td {
  width:          220px;
}

/*-- Shop-Headlines -------------------------*/

#sidebar h4#shop_xtc,
#sidebar h4#shop_osc,
#sidebar h4#shop_php {
  height:         27px;
  font-size:      1px;
  color:          #FFF;
  text-align:     left;
  text-indent:    -9990px;
  letter-spacing: -9999px;
  background-color:#FFF;
  background-position:right; 
  background-repeat:no-repeat; 
}

#shop_xtc {
  background-image:url(images/shoplogo_xtc.png);
}

#shop_osc {
  background-image:url(images/shoplogo_osc.png);
}

#shop_php {
  background-image:url(images/shoplogo_phpepper.png);
}


/*-- Bilder ---------------------------------*/

.bild_links {
  float:          left;
  margin:         7px 20px 5px 10px;
  padding:        1px;
  border:         1px solid #999;
}

.bild_rechts {
  float:          right;
  margin:         7px 0 5px 20px;
  padding:        1px;
  border:         1px solid #999;
}

/*-- Produkte -------------------------------*/

span.produkt_preis {
  font-weight:    italic;
  text-decoration:underline;
}


/*-- Kontaktformular ------------------------*/

form {
  margin:         1em 0;
}

form table {
  border-spacing: 0;
}

form table td {
  padding:        6px 0 4px 10px;
  white-space:    nowrap;
  border-bottom:  1px solid #F7EEEF;
}

input,
textarea,
select {
  padding:        1px 2px;
  border:         1px solid #9C9C9C;
  border-left:    1px solid #ADADAD;
  border-top:     1px solid #ADADAD;
}

input:hover, 
textarea:hover, 
select:hover {
  border:         1px solid #666;
}

input:focus, 
textarea:focus, 
select:focus {
}



/* Maße definieren - Kontaktformular */

form #Firma,
form #Ansprechpartner
{ width:          250px; }

form #Anliegen,
form #Bemerkung 
{ width:          280px; }

form #PLZ
{ width:          80px; }
form #Ort
{ width:          111px; }

form #Anschrift,
form #Telefon,
form #E-Mail,
form #Website, 
form #ZielDomain
{ width:          200px; }

form #Produkt,
form #Shop-Software
{ width:          205px; }


/*-- Preise und Modelle - Tabellen ----------*/

table.pricing {
  width:          423px;
  margin:         5px 0 5px 6px;
}

table.pricing thead th,
table.pricing tbody td,
table.pricing tbody th,
table.pricing tfoot td {
  padding:        3px 6px;
}

table.pricing thead th {
  color:          #FFF;
  background:     #c8553a;
}

table.pricing tbody td,
table.pricing tbody th {
  background:     #EAEAEA;
}

table.pricing thead th a {
  color:          #FFF;
  text-decoration:underline;
  border:         0;
}
table.pricing thead th a:hover {
  border:         0;
}

table.pricing tbody td a {
  border:         0;
}
/*
table.pricing tbody td a:hover {
  border-bottom:  1px solid #6c6c6c;
}
*/
table.pricing tbody td.module {
  padding-top:    5px;
  font-weight:    bold;
  text-decoration:underline;
  background:     0;
}

table.pricing tfoot td {
  font-size:      10px;
}

/* Twobox Pricing */
table.twobox.exdesc {
  border-spacing: 0;
}
table.twobox.exdesc td {
  padding-right:  4px;
}

/*-- Template Gallery -----------------------*/

.template-preview {
  clear:          both;
  height:         265px;
  margin:         15px 0;
  padding:        10px;
  background:     #F8F8F8;
  border:         1px solid #EEE;
}

.template-preview a.thumb {
  float:          left;
  margin:         0 15px 0 0;
  border:         5px solid #E5E5E5;
}

.template-preview a.thumb {
}

.template-preview h4 {
  margin-bottom:  5px;
  padding:        3px 6px;
  font-size:      15px;
  font-weight:    bold;
  border-bottom:  3px solid #FFF;
  color:          #FFF;
  background:     #e16d4c;
}

.template-preview ul {
  padding:        5px 0 0 0;
  list-style-type:none;
}

.template-preview ul li {
  margin:         2px;
}

.template-preview ul li.thumbbigger {
  margin:         80px 0 0 0;
}

.template-preview ul li.thumbbigger a {
  font-style:     italic;
  text-decoration:none;
}

.template-preview ul li.type {
  margin:         0 0 7px 0;
  padding:        5px;
  background:     #EBEAEA;
}


/*-- Template Gallery -----------------------*/

h4#sidebar_tpl-galerie-headline a {
  color:          #c8553a;
  font:           bold 14px Arial, Helvetica, Sans-Serif;
  text-decoration:underline;
  border:         0;
}

a.sidebar_tpl-galerie-image {
  border:         0;
}


img {
  margin:           3px 0 5px 0;
  padding:          1px;
/*  border:           1px solid #b5b5b6; */
}

img.left {
  float:            left;
  margin-right:     10px;
}

img.right {
  float:            right;
  margin-left:      10px;
}