/* Allgemeine Festlegungen */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	font-size: 62.5%;	
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/static/bg_body-standard.gif) repeat-x 0 top;
}

img {
	border: none;
}

h3 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #555;
	text-transform: uppercase;
	background: url(../img/static/bg_headline-klein.gif) no-repeat left center;
	padding-left: 18px;
	margin-bottom: 1.5em;
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
}

a {
	text-decoration: none;
	color: #ff6600;
}

a:hover {
	text-decoration: underline;
}

hr {
	height: 1px;
	background: url(../img/static/bg_strichellinie.gif) repeat-x;
	border: none;
	clear: left;
	margin: 1.5em 0 3em 0;
}

.nichtfett {
	font-weight: normal;
}

.float-links {
	float: left;
}

.float-rechts {
	float: right;
}

img.float-links {
	margin-right: 20px;
	margin-bottom: 1.5em;
}

img.float-rechts {
	margin-top: 0.4em;	
	margin-left: 10px;
	margin-bottom: 1.0em;
}

/* Layout */
/* Kopfbereich */
div#main {
	width: 1023px;
	margin: 0 auto;
	background: url(../img/static/bg_main.gif) repeat-y center;
	overflow: hidden;
}


div#header, header {
	height: 220px;
	padding: 14px 10px 0 10px;
	background: url(../img/static/bg_header-standard.gif) no-repeat center top;
}


/* Detailfestlegungen Header */
#kopfleiste-links, #kopfleiste-rechts {
	font-size: 11px;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 25px;
}

#kopfleiste-links {
	float: left;
}

#kopfleiste-rechts {
	float: right;
}

#kopfleiste-links a, #kopfleiste-rechts a {
	color: #ff6600;
	text-decoration: none;
}

#kopfleiste-links a:hover, #kopfleiste-rechts a:hover {
	text-decoration: underline;
}

img#logo {
	float: right;
	margin: 57px 19px 0 0;
}

/* Menue */
div#nav, nav {
	clear: both;
}

div#nav ul, nav ul {
	float: left;
	list-style: none;
	margin-top: 85px;
	margin-left: 25px;
}

div#nav ul li, nav ul li {
	float: left;
	text-transform: uppercase;
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	/*letter-spacing: 1px;*/
}

div#nav ul li a, nav ul li a {
	display: block;
	width: 104px;
	text-align: center;
	padding: 6px 0;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

div#nav ul li a:hover, nav ul li a:hover, div#nav ul li.aktiv a, nav ul li.aktiv a {
	color: #ff6600;
	background: url(../img/static/bg_nav-hover.gif) no-repeat center top;
}

/* Inhaltsbereich */
/* Layoutaufteilung */
div#inhalt {
	height: 1%;
	margin: 0 10px;
	background: url(../img/static/bg_inhalt.gif) repeat-y center top;
	overflow: hidden;
}

div.vollebreite {
	padding: 0 20px 0 25px;
	background-color: #FFF;
	overflow: hidden;
	height: 1%;
}

div#article, article {
	width: 558px;
	margin-left: 25px;
	float: left;
	display: inline;
}

div#aside, aside {
	width: 346px;
	margin-left: 54px;
	float: left;
	display: inline;
}

div#footer, footer {
	height: 1%;
	margin-top: 30px;
	padding: 10px 10px 30px 10px;
	background: url(../img/static/bg_footer-top.gif) no-repeat center top;
	color: #ff6600;
	overflow: hidden;
}


/* Detailfestlegungen */
h3.keinquadrat, h3.orange {
	background-image: none;
	padding-left: 0;
	margin-bottom: 0.7em;
}

h3.orange {
	color: #ff6600;
}

div.bildmittext {
	float: left;
	margin: 0.4em 30px 0 0;
}

div#wechselteaser {
	background-color: #efefef;
	border: 1px solid #ccc;
	overflow: hidden;
	height: 1%;
}

img#wechselteaser-bild {
	width: 556px;
	border-right: 1px solid #ccc;
	margin-right: 54px;
	float: left;
}

div#wechselteaser-text {
	width: 317px;
	float: left;
	margin-top: 20px;
}

div#wechselteaser h2 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #ff6600;
	text-transform: uppercase;
	margin-bottom: 1.0em;
}

div#wechselteaser p {
	margin-bottom: 1.5em;
}

div#wechselteaser h3 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 0.7em;
}

div#wechselteaser ul {
	list-style: none;
	margin-bottom: 1em;
}

div#wechselteaser ul li {
	font-size: 1.3em;
	background: url(../img/static/bg_li-checked.gif) no-repeat left center;
	padding: 0.2em 0 0.2em 15px;
}

ul#wechselteaser-tabs {
	list-style: none;
	overflow: hidden;
	height: 49px;
	margin-bottom: 3.5em;
}

ul#wechselteaser-tabs li {
	display: inline;
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.4em;
}

ul#wechselteaser-tabs li a {
	display: block;
	float: left;
	padding: 6px 12px;
	width: 162px;
	height: 37px;
	background: url(../img/static/bg_wechselteaser-tab.gif) no-repeat center bottom;
	color: #555;
}

ul#wechselteaser-tabs li.aktiv a, ul#wechselteaser-tabs li a:hover {
	background: url(../img/static/bg_wechselteaser-tab-aktiv.gif) no-repeat center bottom;
	color: #FF6600;
	text-decoration: none;
}

div#article h2, article h2 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	background: url(../img/static/bg_headline-gross.gif) no-repeat left center;
	padding-left: 25px;
	margin-bottom: 1.0em;
}

div#article h3, article h3 {
	font-size: 1.7em;
}

div#article h4, article h4 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 0.3em;
}

