/**
* LAYOUT___ALLGEMEINE ELEMENTE --------------------
*/

* { 
	margin: 0; 
	padding: 0; 
	}
	
html { 
	height: 100%; 
	margin-bottom: 1px; 
	}

body {
	background: #FFFFFF; 
	text-align: left;
	font-size: 100.01%;	
	}
 
  
/**
* HAUPTELEMENTE --------------------
*/ 
 
/* Umrahmung */

#page_margins {
	width: 976px;
	margin: 0;
	padding: 0;
	}

div#page {
	margin: 20px 0 40px 0;
	text-align: left;
	padding: 1px;
	background: #F3F3F3;
	border: 1px #DFDFDF solid;
	-moz-border-radius: 2px;
	}
	
/* Service */	
	
div#service {
	width: 100%;
	background: #DFDFDF;
	text-align: right;
	border-bottom: 1px #FFFFFF solid;
    font-family: Arial, Verdana, sans serif;
    letter-spacing: 0.1em;
    overflow: hidden;
    display: none;	
	}
	
/* Kopfbereich */	
	
div#header {
	width: 100%;
	background: #FFFFFF;
	height: 150px;
	overflow: hidden;
	}
	
/* Hauptnavigation */	
	
div#navi {
	width: 100%;
	border-top: 5px #143383 solid;
	border-bottom: 1px #DFDFDF solid;
	font-family: Verdana, Arial, sans serif;
	letter-spacing: 0.1em;
	background: #FFFFFF;
	display: none;
	}

div#sub_navi {
	width: 100%;
	border-bottom: 1px #999999 solid;
	font-family: Verdana, Arial, sans serif;
	letter-spacing: 0.1em;
	background: #FFFFFF;
	display: none;
	}

/* Inhalt */

div#main {
	width: 100%;
	overflow: hidden;
	}

/* Hauptspalte */

div#left {
	width: 100%;
	float: left;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	}
	
div#content {
	margin: 0;
	padding: 0 40px 0 60px;
	background: #FFFFFF;
	}


/* Marginalspalte */
	
div#right {
	width: 30%;
	float: right;
	padding: 0;
	margin: 0;
	margin-left: -5px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	display: none;
	}

	
/* Fussbereich */
	
div#footer {
	background: #DFDFDF;
	clear: both;
	width: 100%;
	overflow: hidden;
	border-bottom: 5px #FF6633 solid;
	border-top: 1px #CCCCCC solid;;
	display: none;
	}

div#tools {
	padding: 10px 40px 10px 20px;
	display: none;
	}

/**
* CONTENT___ALLGEMEIN ------------------------
*/

body {
	font-size: 100.01%;	
	color: #666666;
	}
	
/**
* @bugfix	Schriftrendering Safari
*/

<!--[if !IE]>-->

body {
    font-size: 16px;
}

<!--<[endif]-->	

ul, ol, dl { 
	margin: 0; 
	}
 
li { 
	margin: 0;
	line-height: 1.75em;
	list-style-type: none;
	}

p {
	font-size: 0.6875em;
	}
	
a {
	text-decoration: none;
	color: #143383;
	}
	
a:hover, a:focus {
	color: #999999;
	}
	
a:active {
	color: #143383;
	}

