* {
	margin: 0;
	padding: 0;
}
html {
	height:100%
}
html\:abbr, abbr, acronym, .hilfe {
	cursor: help;
	border-bottom: 1px dashed #999;
}
body {
	height: 100%;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	background-color: #888;
}
b, strong {
	font-weight: bold;
	color: #666666;
}
p, a, label, li, table {
	font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li li, table a {
	font-size: 100%;
}
/* Kopfbereich mit Logo */
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C5C3C4;
	border-left-color: #C5C3C4;
}
#head {
	width: 840px;
	height: 194px;
	z-index: 6;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(top_webb.jpg);
}
a, a:link, a:visited {
	text-decoration : none;
	color : #333333;
	background: transparent;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #656565;
}
a:hover, a:active {
	color : #AA343F;
	background: transparent;
}
a:focus {
	color: #000;
	background: #ddd;
}
/* Navigation */

#navleft {
	position: absolute;
	left: 20px;
	top: 200px;
	width: 165px;
	z-index: 2;
	padding-top: 4px;
	margin-top: 25px;
}
#navleft ul {
	list-style-type: none;
}
#navleft a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-left: 30px;
	line-height: 26px;
	color: #AA343;
	margin: 2px 0;
	border-bottom: 1px solid #CCCCCC;
}
#navleft a:link, #navleft a:visited {
	color: #333333;
}
#navleft a:hover {
	color: #AA343F;
}
#navleft a:active, #navleft a:focus {
	color: #AA343F;
}
#navleft a:link.on, #navleft a:visited.on {
	color: #000;
	background: #fff;
}
#navleft li.on {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-left: 30px;
	line-height: 26px;
	color: #AA343F;
	margin: 2px 0;
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(li.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
#navleft li li a {
	font-weight: normal;
}
#navleft li li a:link, #navleft li li a:visited, #navleft li li.on {
	color: #333333;
	background: #fff;
	padding: 0;
	line-height: normal;
	font-size: 90%;
}
#navleft li li a:hover {
	color: #AA343F;
	background: #fff;
}
#navleft li li a:active, #navleft li li a:focus {
	color: #AA343F;
	background: #fff;
}
#navleft li li.on {
	color: #AA343F;
	background: #FFFFFF;
	font-size: 90%;
}
/* Inhalt */

#content {
	width : 540px;
	color: #333;
	z-index: 4;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#content p {
	padding: 10px 0 20px 20px;
}

#content a.top {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	font-weight: normal;
	color : #666;
	text-decoration: none;
	background-color: transparent;
	background-image: url(top.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
	padding: 0;
	margin-right: 30px;
	margin-top: 10;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer {
	background-color: #DBD9DA;
	color: #818181;
	font-size: 85%;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C5C3C4;
	border-bottom-color: #C5C3C4;
	border-left-color: #C5C3C4;
	padding-left: 250px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer a {
	color: #818181;
	font-size: 95%;
}
#text {
	display: block;
	z-index: 5;
	background: transparent;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 0px;
	font-size: 1em;
	padding-bottom: 20px;
}
#text h1 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #7E776F;
	/* border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E7970;*/
	margin-bottom: 15px;
	margin-top: 25px;
	font-weight: lighter;
	padding-bottom: 2px;
	letter-spacing: 0.2em;
}
#text h2 {
	color: #AA343F;
	line-height: 1.4em;
	margin-bottom: 10px;
	margin-top: 25px;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}
