/* ALLGEMEINE STYLES */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a.linkpfeil {
	background: url(../images/pfeil_o_r.gif) right 2px no-repeat;
	padding-right: 15px;
}

a.linkpfeil_links {
	background: url(../images/pfeil_o_r.gif) 0 3px no-repeat;
	padding-left: 14px;
}

a.rechts {
	float: right;
}

.infobox a {
	text-decoration: underline;
}

.infobox a:hover {
	text-decoration: none;
}

.referenzen a {
	text-decoration: underline;
}

.referenzen a:hover {
	text-decoration: none;
}

p.plaintext a {
	text-decoration: underline;
}

p.plaintext a:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p, td, th, li, a, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

body {
	background-color: #d8d5d5;
}



/* SEITENAUFBAU */

.contentframe {
	width: 890px;
	background: #fff url(../images/bg_contentframe.gif) top repeat-y;
	margin: 0 auto;
}

.bottom {
	width: 890px;
	margin: 0 auto 20px auto;
}

.banner {
	width: 872px;
	margin: 0 12px 0 6px;
}



/* MENÜ */

.menu {
	width: 172px;
	margin: 0 0 0 22px;
	padding: 0 0 20px 0;
	float: left;
}

.menu ul {
	list-style-type: none;
	margin: 7px 0 0 14px;
	padding: 0;
}

.menu ul li {
	background: url(../images/bg_menu.gif) 0 2px no-repeat;
	padding: 2px 0 4px 26px;
}

.menu ul ul {
	display: none;
}

.menu ul li.active {
	background: url(../images/ring_o_rm.gif) 0 2px no-repeat;
	padding-left: 0;
}

.menu ul li.active a {
	color: #ff9900;
	font-weight: bold;
}

.menu ul li.notTopActive a {
	color: #666;
	font-weight: normal;
}

.menu ul li.active ul {
	margin: 6px 0 -1px 7px;
	display: block;
	border-left: 1px solid #d8d5d5;
}

.menu ul li.active a {
	padding-left: 26px;
}

.menu ul li.active ul a {
	padding-left: 19px;
}

.menu ul li.active li {
	background-image: none;
	padding: 2px 0 3px 0;
}

.menu ul li.active li.first {
	padding-top: 0;
}

.menu ul li.active li a {
	font-weight: normal;
	color: #666;
}

.menu ul li.active li.active a {
	font-weight: bold;
	color: #ff9900;
}

div.menu img {
	margin: 2px 0 0 14px;
}



/* CONTENT */

.content {
	width: 400px;
	padding: 15px 33px 20px 31px;
	float: left;
}

.no_teaser {
	width: 600px;
}

.content_kontakt {
	width: 328px;
	padding: 15px 33px 20px 31px;
	float: left;
}