div#article p, article p {
	margin-bottom: 2em;
}

div.bildmittext p {
	margin-bottom: 1em !important;
}

div#article p a, article p a {

}

div#article p a:hover, article p a:hover {

}

div#article p.caption, article p.caption {
	text-align: right;
}

div#article .float-links, article .float-links {
	margin-bottom: 2em;
}

div#article img, article img {
	border: 1px solid #cacaca;
	margin-bottom: 0.5em;
}

div#article ul, article ul {
	list-style: none;
	margin-bottom: 1em;
}

div#article ul li, article ul li {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
	padding-left: 15px;
	background: url(../img/static/bg_listitem.gif) no-repeat left 0.5em;
}

div.article-spaltelinks, div.article-spalterechts {
	width: 264px;
	margin-bottom: 1.5em;
	float: left;
	display: inline;
}

div.article-spaltelinks {
	margin-right: 30px;
}

div#article .graubox {
	margin-bottom: 40px;
	background: url(../img/static/bg_links-graubox.gif) no-repeat center bottom;
	padding-bottom: 5px;
}

div#article .graubox-innen {
	background: url(../img/static/bg_links-graubox.gif) no-repeat center top;
	padding: 16px 18px 3px 18px;
	height: 1%;
	overflow: hidden;
}

div.graubox-spalte {
	margin-left: 15px;
	float: left;
	width: 245px;
	display: inline;
}

div.graubox-spalte ul li {
	margin: 0.2em 0 !important;
	background: url(../img/static/bg_li-checked.gif) no-repeat left 0.2em !important;
}

div#article .graubox-einfach {
	background-color: #efefef;
	padding: 16px 18px 15px 18px;
}

div#article .graubox-einfach p {
	margin-bottom: 0.3em;
}

div#article .graubox-einfach p.kunde {
	color: #000;
}

/* Beginn Formular */
div#article form {
	margin-bottom: 6em;
	width: 100%;
	overflow: hidden;
}

div#article form label {
	font-size: 1.5em;
	color: #666;
	width: 170px;
	margin-top: 4px;
	margin-right: 10px;
	float: left;
	clear: left;
}

div#article form input, div#article form select, div#article form textarea {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 8px;
}

div#article form input, div#article form textarea {
	width: 331px;
	padding: 4px;
}

div#article form textarea {
	height: 180px;
	margin-bottom: 2em;
}

div#article form textarea.textarea-vollebreite {
	width: 512px;
	margin-top: 1em;
}

div#article form select {
	padding: 4px 0;
}

div#article form select option {
	width: 130px;
	padding: 0 4px;
}

div#article form input.radio-check {
	border: none;
	width: auto;
	margin: 0.3em 10px 0 0;
}

div#article form p.radio-text {
	float: left;
	font-size: 1.5em;
	margin-right: 20px;
}

div#article form input.resetbutton, div#article form input.submitbutton {
	border: none;
	width: 239px;
	height: 26px;
	font-size: 15px;
	padding: 0px 0 !important;
	color: #FFF;
	cursor: pointer;
}

div#article form input.resetbutton {
	background: url(../img/static/bg_resetbutton.gif) no-repeat center top;
	margin-right: 44px;
}

div#article form input.submitbutton {
	background: url(../img/static/bg_submitbutton.gif) no-repeat center top;
}

div#article form hr, div#article form br {
	clear: left;
}

div#aside div.section, aside section {
	margin-bottom: 40px;
}

div#aside img, aside img {

}

div#aside h4, aside h4 {
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

div#aside p, aside p {
	margin-bottom: 0.8em;
	line-height: 1.3em;
}

div#aside p a, aside p a {

}

div#aside hr, aside hr {
	margin-bottom: 1.5em;
}

ul#subnav {
	list-style: none;
}

ul#subnav li {
	font-size: 14px;
	font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../img/static/bg_strichellinie.gif) repeat-x left bottom;	
	padding-bottom: 1px;
}

ul#subnav li a {
	display: block;
	color: #000;
	padding: 10px 10px 10px 18px;
	text-decoration: none;
}

ul#subnav li a:hover, ul#subnav li.aktiv a {
	color: #ff6600;
	background: #efefef url(../img/static/bg_subnav-hover.gif) no-repeat 6px center;
}

div#aside .section-graubox {
	margin-bottom: 40px;
	background: url(../img/static/bg_rechts-graubox.gif) no-repeat center bottom;
	padding-bottom: 5px;
}

div#aside .section-graubox-innen {
	background: url(../img/static/bg_rechts-graubox.gif) no-repeat center top;
	padding: 16px 18px 3px 18px;
}

div#aside .section-kopfbox {
	margin-bottom: 40px;
	background: url(../img/static/bg_rechts-kopfbox.gif) no-repeat center bottom;
	padding-bottom: 5px;
}

div#aside .section-kopfbox-innen {
	background: url(../img/static/bg_rechts-kopfbox.gif) no-repeat center top;
	padding: 5px 18px 1.5em 18px;
}

div#aside .section-kopfbox-innen h3 {
	color: #FFF;
	background: none;
	padding-left: 0;
	margin-bottom: 1.8em;
}

div#aside .section-kopfbox-innen img {
	margin-right: 12px;
}

p.kunde {
	text-align: right;
	color: #555;
}


div#footer a, footer a {
	text-decoration: none;
	color: #ff6600;
}

div#footer a:hover, footer a:hover {
	text-decoration: underline;
}

#footer-links {
	width: 224px;
	float: left;
	margin-left: 30px;
	display: inline;
}

#footer-mitte {
	width: 324px;
	float: left;
	text-align: right;
	display: inline;
}

#footer-rechts {
	width: 404px;
	float: left;
	text-align: right;
}