@charset "utf-8";
/* CSS Document */


abbr,acronym, dfn{
	  cursor:help;
	  border-bottom:0.06em dashed #f00;
}


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

img { border: 0px; }

body {
	  margin-left:auto;
	  margin-right:auto;
	  clear:both;
	  margin-top:3%;
	  margin-bottom:3%; 
	  color:#dfdfdf;
	  width:68.75em;
	  min-height:50em;
	  font-family:verdana, tahoma, arial, sans-serif;
	  font-size:100.01%;
	  line-height:1.15em;
	  background-color:#676767;
	  background-image:url(../grafiken/bg-webdesign-hattingen.jpg);
	  background-repeat:repeat;
}

.left { float:left; text-align:left;}
.fl { float:left; margin-left:1em; margin-top:6.75em; }

.right { float:right; text-align:left; margin-left:1em; width:31em; }

.i { font-style:italic;}

.linkpic {
	  vertical-align:bottom;
	  margin-bottom:0.15em;
}

em, strong {
	  text-decoration:none;
	  font-style:normal;
	  font-weight:bold;
	  font-size:0.9em;
	  color:#e9e9e9;
	  /*zoom:100%; 
	  overflow:hidden;*/
}

ul {
	text-align:left;
}

em.info {
	  font-size:0.9em;
	  font-weight:normal;
	  display:inline;
	  color:#dfdfdf;
}

a {
	  color:#181818; 
	  text-decoration:none;
}

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

h1, h2, h3, h4 { 
	  line-height:1em;
	  margin:0;
	  padding:0;
	  color:#ffffff;
	  
}

ul {
	  margin:1em 2em;
}

h1 {
	  font-size:1.3em;
	  font-weight:normal;
	  line-height:1.3em;
	}
	
h2 {
	  font-size:1.1em;
	  font-weight:normal;
	  line-height:1.3em;
	}
	
h2.seo-wolke {
	  font-size:1em;
	  font-weight:bold;
	  line-height:0;
	}
	
h3 {
	  font-size:0.9em;
	  font-weight:normal;
	  display:inline;
	  color:#C30;
	}
h3.intext {
	  text-decoration:none;
	  font-style:normal;
	  font-weight:bold;
	  font-size:0.9em;
	  color:#e9e9e9;
}

a.intext:link
{
	  color:#dfdfdf;
	  text-decoration:none;
	  border-bottom-style:dashed;
	  border-bottom-width:0.06em;
	  border-bottom-color:#b16332;
}

a.intext:visited
{

	  color:#dfdfdf;
	  text-decoration:none;
	  border-bottom-style:dashed;
	  border-bottom-width:0.06em;
	  border-bottom-color:#b16332;
}

a.intext:hover
{

	  color:#ffffff;
	  text-decoration:none;
	  border-bottom-width:0.06em;
	  border-bottom-color:#DB1D17;
}

a.intext:active
{
	  color:#ffffff;
	  text-decoration:underline;
	  border:none;
}

p, ul.intext	{
	  font-size:0.8em;
}

p.valid{
	  margin-bottom:0.8em;
	  margin-top:0.3em;
	  margin-left:2.8em;
	  min-width:17em;
	  text-align:center;
}

p.five{
	  margin-bottom:0.31em;
	  font-size:0.13em;
}

p.ten{
	  margin-bottom:0.63em;
	  font-size:0.13em;
}

p.tengrey{
	  margin-bottom:0.63em;
	  background-color:#999;
	  padding:0.31em;
	  color:#ffffff;
}

p.f15{
	  margin-bottom:0.94em;
}

p.f15w3c{
	  margin-bottom:0.94em;
}

p.twentyfive{
	  margin-bottom:1.56em;
}

p.t30{
	  margin-bottom:1.88em;
}

p.fifty{
	  margin-bottom:3.13em;
}

/*********************** Tooltip ******************************/
  
p.tooltip  {
	  position:relative;
	  text-decoration:none; 
	  color:#cb3500; 
	  cursor:help;
  }
  
p.tooltip:hover {
	  color:#dfdfdf; 
	  background:transparent;
	  cursor:help;
  }

p.tooltip span {
	  display:none;  
	  text-decoration:none; 
	  cursor:help;
}

p.tooltip:hover span {
	  display:block;
	  position:absolute; 
	  top:1.25em; 
	  left:3.44em; 
	  width:16em;
	  z-index:100;
	  color:#ffffff; 
	  border:0.06em solid #ffffff; 
	  background:#989898;
	  text-align:left;
	  padding:0.38em;
	  cursor:crosshair;
  }
  
