/************************************************
 Basic Kram
************************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #000000;
	font-size: 12px;
}

td {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #000000;
	font-size: 12px;
}

a:link, a:visited{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #000000;
	font-size: 100%;
}
a:hover, a#linkaktiv {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana;
    color: #00000;
	font-size: 100%;
}

.text-rot {
	color: #ff0000;
	font-size: 100%;
}

.text-schw-kl {
	color: #000000;
	font-size: 90%;
}

.text-blau {
	color: #006bb2;
	font-size: 100%;
}
.ueberschrift {
	color: #006bb2;
	font-size: 130%;
	font-weight: bold;
}

ul { margin-top:15px; margin-left:40px; margin-bottom:20px;}

table#Katalog {
	border-collapse: collapse;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

table#Katalog tr td hr { 
	text-align: left; 
	margin-left:0;
	margin-top:5px;
	margin-bottom: 5px; 
	width: 96%;
	color: #999;
	background-color: #999;
	height: 1px;
	border: none;
	}


* html table#Katalog tr td hr {  /* nur fuer Internet Explorer */
  margin-bottom: 2px;
  ma\rgin-bottom: 2px;
  margin-top:2px;     /* Version 5.x */
  ma\rgin-top:2px;   /* Version 6 */
}

/**********************************
Container
***********************************/
.container-schatten {
    position:absolute;
    left: 50%;
    margin-top: 0px;
	margin-left: -502px;
	height: 750px;
    width: 1004px;
	border: none;
	background-image: url(Bilder/hg.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}


.container-haupt {
    position:absolute;
    left: 50%;
    margin-top: 29px;
	margin-left: -471px;
	height: 682px;
    width: 942px;
	border: none;
	text-align:left;
	z-index: 3;
}

/**********************************
Kopf + haupt + fuss
***********************************/
.kopf {
	position:relative;
	float: left;
	width: 940px;
	height: 120px; 
	padding: 0px;
	margin: 0px;
	border: 1px solid #006bb2;
	text-align: left;
}

.haupt {
	overflow: auto;
	position: relative;
	float: left;
	width: 940px;
	height: 480px; 
	padding: 0px;
	margin-top: 19px;
	border: 1px solid #006bb2;
	text-align: left;
}

.haupt #text {
	position: relative;
	float: left;
	width: 495px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 40px;
	border: none;
	text-align: left;
}

* html .haupt #text {  /* nur fuer Internet Explorer */
  margin-left: 50px;     /* Version 5.x */
  ma\rgin-left: 50px;   /* Version 6 */
}

.haupt #text-breit {
	position: relative;
	float: left;
	width: 720px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 40px;
	border: none;
	text-align: left;
}

* html .haupt #text-breit {  /* nur fuer Internet Explorer */
  margin-left: 50px;     /* Version 5.x */
  ma\rgin-left: 50px;   /* Version 6 */
}



.haupt #haupt-rechts {
	margin-top: 40px;
	position: relative;
	float: left;
	width: 340px;
	padding: 0px;
	margin-left: 0px;
	border: none;
	text-align: left;
}

.haupt #haupt-rechts-angebote {
	position: relative;
	float: left;
	width: 340px;
	padding: 0px;
	margin-left: 0px;
	border: none;
	text-align: left;
	height: 475px;
	background-image: url(Bilder/Zettel.jpg);
	background-repeat: no-repeat;
}

.haupt #haupt-rechts-angebote #angebote{
	position: relative;
	float: left;
	width: 290px;
	padding: 0px;
	margin-left: 30px;
	margin-top: 65px;
	border: none;
	text-align: left;
	color: #FFFFFF;
	font-size: 100%;
}

* html .haupt #haupt-rechts-angebote #angebote {  /* nur fuer Internet Explorer */
  margin-left: 15px;     /* Version 5.x */
  ma\rgin-left: 15px;   /* Version 6 */
}