#text h3 {
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7E7970;
	font-size: 0.9em;
}
#text h4 {
	margin: 5px 0;
	line-height: 1.4em;
}
#text .wd {
	color: #7E7970;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#text p {
	line-height: 1.4em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding: 0;
}
#text ul {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#text ul li {
	line-height: 1.8em;
}
#text li p {
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}
#text .list1 {
	padding-left: 8px;
	margin-left: 10px;
	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	list-style-type: none;
}
#text ul.liste li {
	padding-left: 16px;
	margin-left: 15px;
	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	list-style-type: none;
}
#text .linkliste li {
	list-style-type: none;
	line-height: normal;
}
#text .linkliste li li {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: normal;
}
#text .linkliste li ul {;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#text .linkliste li a {
	padding: 0 0 0 30px;
	margin: 0;
}
#text .linkliste h3 {
	background-image: url(../webagentur-Angebot/list.gif);
	background-repeat: no-repeat;
	background-position: 0px -7px;
	line-height: 24px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
}
#text .linkliste p {
	margin: 0 0 0 30px;
	padding: 0;
}
#text ul.subliste {
	margin: 0 0 0 15px;
}
#text ul.subliste li {
	margin: 0;
	padding: 0;
	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#text ol li p {
	margin: 5px 0 10px 20px;
}
#text .ref li {
	display: inline;
}
#text li a {
	display: block;
	line-height: 1.8em;
	color: #333;
	background-color: transparent;
	background-image: url(../webagentur-Angebot/list.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 30px;
}
#text li a.extern {
	display: block;
}
#text li a:hover.extern {
	display: block;
	background-position: 0 7px;
}
#text li a:link, #text li a:visited {
	color: #666;
	background-position: 0 7px;
	text-decoration: none;
}
#text li a:hover {
	color: #000;
	background-position: 0 -28px;
}
#text li.on {
	color: #000;
	background-position: 0 -28px;
}
#text li a:active, #text li a:focus {
	color: #000;
	background-position: 0 -61px;
}
#text li a:focus {
	color: #fff;
	background-color: #039;
}
#text .kontakttext {
	font-size: 0.8em;
}
#bild {
	float: right;
	padding: 10px 20px 20px 20px;
	border: 0 none;
}
#bildlinks {
	float: left;
	padding: 10px 20px 10px 20px;
	border: 0 none;
}

/* Allgemeine Klassen */
.clear {
	clear: both;
}
.center {
	text-align: center;
	padding: 2px;
}
.right {
	text-align: right;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
.block {
	padding : 12px;
}
.trennwhite {
	color : #fff;
	background: none;
}
.underline {
	text-decoration : underline;
	color : #c00;
	background: none;
}
.rand {
	border: 1px solid #369;
}
.proges {
	float: left;
	border: 1px solid #ccc;
	margin: 5px 15px 15px 0px;
}
.fright {
	float: right;
}
.fleft {
	float: left;
	margin: 5px 10px 5px 0;
}
frameborder {
	border: 1px solid #ccc;
}
/* Formulare  */
#formular p {
	margin-left: 0;
}
.form1 {
	display: block;
	height: 1.3em;
	width: 200px;
	margin: 20px 1px 1px 16px;
	font-size: 80%;
}
.form2 {
	color: #333333;
	font-size: 1.4em;
	width: 300px;
	margin: 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
}
.form3 {
	width: 130px;
	border-top: 1px none #39c;
	border-right: 1px none #39c;
	border-bottom: 1px solid #39c;
	border-left: 1px solid #39c;
	margin: 0 0 0 10px;
	padding: 2px;
}
.form4 {
	border: 1px solid #CCCCCC;
	height: 180px;
	width: 300px;
	padding: 2px;
	margin: 0px;
}
.checkbox {
	font-size: 100%;
	padding: 5px;
	margin-left: 10px;
}
.checkbox span {
	padding-left:5px;
	vertical-align: middle;
}
.checkb {
	vertical-align: middle;
}
textarea {
	color : black;
	background: transparent;
}
.sendbutton {
	margin: 30px 0 0 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #aaa #999 #ccc;
	background-color: #F0F0F0;
}
p.list1a {
	border-bottom: 1px solid #006;
	margin:0;
	font-weight:bold;
}
p.list1b {
	border-bottom: 1px solid #006;
	font-weight: bold;
	margin:0;
}
span.list2 {
	float:right;
	width:150px;
	font-weight: bold;
	text-align:right;
}
.rot {
	font-weight: bold;
	color: #AA343F;
	letter-spacing: 1px;
}
.schwarz {
	font-weight: bold;
	color: #7E7970;
	letter-spacing: 1px;
}

.floatleft {
float:left;	
}

.abstandright {
margin-left: 45px;	
}

.abstandrighttext {
margin-left: 30px;	
}

.feld {
	margin-top:10px;
	line-height: 1.4em;
    margin-bottom: 10px;
	font-size: 0.8em;
}

/* Print */

#printtitel {
	display: none;
}