h1 {
	padding: 15px 0 5px 6px;
	color: #ffa800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}


h2 {
	padding: 15px 0 5px 6px;
	color: #ffa800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

h3 {
	padding: 0 0 0 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.content p, .content_kontakt p {
	padding: 0 0 14px 23px;
}

.content p.plaintext, .content_kontakt p.plaintext {
/*	padding: 0 0 6px 23px;*/
	padding: 0 0 6px 7px;
}

.content div.infobox p.plaintext {
	padding: 0 0 6px 23px;
}

.content h4, .content_kontakt h4 {
	padding: 1px 0 5px 23px;
	font-size: 11px;
	font-weight: bold;
}

ul {
	padding: 0 0 0 39px;
}

ol {
	padding: 0 0 0 26px;
	font-weight: bold;
}

ol li {
	font-weight: normal;
}

.infobox {
	background: #fff url(../images/bg_infobox.gif) top left no-repeat;
	margin: 20px 0 0 0;
	position: relative;
}

.infobox p {
	padding: 0 0 2px 23px;
}

.infobox ol {
	padding: 4px 0 4px 40px;
}

.infobox h4 {
	padding: 2px 0 0 23px;
}

.aufzaehlung {
	padding: 0 20px 40px 39px;
}

.auflistung {
	list-style-type: none;
	padding: 0 0 8px 0;
}

.teaserbox .auflistung {
	margin-left: 22px;
}

.infobox .auflistung {
	margin-left: 22px;
}

.infobox div.spalte_links .auflistung,
.infobox div.spalte_rechts .auflistung {
	margin-left: 7px;
}

.content > .auflistung {
	padding: 0 0 0 24px;
}

.auflistung li {
	padding: 0 0 0 10px;
	background: url(../images/plus.gif) 0 5px no-repeat;
}

.referenzen {
	margin: 0 0 15px 23px;
	clear: both;
}

.referenzen h4, .referenzen i {
	margin: 0;
	padding: 0;
}

.referenzen p.plaintext {
	padding: 0 0 3px 0px;
}

.content .referenzen .referenzbild {
	float: left;
	margin: 3px 8px 8px 0;
}

.pfeil {
/*	padding-left: 8px;*/
}

.spalte_links {
	width: 175px;
	margin: 8px 10px 8px 23px;
	padding: 0;
	float: left;
	position: relative;
}

.spalte_rechts {
	width: 175px;
	margin: 8px 0 8px 0;
	padding: 0;
	float: left;
	position: relative;
}

.spalte_links h4, .spalte_rechts h4 {
	padding: 1px 0 3px 0;
}

.spalte_links p, .spalte_rechts p {
	padding: 0;
}

.textbild_links {
	float: left;
	margin: 0 10px 8px 23px;
}

.textbild_rechts {
	float: right;
	margin: 0 0 8px 10px;
}

a.icon {
	padding: 1px 0 4px 20px;
	display: block;
}

a.icon.pdf { background: url('../images/icons/icon_filediv_pdf.gif') top left no-repeat; }
a.icon.zip { background: url('../images/icons/icon_filediv_zip.gif') top left no-repeat; }
a.icon.ppt { background: url('../images/icons/icon_filediv_ppt.gif') top left no-repeat; }
a.icon.png { background: url('../images/icons/icon_filediv_png.gif') top left no-repeat; }
a.icon.pic { background: url('../images/icons/icon_filediv_pic.gif') top left no-repeat; }
a.icon.jpg { background: url('../images/icons/icon_filediv_jpg.gif') top left no-repeat; }
a.icon.info { background: url('../images/icons/icon_filediv_info.gif') top left no-repeat; }
a.icon.gif { background: url('../images/icons/icon_filediv_gif.gif') top left no-repeat; }
a.icon.exe { background: url('../images/icons/icon_filediv_exe.gif') top left no-repeat; }
a.icon.doc { background: url('../images/icons/icon_filediv_doc.gif') top left no-repeat; }
a.icon.aud { background: url('../images/icons/icon_filediv_aud.gif') top left no-repeat; }
a.icon.xls { background: url('../images/icons/icon_filediv_xls.gif') top left no-repeat; }

.standardtabelle {
	margin-bottom: 12px;
	margin-top: 8px;
}

.standardtabelle th {
	background-color: #d8d5d5;
	text-align: left;
	padding: 8px 8px 5px 8px;
	font-size: 11px;
	color: #666;
	vertical-align: top;
}

.standardtabelle td {
	text-align: left;
	padding: 4px 8px 5px 8px;
	font-size: 11px;
	color: #000;
	vertical-align: top;
}

.standardtabelle th.trennzelle_vertikal, .standardtabelle td.trennzelle_vertikal {
	background-color: #fff;
	width: 1px;
	padding: 0;
}

td.trennlinie_horizontal {
	height: 3px;
	background: url('../images/bg_trennlinie_horizontal.gif') top left repeat-x;
	padding: 0;
}

.standardtabelle td.foot {
	height: 6px;
	padding: 0;
	background-color: #d8d5d5;
}

.content table {
	clear: left;
	margin-left: 23px;
}

/* TEASER */

.teaser {
	float: left;
	width: 190px;
	margin: 43px 0 0 0;
}

.teaser_kontakt {
	float: left;
	width: 262px;
	margin: 87px 0 0 0;
}

.teaserbox {
	background: url(../images/bg_teaser.gif) top left no-repeat;
	margin: 0 0 20px 0;
}

.teaser h4, .teaser_kontakt h4 {
	font-weight: bold;
	font-size: 11px;
	padding: 1px 0 0 23px;
}

.teaser p {
	padding: 5px 0 0 23px;
}

.teaser_kontakt p {
	padding: 5px 0 0 23px;
}

.teaser .teaserbild {
	border-left: 15px solid #ebebeb;
	margin-bottom: 6px;
	margin-left: 8px;
}

.teaser .kundenbild {
	margin: 0 0 10px 25px;
}

.teaser_kontakt input, .teaser_kontakt textarea {
	border:1px solid #D8D5D5;
	color:#125753;
	font-family:Arial,Helvetica;
	font-size:11px;
	height:15px;
	padding: 1px 0 0 2px;
	width:240px;
	margin-left: 23px;
}

.teaser_kontakt input.button {
	border: none;
	width: 9px;
	height: 9px;
}

div.abstand_klein,
div.abstand_mittel,
div.abstand_gross {
	clear: both;
}

div.abstand_klein {	padding-top: 5px; }
div.abstand_mittel {	padding-top: 10px; }
div.abstand_gross {	padding-top: 15px; }