.fuss {
	position: relative;
	float: left;
	width: 940px;
	height: 40px; 
	padding: 0px;
	margin-top: 19px;
	border: 1px solid #006bb2;
	text-align: left;
}

.fuss #navigation1{
	position: relative;
	float: left;
	width: 440px;
	padding: 0px;
	margin-left: 10px;
	text-align: left;
	line-height: 38px;
	color: #006bb2;
}

* html .fuss #navigation1 {  /* nur fuer Internet Explorer */
  margin-left: 5px;     /* Version 5.x */
  ma\rgin-left: 5px;   /* Version 6 */
}

.fuss #navigation1 #freecall{
	position: relative;
	float: left;
	width: 170px;
	padding: 0px;
	text-align: left;
}

.fuss #navigation1 a {
	float:left;
	margin-left: 10px;
	text-decoration: none;
	color: #006bb2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border:none;
	text-align: left;

  }

.fuss #navigation1 a:hover {
	text-decoration: underline;
	margin-left: 10px;
	color: #006bb2;
	text-align: left;
  }

.fuss #navigation2{
	position: relative;
	float: left;
	width: 480px;
	padding: 0px;
	margin: 0px;
	text-align: right;
}




/**********************************
Navigation-oben
***********************************/
* html #Navigation-oben {  /* nur fuer Internet Explorer */
  margin-left: 117px;     /* Version 5.x */
  ma\rgin-left: 117px;   /* Version 6 */
}

/**********************************
Formulare
***********************************/
input {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 3px 3px 3px 0px;
	padding-top: 2px;
	}
	
* html input {  /* nur fuer Internet Explorer */
  margin: 1px 1px 1px 0px;     /* Version 5.x */
  ma\rgin: 1px 1px 1px 0px;   /* Version 6 */
}

.input-grau {
	border: solid 1px #999999;
	width: 250px;
	height: 20px;
	}

.input-rot {
	border: solid 1px #FF0000;
	width: 250px;
	height: 20px;
	}
	
textarea{
	border: #000000 solid 1px;
	color: #000000;
	width: 290px;
	}	
/**********************************
Angebote
***********************************/
.angebote-ueberschrift1 {
	color: #FFFFFF;
	font-size: 160%;
	font-weight: bold;
}
.angebote-ueberschrift2 {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
}
.angebote-standart-fett {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}
.angebote-standart {
	color: #FFFFFF;
	font-size: 100%;
}
.haupt #haupt-rechts-angebote #angebote a{
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #FFFFFF;
	font-size: 100%;
}
.haupt #haupt-rechts-angebote #angebote hr { 
	text-align: left; 
	margin-top:5px;
	margin-bottom:5px;
	width: 96%;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height:1px;
	border: none;
	}

* html .haupt #haupt-rechts-angebote #angebote hr {  /* nur fuer Internet Explorer */
  margin-bottom: 1px;
  ma\rgin-bottom: 1px;
  margin-top:1px;     /* Version 5.x */
  ma\rgin-top:1px;   /* Version 6 */
}

  a.text1:link, a.text1:hover{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 160%;
	font-weight: bold;
}

  a.text2:link, a.text2:hover{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 100%;
}
  a.text3:link, a.text3:hover{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}
  a.text4:link, a.text4:hover{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
}

hr#hr-weiss { 
	text-align: left; 
	margin-top:5px;
	margin-bottom:5px;
	width: 90%;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height:1px;
	border: none;
	}
/** Eingabemaske**/
.haupt #em-navi {
	position: relative;
	float: left;
	width: 170px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 40px;
	border: none;
	text-align: left;
}

* html .haupt #em_navi {  /* nur fuer Internet Explorer */
  margin-left: 50px;     /* Version 5.x */
  ma\rgin-left: 50px;   /* Version 6 */
}


.haupt #em-rechts {
	margin-top: 40px;
	position: relative;
	float: left;
	width: 610px;
	padding: 0px;
	margin-left: 0px;
	border: none;
	text-align: left;
}