/* Standard-CSS für www.dododesign.de */

/* Wichtige Farben
grau = #666666
gelb = #ffce1f
orange = #fdb52f
rot = #800000
dunkelrot = #520000

Wichtige Schriften
Pepita MT
Viner Hand ITC

Bilder: 280px : 120px
*/

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html{
  font-size : 100.1%;
}

body {
  font-size:0.81em;
  color:#666666;
}
body.Hintergrund{
 	background-image: url(../Images/Muster_alt.png);
 	}


/*positioniert die Website zentriert Anfang*/
html, body {
  height:100%;
}
/*IE hack zum vertikalen zentrieren der Seite*/
* html body{
  text-align:center;
}

#Distance{
  width:1px;
  height:50%;
  margin-bottom:-285px; /* Hälfte der Höhe von TotalWrapper*/
  float:left;
}

#TotalWrapper{
  background-color:white;
  background-image: url(../Images/DodoDesignHintergrund.png);
   background-repeat:no-repeat;
  width: 720px;
  height: 568px;
  margin-left:auto;
  margin-right:auto;
  clear:left;
  border-style:solid;
  border-width: 1px;
  border-color:#bfbfbf;
  border-bottom-color:#444444;
  border-right-color:#585858;
  border-right-width:2px;
  border-bottom-width:2px;
  overflow:auto;
  text-align:left;/*muss bleiben, weil für IE im body text-align auf center steht, damit Seite vertikal zentriert wird*/
}
* html #TotalWrapper{
   height:571px;
}

/*positioniert die Website zentriert Ende*/
/*Layout Hauptseiten*/

#PfadOuter{
  float:left;
  width:80px;
	height:565px;
  margin-right:0em;
  margin-top:0em;
  margin-left:0em;
}
/*Hält den Abstand zwischen Hochkantschrift und Text immer gleich. Wegen der Unterlängen wäre ohne extra Div Unruhe*/
#Abstand{
	width:50px;
	height:auto;
	float:left;
}
#Pfad{
	float:left;
	margin-left:0px;
}
#PfadInner{
  width:auto;
  height:auto;
  margin-top:40px;
  margin-left:2px;

  }
* html #PfadInner{
  height:454px;
  }
/*iframe*/
#Text{
  border:0px;
  width:300px;
  height:475px;
  background-color:white;
}
#TextmitBild{
  border:0px;
  width:300px;
  height:310px;
  background-color:white;
}
#BildOuter{
	margin-left:80px;
	width:300px;
	height:160px;

}
#BildInner{
	padding-top:41px;
	width:auto;
	height:auto;

}
#InhaltOuter{
	margin-left:80px;
	width:320px;
	padding-top:41px;
	height:200px;
}


#InhaltInner{
	width:auto;
	height:auto;
}
/*_Transparentes Image für mapping*/
#Scroll{
	float:right;
	width:100px;
	height:565px;
	border:none;
	}
* html #Scroll{
	width:95px;
	}
#MenuOuter{
  margin-top:0px;
  margin-right:0px;
  /*background-color:#fdb52f;*/
  width:200px;
  height:565px;
  float:right;
  overflow:auto;
 }
/*ul*/
#MenuInner{
  margin-bottom: 0;
  margin-left:10px;
  float:left;
  margin-right:0em;
  margin-top:230px;
  font-size : 0.8em;
	}

#MenuInner li{
  list-style: none;
  vertical-align: middle;
  font-family : Verdana;
  font-size : 1.1em;
  width:12.4em;/*Breite der Links*/
  text-align:left;

}

* html #MenuInner li{
  width:12.8em;/*Breite der Links*/

}
#MenuInner a  {
  font-family : Arial, Helvetica, sans-serif;
  color:#520000;/*Achtung, wird nochmal in MenuHaupt.js deklariert*/
  letter-spacing : 1.15pt;
  text-decoration:none;
  display: block;
  padding-left : 5px;
  padding-right : 5px;


	/*background-image: url(../Images/Plastikbutton_blauklein.png);*/
   /*font : small-caps;*/
   /*border-style: none;*/
   /*margin-top:0px;*/
   /*text-align:left;*/
}
#MenuInner a:link {
  color:#520000;
}

#MenuInner a:visited {
  color:#520000;
	/*width: auto;*/
}

#MenuInner a:hover {
  color:#800000;
  /*background-color: #8880c3;*/
  width: auto;
  font-weight:bold;
}

#MenuInner a:active {
	color:#520000;
	/*background-color: #8880f1;*/
}
.Untermenu {

}
.Link1{
	margin-top:8px;
	width:auto;
	margin-bottom:0px;
	font-size:1.2em;
}
.Link2 li{
	list-style: none;
	font-size:0.5em;
  margin-left:15px;
  padding-top:0px;
  margin-top:4px;
}
/*Ende Layout Hauptseiten*/

/*Allgemeine Formatierungen*/
/*#Mail {
  text-decoration:none;
  color:#520000;
}
#Mail img{
  border:0px;
  margin-top:0px;
  vertical-align:middle;
}*/
p {
  font-size:0.8em;
  line-height:1.4em;
  text-align:left;
  margin-bottom:4px;
  background-color:white;
}
a{
	text-decoration:none;
}
a:link {
  color:#520000;
}

a:visited {
  color:#520000;
	/*width: auto;*/
}

a:hover {
  color:#800000;
  /*background-color: #8880c3;*/
  width: auto;
  font-weight:bold;
}

a:active {
	color:#520000;
	/*background-color: #8880f1;*/
}
img{
border:0px;
}
.Text{
  padding-top: 5px;
}

h1 {
  font-size:1.3em;
}
h2 {
  font-size:1.2em;
}
h3 {
  font-size:1.1em;
  margin-bottom:4px;
  background-color:white;
}
h4 {
  font-size:1em;
}
h5 {
  font-size:0.9em;
}
.winzig {
  font-size:0.65em;
  padding-bottom:5pt;
}
.Uberschrift{
 	font-size:0.8em;
 	font-weight:bold;
 background-image:url(../Images/PfeilRot.png);
  background-repeat:no-repeat;
  background-position:0 1px;
  padding-left:15px;
  padding-bottom:10px;
  width:auto;
  text-indent:0px;
  margin-left:0px;
}
td{
vertical-align:top;
padding:3px;
font-size:0.8em;

}
.Schreiben{}/*zum Ansprechen und Austauschen von Schreibadresse*/
.Brief{
	width:300px;
}
.Brief a{
	background-image:url(../Images/Schreiben.png);
	background-position:0px 1px;
	background-repeat:no-repeat;
}
.Brief a:hover{
	background-position:0px -13px;
	
}
*html .Brief a:hover{
	background-position:0px -12px;
	
}
/*Ende Allgemeine Formatierungen*/

/*Sektionsweite Formatierungen*/