/* ############## */
/* Christain Garu */
/* ############## */

.grau {
  vertical-align:top;
  font-size:13px;
  color:#666666;
  }

#AGB {
  overflow:auto;
  height:150px;
  }

.ZMSGraphic {
  background-color:#000000;
  }

td.cmsBgColorLight0 {
    background-color:#444444;
  }
td.cmsBgColormedium0 {
    background-color:#444444;
  }

#logo {
  }

#shop {
  width:550px;
  margin-left:20px;
  color:#ffffff;
  }

.text {
  margin-left:20px;

  }

#produkt {
  width:550px;
  }

#p-korb {
  width:540px;
  color:#ffffff;
  }

#p-tabelle {
  background-color:#F3F3F3;
  margin-top:15px;
  margin-left:20px;
  }

#p-bezeichnung {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#ababab;
  margin-bottom:15px;
  margin-left:20px;
  }

#p-abbildung {
  float:left;
  margin-right:15px;
  margin-left:20px;
  *margin-left:10px;
  margin-bottom:20px;
  }

#p-spalte {
  font-weight:bold;
  }

#p-radio {
  text-align:center;
  }

#p-zeile {
  background-color:#FFE6F7;
  font-weight:bold;
  text-align:center;
  }

#p-spalte-verfuegbarkeit {
  background-color:#ffffff;
  font-size:10px;
  color:#444444;
  margin-left:20px;
  }

#p-verfuegbarkeit {
  background-color:#ffffff;
  font-size:10px;
  color:#444444;
  text-align:center;
  }

#p-preis {
  float:left;
  margin-left:20px;
  }

#p-preiswert {
  font-weight:bold;
  float:none;
  margin-bottom:15px;
  }

#p-warenkorb {
  margin-left:20px;
  }

#headline {
  margin-left:20px;
  }

#gallery {
  background-image:url(http://christiangrau.de/common/scroll.gif);
  background-position:bottom;
  background-position:left;
  background-attachment:fixed;
  background-repeat:no-repeat;
  width:100%;
  height:200px;
  overflow:auto;
  }

td.cmsBgColorLight0 {
    background-color:#000000;
  }

#container {
  position:relative;
  } 
#content {
  position:absolute;
  bottom:0;
  }

body{
  font : 12px/18px Verdana,Geneva,Arial,Helvetica,sans-serif;
  background-color:#000000;
  background-image:url(http://christiangrau.de/common/bg.gif);
  background-repeat:no-repeat;
  background-position:50% -20%;
  *background-position:center 10%;
  margin:0px;
  }

a.zoom img.zoom {
  width: 19px;
  height: 26px;
  background-image:url(http://christiangrau.de/common/zoom.gif);
  }

#navi {
  padding-left:20px;
	vertical-align:middle;
  }

#graphic_right {
  padding-left:15px;
  padding-bottom:5px;
  float:right;
  }

#graphic_left {
  padding-right:15px;
  border:0px;
  }

/***************/
/* Colorscheme */
/***************/