p.tooltip span b {
	  display:block;
	  margin:0;
	  padding:0;
	  font-size:0.8em;
	  font-weight:bold;
	  color:yellow;
	  background-color:gray;
	  border:0;
	  border-bottom:0.06em solid black;
	  cursor:crosshair;
}


/*********************** Tooltip Ende ******************************/

/*********************** Wolkenklassen *****************************/

#eins {
	  margin-top:1.25em;
	  margin-left:0.25em;
	  z-index:3;
	  float:left;
	  display:inline; /* float "muss" für ältere Browser */
}
a.vierte {
	  color:#cb6000;
	  font-size:14pt;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:1em;
} 

#zwei {
	  margin-top:-0.44em;
	  margin-left:1.63em;
	  z-index:2;
	  float:left;
	  display:inline;
}
a.zweite-w {
	  color:#fff;
	  font-size:22pt;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:1em;
} 

#drei {
	  margin-top:-0em;
	  margin-left:0;
	  z-index:1;
	  float:left;
	  display:inline;
}
a.zweite-r {
	  color:#cb3500;
	  font-size:22pt;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:0.8em;
}

#vier {
	  margin-top:0em;
	  margin-left:-0.31em;
	  z-index:1;
	  float:left;
	  display:inline;
	  white-space:nowrap;
}
a.erste-w {
	  color:#fff;
	  font-size:28pt;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:1em;
}

#fuenf {
	  margin-top:0em;
	  margin-left:0;
	  z-index:2;
	  float:left;
	  display:inline;
}

#sechs {
	  margin-top:0em;
	  margin-right:0.94em;
	  z-index:4;
	  float:right;
	  display:inline;
}

a.erste-r {
	  color:#cb3500;
	  font-size:28pt;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:1em;
}

#sieben {
	  margin-top:-1em;
	  margin-left:4.38em;
	  z-index:2;
	  float:left;
	  display:inline;
}

a.dritte-r {
	  color:#cb3500;
	  font-size:1.6em;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:lighter;
	  line-height:1em;
}

#acht {
	  margin-top:0em;
	  margin-left:5.63em;
	  z-index:2;
	  float:left;
	  display:inline;
}

#neun {
	  margin-top:0em;
	  margin-left:1.88em;
	  z-index:2;
	  float:left;
	  display:inline;
}

#zehn {
	  margin-top:0em;
	  margin-right:5em;
	  z-index:2;
	  float:right;
	  display:inline;
}

#elf {
	  margin-top:0em;
	  margin-left:0.63em;
	  z-index:2;
	  float:left;
	  display:inline;
}

#Z12 {
	  margin-top:0em;
	  margin-left:0.63em;
	  z-index:2;
	  float:left;
	  display:inline;
}

#D13 {
	  margin-top:0em;
	  margin-left:-0.31em;
	  z-index:2;
	  float:left;
	  display:inline;
	  height:1.88em;
	  white-space:nowrap;
}

/*********************** Boxen ******************************/

.center { text-align:center;}

.small { font-size:0.01em; color:#C00;}

.content{
	  float:left;
	  margin:0em 0.95em 0em 2.5em; /* o r u l */
	  position:relative;
	  min-height:10em;
	  display:inline;
	  width:42.5em;
	  background-color:#3e3e3e;
	  padding-top:1em;
}

.c-o{
	  background-image:url(../grafiken/webdesign-box-oben.jpg);
	  width:42.5em;
	  line-height:0.31em;
	  height:0.31em;
	  position:relative;
	  background-color:#515253;
}

.c-m{
	  background-image:url(../grafiken/webdesign-box-mitte.jpg);
	  background-repeat:repeat-y;
	  min-height:31.25em;
	  width:40em;	
	  padding: 0.94em 1.25em 0.63em 1.25em; /* o r u l */
	  position:relative;
	  background-color:#e3e3e3;
}

.c-m2{
	  background-image:url(../grafiken/webdesign-box-mitte.jpg);
	  background-repeat:repeat-y;
	  min-height:2em;
	  width:40em;	
	  padding: 0.94em 1.25em 0.63em 1.25em; /* o r u l */
	  position:relative;
	  background-color:#e3e3e3;
}

.innen
{
	  position:relative;
	  width:40em;
	  min-height: 8em;
}

.c-u{
	  background-image:url(../grafiken/webdesign-box-unten.jpg);
	  width:42.5em;
	  line-height:0.31em;
	  height:0.31em;
	  position:relative;
	  background-color:#515253;
}

#info{
	  float:right;
	  display:inline;
	  margin-right:2.5em;
	  margin-top:0.65em;
	  width:18.75em;
	  min-height:15.63em;
	  background-color:#3e3e3e;
}

