/* @override 
	http://www.mo-liessem.de/styles/moliessem.css
	http://wp10428815.wp216.webpack.hosteurope.de/styles/layout.css
*/

/* html-Selektoren
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../gfx/back.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

.start {
	background-color: #acacac;
	background-image:none;
}

a {
	color: #C32A0F;
}

a.mail {
	color: #4a4e53;
}

/* Kopfbereich
----------------------------------------------- */

#wrapper {
		background: white url(../gfx/back.gif) repeat-y 0 0;
		width:996px;
}

#container {
	background: #fff;
}


/* Kopfbereich
----------------------------------------------- */

#header {
	height: 191px;
	background: #4a4f54 url(../gfx/schaab_klein.jpg) no-repeat 0 0;
}

.start #header {
	background-color: #4a4e53;
}

#header #name {
	background: url(../gfx/header_back.gif) no-repeat 240px 52%;
	width: 996px;
	height: 191px;
}

#headerohne {
	background-color: #fff;
	height: 195px;
}

#header img {
  border: none;
  float: left;
}

/* Navigation links
----------------------------------------------- */


#navigation {
	width: 235px;
	background: #78797e;
	float: left;
}

#navigation ul {
	list-style-type: none;
	margin: 29px 0 23px 0;
	border-top: 1px solid #a5a6ae;
}

#navigation #angebot ul {
	margin-left:25px;
}

#navigation #angebot {
	background: url(../gfx/angebot.gif) no-repeat 0 50%;
}

#navigation li {
	display: inline;
}

#navigation a {
	padding: 0 0 0 35px;
	display: block;
   width: 200px !important;
   width /**/:235px;
	line-height: 27px;
}

#navigation li a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e6e7ea;
	margin: 0px;
	border-bottom: 1px solid #a5a6ae;
}


#navigation #angebot li a {
	padding-left: 11px;
}

#navigation li a:hover {
  /*color: #bc2d11;*/
}

#navigation li a.nohover:hover {
  background: none;
}

#navigation li.spezial a {
  color: #bc2d11;
  background: #fff;
}

#navigation img {
	margin-top: 160px;
}


/* Inhalt
----------------------------------------------- */

#contentbox {
	padding: 0;
	float:left;
	background:white;
	padding: 25px 0 0 25px;
}

.start #contentbox {
	padding:0;
}


#contentbox #left {
	float: left;
	width: 455px;
	padding-right:20px;
}

#contentbox #right {
	float: left;
	width:250px;
	padding:36px 0 0 0;
}

#contentbox #right img {
	margin-bottom:12px;
}

#left h1 {
  font: bold 1em/100% Verdana, Arial, Helvetica, sans-serif;
  color: #C32A0F;
  padding: 0 0 0 0;
  margin-bottom: 1.5em;
}

#left p {
	font: .75em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #4a4e53;
	margin: 0 0 .5em 0px;
}


#left ul {
	margin: 0 0 2em 0;
	list-style-type: none;
}

#left ul li {
	font: .75em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #4a4e53;
	margin: 0 0 .5em 0px;
	padding-left: 18px;
	background: url(../gfx/pfeil.gif) no-repeat 0 5px;
}

#left a.klapp {
	font: bold 1em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #C32A0F;
	margin: 0 0 .5em 0px;
	padding-left: 18px;
	background: url(../gfx/pfeil.gif) no-repeat 0 5px;
}

#left .submenu {
	margin-bottom: 2em;
}


#left h2 {
	font: bold .75em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #C32A0F;
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
#left h3 {
  font: bold 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
  color: #6E6E6E;
  text-transform: uppercase;
  margin: 18px 0 -5px 0;
}

#left ul li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #6E6E6E;
	margin: 5px 0 0 15px;
	padding-left: 0;
	list-style: disc;
	/*background-image: url(../gfx/aufzaehl.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;*/
	background: none;
}



#left a {
	text-decoration: none;
}

#left a:hover {
	text-decoration: underline;
}


#right p {
	color: #C32A0F;
    font: 0.7em/220% Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 12px;
    margin-bottom: 1em;
}



/* Klassen
----------------------------------------------- */


.footer {
	clear: both;
	line-height:1px;
	height:1px;
}

.mark {
	color: #C32A0F;
}

.capname {
	letter-spacing: 1px;
}

/* Adressen
----------------------------------------------- */

#contentbox .adressblock p {
	margin-bottom:1em;
}

#contentbox .adressblock h3 {
	letter-spacing:3px;
	margin:0 0 1em 0;
	font: normal 1em/100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}

/* Startseite
----------------------------------------------- */

.start .footer {
	background: url(../gfx/footerbackstart.jpg) no-repeat 0 0;
}

.start #contentbox #left {
	float: left;
	width: 370px;
	padding:0;
}

.start #contentbox #right {
	float: left;
	padding: 0 0 0 0;
    width: 391px;
}


.start #contentbox #right p {
	margin: 0 0 20px 0;
	padding: 0 10px 0 170px;
	line-height: 200%;
	color: #4a4e53;
    font: 0.75em/200% Verdana, Arial, Helvetica, sans-serif;
}

.start #contentbox #right h1 {
  font: bold 23px/100% Verdana, Arial, Helvetica, sans-serif;
  color: #bc2d11;
  letter-spacing: 4px;
	margin: 0 0 20px 20px;
}