.primColorStrong0 { background-color:#005249; }
.primColorMedium0 { background-color:#0B5175; }
.primColorLight0 { background-color:#B3D0CD; }

.secndColorStrong1 { background-color:#595959; }
.secndColorStrong0 { background-color:#999999; }
.secndColorMedium1 { background-color:#AAAAAA; }
.secndColorMedium0 { background-color:#BBBBBB; }
.secndColorLight1 { background-color:#CCCCCC; }
.secndColorLight0 { background-color:#DDDDDD; }

.teaserColor { background-color:#FF8418; }

.neutralColorBlack { background-color:#000000; }
.neutralColorStrong0 { background-color:#000000; }
.neutralColorMedium0 { background-color:#CDCDCD; }
.neutralColorLight0 { background-color:#EEEEEE; }
.neutralColorWhite { background-color:#ffffff; }
.neutralColorTrans { background-color:#00FF00; }

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

a.channel0 {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  position: relative;
  height: 24px;
  font-weight:bold;
  text-decoration:none;
  padding:0px;
  }

a.channel0:link {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#FFFFFF;
  padding:0px;
  }

a.channel0:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  padding:0px;
  }

a.channel0:active {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  padding:0px;
  }

a.channel0:visited {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#FFFFFF;
  padding:0px;
  }

a.channel0:visited:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  text-decoration:none;
  padding:0px;
  }

a.channel1 {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  position:relative;
  height:24px;
  color:#ababab;
  font-weight:bold;
  padding:0px;
  }

a.channel1:link {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#000000;
  }

a.channel1:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  }

a.channel1:active {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  }

a.channel1:visited {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  }

a.channel1:visited:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  text-decoration:none;
  color:#ababab;
  text-decoration : none;
  }


/****************/
/* Layout*/
/****************/

#fuss {
  border-top:1px;
  border-top-color:#f0f0f0;
  border-top-style:solid;
  padding-top:20px;
  margin-top:50px;
  font: normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
  text-align:left;
  color:#666666;
  }

.ahem {
  display: none;
  }

/***************/
/* Links */
/***************/

a:link {
  text-decoration:underline;
  color:#ababab;
  }

a:hover {
  text-decoration:underline;
  color:ababab;
  }

a:visited {
  color:#ababab;
  text-decoration:underline;
  }

a:visited:hover {
  color:#ababab;
  text-decoration:underline;
  }

/*********************/
/* Textbody-Elements */
/*********************/

form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#f0f0f0;
  line-height: 140%;
  }

h1 {
  font:bold 28px Arial,Verdana,Geneva,Helvetica,sans-serif;
  color: #666666;
  text-align: left
  font-size:14px;
  }

h2 {
  color:#666666;
  font:bold Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:14px;
  }

.heading1 {
  }

.heading2 {
  font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:14px;
  color:#555555;
  padding-bottom:0px;
  margin-top:20px;
  font-weight:bold;
  }
 

.small {
  font-size: 0.9em;
  }

.smalllight {
  font-size: 0.9em;
  color: #666666;
  }

.caption, .description {
  font-weight: bold;
  font-style: normal;
  color: #333333;
  }

p.emphasis {
  background-color:#ffffff;
  padding:7px;
  margin-right: 30px;
  line-height: 18px;
  margin-top:60px;
  border-color:#80AFBA;
  border-style:solid;
  border-width:1px;
  width:450px;
  }

p.em {
  color: #CDCDCD;
  }

.Adresse {
  font-size: 0.9em;
  }

.Datum {
  font-style: italic;
  font-size: 0.9em;
  margin: 0px;
  }

.Referenz {
  font-size: 0.9em;
  }

sup, sub {
  font-size: 0.8em;
  }

.arrup {
  float : right;
  margin-right: 10px;
  }

.suchform {
  border : thin solid #595959;
  font-size: 0.8em;
  }

/*******************/
/* H.3.6 Sitemap   */
/*******************/

p.sitemapTitle0 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

p.sitemapTitle1 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

td.sitemapTitle0 {
  background-color: #CDCDCD;
  height: 12px;
  }

td.sitemapTitle1 {
  background-color: #1B746B;
  height: 12px;
  }

A.sitemapTitle0:link {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  }

A.sitemapTitle0:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  }

A.sitemapTitle1:link {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }

A.sitemapTitle1:visited {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }

A.sitemapTitle0:hover {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapTitle0:active {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapTitle1:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  }

A.sitemapTitle1:active {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  }

td.sitemapElement0 {
  height: 12px;
  }

td.sitemapElement1 {
  height: 12px;
  }

p.sitemapElement0 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

p.sitemapElement1 {
  margin-top: 0px;
  margin-bottom: 0px;
  }

A.sitemapElement0:link {
  font-weight: normal;
  text-decoration: none;
  }

A.sitemapElement0:visited {
  font-weight: normal;
  text-decoration: none;
  }

A.sitemapElement1:link {
  font-weight: bold;
  text-decoration: none;
  }

A.sitemapElement1:visited {
  font-weight: bold;
  text-decoration: none;
  }

A.sitemapElement0:hover{
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement0:active {
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement1:hover {
  color: #1B746B;
  text-decoration: underline;
  }

A.sitemapElement1:active {
  color: #1B746B;
  text-decoration: underline;
  }

/*************************/
/* Management Interface  */
/*************************/

.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #000000; } /* primColorLight0 */

/* :mode=css: */