a.external-link {
	background-image: url(../icons/externerlink.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}
	
a.internal-link {
	background-image: url(../icons/internerlink.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}
	
a.mail {
	background-image: url(../icons/mail.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}

a.download {
	background-image: url(../icons/download.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}

a.upto {
	background-image: url(../icons/nachoben.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-right: 15px;
	margin-right: 10px;
	}
	
a.druck {
	background-image: url(../icons/druck.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}
	
a.suche {
	background-image: url(../icons/lupe.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	}
	
a.weiterlesen {
	background-image: url(../icons/weiterlesen.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	font-weight: bold;
	}

img {
	border: 0;
	border-color: #666666;
	}

	
/**
*  TEXT CONTENT UND MARGINALSPALTE ----------------------------
*/

/* Allgemein */
div, p, body, html {
    line-height: 1.5em;
    font-family: Verdana, Helvetica, Arial, sans serif;
	}
	
input, button, textarea {
	line-height: 1.5em;
	font-family: Helvetica, Arial, Verdana, sans serif;
	color: #666666;
	letter-spacing: 0.1em;
	margin: 0 0 0 1.5em;
	}
	
form {
	margin: 2em 0 2em 0;
	}

em {
	color: #FF6633;
	font-style: normal;
	}
	
strong {
	color: #143383;
	font-weight: bold;
	}

big {
	font-size: 1.25em;
	font-weight: bold;
	color: #666666;
	}

/* Headings */
/* Normale �berschrift */
h1 {
	font-family: Helvetica, Arial, Verdana, sans serif;
	line-height: 1.25em;
	font-weight: normal;
	color: #143383;
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 1.5em 0 0.75em 0;
	border-top: 1px #DFDFDF solid;
	letter-spacing: 0.1em;
	}
	
/* Unter�berschrift */	
h2 {
	font-family: Verdana, Helvetica, Arial, sans serif;
	line-height: 1.25em;
	font-weight: bold;
	color: #999999;
	font-size: 0.750em;
	padding: 0 0 0.75em 0;
	margin: 1em 0 0 0;
	}

/* �berschrift f�r Opener */
h3 {
	font-family: Helvetica, Arial, Verdana, sans serif;
	line-height: 1.25em;
	font-weight: normal;
	color: #FF6633;
	font-size: 1.25em;
	padding: 0 0 0.75em 0;
	letter-spacing: 0.1em;
	}

h4 {
	font-family: Helvetica, Arial, Verdana, sans serif;
	line-height: 1.25em;
	font-weight: normal;
	color: #999999;
	font-size: 1.25em;
	padding: 0 0 0.75em 0;
	margin: 1em 0 0 0;
	}

/* �berschrift f�r normalen Content ohne Rahmen */
h5 {
	font-family: Helvetica, Arial, Verdana, sans serif;
	line-height: 1.25em;
	font-weight: normal;
	color: #143383;
	font-size: 1em;
	margin: 0;
	padding: 1em 0 0.75em 0;
	letter-spacing: 0.1em;
	}
	

/* Text */
div#content p {
	text-align: justify;
	margin: 0.5em 0 0 1em;
	}
	
div#content img {
	border-color: #DFDFDF;
	margin: 0 0 0.5em 0;
	}

/* Listen */
div#content ul {
	margin: 0 0 0 3em;
	}
	
div#content ul.kontakt {
	margin: 0;
	}

div#content ul li {
	font-size: 0.6875em;
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1em;
	list-style-image: url(../icons/listenpunkt.gif);
	}

div#content ul.kontakt li {
	list-style-image: none;
	padding: 0 0 0 20px;
	}

ul.kontakt li.telefon {
	background-image: url(../icons/telefon.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}

ul.kontakt li.fax {
	background-image: url(../icons/fax.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}

ul.kontakt li.mobile {
	background-image: url(../icons/mobile.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}
	
ul.kontakt li.mail {
	background-image: url(../icons/mail.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	}

/**
* MAILFORMULAR --------------------------
*/

form#mailform {
	width: 90%;
	height: auto;
	font-size: 0.6875em;
	margin: 1.5em 0 1.5em 0;
	}

fieldset.csc-mailform {
	border: 0;
	}

div.csc-mailform-field {
	clear: both;
	}

#mailform fieldset ul {
	margin: 0;
	padding: 0;
	}
	
#mailform fieldset ul li {
	padding: 0.5em 0 0 0;
	}
	
#mailform label {
	float: left;
	display: block;
	width: 45%;
	text-align: right;
	clear: both;
	}
	
#mailform input {
	float: right;
	width: 50%;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 0.5em 0;
	padding: 0.25em;
	}

#mailform textarea {
	float: right;
	width: 50%;
	text-align: left;
	margin: 0 0 0.5em 0;
	}

#mailform input, #mailform textarea {
	border: 1px #CCCCCC solid;
	}
	
#mailform input:hover, #mailform textarea:hover {
	border: 1px #FF6633 solid;
	}
	
#mailform input:focus, #mailform textarea:focus {
	border: 1px #143383 solid;
	}
	
input.csc-mailform-submit {
	margin: 0.25em;
	background: #DFDFDF;
	-moz-border-radius: 3px;
	color: #143383;
	font-weight: bold;
	float: right;
	}
	
input.csc-mailform-submit:hover, input.csc-mailform-submit:focus {
	border: 1px #CCCCCC solid;
	color: #FF6633;
	}
	
input#mailformformtype_mail {
	width: 100px;
	text-align: center;
	}