.inf-o{
	  background-image:url(../grafiken/webdesign-dubox-oben.jpg);
	  margin-top:0.63em;
	  width:18.75em;
}

.inf-m{
	  min-height:5.5em;
	  width:16.25em;
	  background-image:url(../grafiken/webdesign-dubox-mitte.jpg);
	  padding: 0.94em 1.25em 0.94em 1.25em; /* o r u l */
	  overflow:hidden;
	  background-color:#3e3e3e;
}

.inf-mpro{
	  min-height:2.5em;
	  width:16.25em;
	  background-image:url(../grafiken/webdesign-dubox-mitte.jpg);
	  padding: 0.94em 1.25em 0.94em 1.25em; /* o r u l */
	  overflow:hidden;
	  background-color:#3e3e3e;
}

.inf-u{
	  width:18.75em;
	  background-image:url(../grafiken/webdesign-dubox-unten.jpg);
}

.inf { width:16em; min-height:3em; text-align:center;}

.infpro { width:16em; min-height:1em; text-align:center;}

.show { overflow:visible;}

.kont-o{
	  background-image:url(../grafiken/webdesign-redbox-oben.jpg);
	  margin-top:0.63em;
	  width:18.75em;
}

.kont-m{
	  min-height:5.5em;
	  width:16.25em;
	  background-image:url(../grafiken/webdesign-redbox-mitte.jpg);
	  padding: 0.94em 1.25em 0.94em 1.25em; /* o r u l */
}

.kont-u{
	  width:18.75em;
	  background-image:url(../grafiken/webdesign-redbox-unten.jpg);
}

.kont { width:16.4em; min-height:3em; text-align:center;}

.valid-1 { position:relative; float:left; margin:0.5em 0em 0.5em 2em;} /* o r u l */
.valid-2 { position:relative; float:right; margin:0.5em 1.7em 0.5em 0em;} /* o r u l */

.border { border:solid 0.1em #555; }

/*********************** Boxen Ende ******************************/


/**************** Layout CSS ****************************/

#header {
	  background:url(../grafiken/header-webdesign-hattingen.jpg) no-repeat 100% 0px;
	  text-align:right;
	  height:17.81em;
	  width:68.75em;
	  background-color:#b93e3e;
}

.main {
	  background-color:#3e3e3e; /* 3e3e3e */
	  border-bottom:0.25em solid #000;
	  border-left:0.25em solid #000;
	  border-right:0.25em solid #000;
	  height:37.5em;
	  min-height:37.5em;
	  z-index:1;
	  margin-bottom:1.88em;
	  width:68.25em;
	  max-width:68.25em;
}

.onefivezero { height:150em; min-height:150em; }
.onethreeone { height:131em; min-height:131em; }
.hundredthree { height:103em; min-height:103em;}
.ninetyfour { height:94em; min-height:94em;}
.eightysix { height:86em; min-height:86em;}
.eightyfour { height:84em; min-height:84em;}
.eighty { height:80em; min-height:80em;}
.seventyeight { height:78em; min-height:78em;}
.seventyseven { height:77em; min-height:77em;}
.seventytwo { height:77em; min-height:77em;}
.sixtyfive { height:65em; min-height:65em;}
.sixtytwo { height:62em; min-height:62em;}
.sixty { height:60em; min-height:60em;}
.fiftyeight { height:58em; min-height:58em;}
.fortynine { height:49em; min-height:49em;}

#navi {
	  margin-top:1.25em;
	  margin-left:2.5em;
	  color:#262626;
	  width:40.94em;
	  height:1.8em;
	  float:left;
	  display:inline;
	  background-color:#3e3e3e;
	  background-image:url(../grafiken/navigation-webdesign-hattingen.jpg);
	  padding: 0.63em 0.06em 0.06em 1.56em; /* o r u l */
}

#smlogo {
	  margin-top:6.06em;
	  float:right;
	  display:inline;
	  color:#262626;
	  width:1.56em;
	  text-align:justify;
	  margin-right:0.63em;
}

.clear { clear:both;}

#cc {
	  text-align:justify;	
	  color:#000fff;
	}

#foto { float:right; margin-top:0.3em; margin-right:4.6em;}