/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 1;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ende reset-styles */


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Ralph Oliver du Carrois
 * @vendorurl:  http://www.carrois.com
 * @licenseurl: http://www.fontsquirrel.com/license/Colaborate
 *
 *
 */

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('../font/ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('../font/ColabThi.ttf') format('truetype');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('../font/ColabLig.eot');
	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('../font/ColabLig.ttf') format('truetype');
}



html, body {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 160%;
	color:#333333; 
	background-color: #ffffff;	
	background-image: url(../img/bg-seitenheader-grau.png);
	background-repeat: repeat-x;
	background-position: 0 106px;
	}

body#homepage { 
	background-image: url();
	}


div#background { 
	position: relative;
	float: left;
}



.grau { 
	width: 100%;
	height: 500px;
	background-image: url(../img/bg-homeheader-grau.png);
	background-repeat: repeat-x;
	background-position: 0 106px;
	}

* html .grau { 
	background-image: url(../img/bg-homeheader-grau.png);
	background-repeat: repeat-x;
	background-position: 0 106px;
	}

.rot { 
	width: 100%;
	height: 500px;
	background-image: url(../img/bg-homeheader-rot.png);
	background-repeat: repeat-x;
	background-position: 0 106px;
	}


* html .rot { 
	background-image: url(../img/bg-homeheader-rot.png);
	background-repeat: repeat-x;
	background-position: 0 106px;
	}


img {
	border: 0;
}

a {
	text-decoration: none; 
}



/* ### START hauptspalten ### */
div#wrapper { 
	width: 100.4em;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3em;
}

div#inner { 
	position: relative;
	float: left;
}


div#logo {
	position: relative;
	float: left;
	width: 14.5em;
	margin: 0 2em 2em 7.9em;
}

* html  div#logo {
	margin: 0 2em 2em 2.9em;
}


div#navigation {
	position: relative;
	float: left;
	width: 75.2em;
	margin: 44px 0 0 0;
}

div#navigation ul,
div#navigation ul li,
ul#fussnav,
ul#fussnav li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0; 
	margin: 0; 
	float: left;
	display: inline;
}

div#navigation ul {
	float: right;
}


div#navigation ul li,
ul#fussnav li {
	font-size: 1.2em;
	line-height: 120%;
	font-weight: bold;
	padding: 0 2em 0 0;
}

ul#fussnav li {
	font-weight: normal;
	padding: 0 0.6em 0 0;
	margin: 0 0.4em 0 0;
	background-image: url(../img/servicenav-dot.gif);
	background-repeat: no-repeat;
	background-position: center right;
}


div#navigation ul li a {
		color:#333333;
}

div#navigation ul li a:hover,
div#navigation ul li a:focus {
		color:#666666;
}

ul#fussnav li a {
		color:#b61f38;
}

div#navigation ul li.hier,
div#navigation ul li.hier a {
		color:#b61f38;
}


div#subnav {
	/*width: 306px;*/
  	/*background: url(../img/box-subnav-b.gif) no-repeat left bottom;*/
	/*padding: 0 2em 2em 0;*/
	background-color:#f7f8f9;
	padding: 2em 2em 1.4em 2em;	
	margin: 0 0 4.6em 0;
	text-align: left;
}

div#subnav h3 {
    /*background: url(../img/box-subnav-t.gif) no-repeat left top;*/
	/*padding:  0.8em 0.8em 0 1.1em;*/
	margin: 0 0 1em 0;
}

div#subnav ul,
div#subnav ul li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0; 
	margin: 0; 
}

div#subnav ul {
	margin: 0 0 0 2em;
	list-style-type: none;
	list-style-position: outside;
	list-style-image:url();
}

#content div#subnav ul li {
	padding: 0 0 1.4em 1.2em;
}

div#subnav ul li a {
	color:#b61f38;
	font-weight: bold;
}

div#subnav ul li a:hover,
div#subnav ul li a:focus {
		color:#666666;
}


div#subnav ul li.hier a {
	color:#000000;
}

div#subnav ul li.hier {
	background: url(../img/subnav-hier.gif) no-repeat left bottom;
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	width: 100%;
}


div#content {
	position: relative;
	float: left;
	width: 742px; /*wg ie*/
	padding: 3em 12.2em 3em 14em;
}

#homepage div#content {
	position: relative;
	float: left;
	width: 742px; /*wg ie*/
	padding: 0 12.2em 3em 14em;
}


div#header {
	position: relative;
	float: left;
	width: 742px;
}

div#header img {
	padding: 0 0 0.4em 0;
}

div#header p {
	margin: 0 0 0.5em 0;
}

#homepage div#header {
	position: relative;
	float: left;
	width: 764px;
	height: 37.6em; /*wichtig wegen rauslappendem bild rechts*/
}


#homepage div#header #textblock {
	position: relative;
	float: left;
	width: 40em;
	margin: 3.8em 1.2em 0 0;
}

* html #homepage div#header #textblock {
	margin: 3.8em 0.2em 0 0;
}

#homepage div#header #bild {
	position: relative;
	float: left;
	width: 34.8em;
}


div#footer {
	position: relative;
	float: left;
	width: 764px; /*wg ie*/
	margin: 7.2em 0 0 0;
	padding: 2em 10.4em 3em 14em;
	border-width: 0.1em 0 0 0;
	border-style: solid;
	border-color: #e7e8e8; 
}


div#inhaltsspalte {
	position: relative;
	float: left;
	width: 41.6em; 
	margin: 1em 2em 0 0;
}


#homepage div#inhaltsspalte {
	position: relative;
	float: left;
	width: 41.6em; 
	margin: -10.3em 2em 0 0; /*versetzt zu bildkante*/
}


div#infospalte {
	position: relative;
	float: right;
	width: 30.6em;
	margin: 1em 0 0 0;
}


#homepage div#infospalte {
	margin: 2.4em 0 0 0;
}

#infospalte div.infoboxgrau {
	background-color:#f7f8f9;
	padding: 2em 2em 1.4em 2em;
}

#infospalte div.infoboxweiss {
	background-color:#ffffff;
	padding: 2em 2em 1.4em 2em;
}

#infospalte .infoboxgrau .csc-textpic {
	margin: -4em 0 0 0; /*abstaende fuer text/bildelement aushebeln*/
}



h1, h2, h3, h4, h5 {
	font-size: 2.1em;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 0.5em 0;
	color:#333333;
}

#homepage h1, #homepage h2, #homepage h3, #homepage h4, #homepage h5 {
	color:#666666;
}

#homepage #header h1,
#homepage #header h2 {
	font-size: 2.2em;	
	line-height: 120%;
	font-weight: 100; /*mager*/
	font-family: 'Colaborate-ThinRegular', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
}

#homepage #header p {
	font-weight: 100; /*mager*/
	font-family: 'Colaborate-ThinRegular', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
}

#homepage .rot #header h1,
#homepage .rot #header h2,
#homepage .rot #header {
	color:#ffffff;
}


#header h1 {
	font-size: 2.7em;	
	line-height: 120%;
	font-weight: normal;
	font-family: 'Colaborate-ThinRegular', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
	color:#333333;
	margin: 0 0 0.4em 0;
}

#inhaltsspalte h1,
h2 {
	font-size: 2.1em;	
	font-weight: normal;
	margin: 1.8em 0 0.5em 0;
}

h3 {
	font-size: 1.8em;	
	font-weight: normal;
}

h4 {
	font-size: 1.3em;	
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}

h5 {
	font-size: 1.2em;	
	font-weight: bold;
	margin: 0 0 0 0;
}

p {
	font-size: 1.2em;
	margin: 0 0 0.6em 0;
}

#homepage #header p,
#header p {
	font-size: 1.8em;	
	line-height: 110%;
}


#content ul li,
#content ol li {
	font-size: 1.2em;
}

#content ul li p,
#content ol li p {
	font-size: 1em; /*fuer falsch verschachtelte p in listen*/
}

#content a {	
	color:#b61f38;
	text-decoration: none;
}


#footer a {	
	color:#000000;
	text-decoration: none;
}

#content ul {
	margin: 0 0 0.6em 2em;
	list-style-type: square;
	list-style-position: outside;
	list-style-image:url(../img/list-dot.gif);
}


#content ul {
	margin: 0 0 0.6em 2em;
	list-style-type: square;
	list-style-position: outside;
	list-style-image:url(../img/list-dot.gif);
}

#content ul li {
	padding: 0 0 0.5em 0;
}

#content ul.bnb-uploads-ul {
	margin: 0 0 0.6em 1em;
	list-style-type: none;
	list-style-position: outside;
}


div.zitatwrapper {
	padding: 1.8em 1em 2em 1em;
	
}

div.zitat {
	width: 395px;
  	background: url(../img/blockquote-b.gif) no-repeat left bottom;
	padding: 0 1em 1em 0;
}

blockquote {
	background: url(../img/blockquote-t.gif) no-repeat left top;
	margin: 0;
	height: 1%;
}

blockquote p {
	padding:  0.6em 0.8em 0.8em 0.8em;
	font-size: 2.1em;
	line-height: 120%;
}

div.quelle {
	text-align: right;
}


div.newsblock {
	padding: 3em 0 2em 0;
	border-width:  0 0 0.1em 0;
	border-style: solid;
	border-color: #cccccc;
}

.newsblock p.rubrik span {
	margin: 0 0 1em 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #cccccc;
	color:#ffffff;
	font-weight: bold;
}

.newsblock p.rubrik {
	margin: 0 0 1.2em 0;
}

.newsblock h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	color:#b61f38;
}

#content ul.csc-menu {
	margin: 0 0 2.4em 2em;
}



.csc-sitemap {
	margin: 0 0 0 -2em; 
}

#content .csc-sitemap ul,
#content .csc-sitemap ul li {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	list-style-position: outside;
}

#content .csc-sitemap ul {
	margin: 0 0 0em 2em;
}


#content .csc-sitemap ul li {
	font-size: 1.1em;
	font-weight: bold;
}

#content .csc-sitemap ul li ul li {
	font-weight: normal;
	font-size: 1em;
}

caption {	
	display: none;
}

table {
	width: 100%;
	margin: 2em 0 1.2em 0;
}

table tr {
	 border-bottom: 0.1em solid #dfdfdf;
}

table tr.head {
	border-bottom: 0em solid #dfdfdf;

}

table th {
	padding: 1em 1em 1.2em 1em;
	font-weight: normal;
}

table th[scope=row] {
	text-align: left;
	color: #999999;
}


th[scope=col] {
	text-align: right;
	color: #000000;
}


table td {
	text-align: right;
	padding: 1em 1em 1.2em 1em;
	font-size: 1.3em;
	font-weight: bold;
}

table p {
	margin: 0;
}

table img {
	margin: -1em 0 -1.2em 0;
}

th, td {
	background-repeat: no-repeat;	
	background-position: center right;	
}


form {
	display: block;
	padding: 1em 0 0 0;
}

fieldset {		
	/* -moz-border-radius: geht nicht wg ie und legend sowie verlauf im bg*/
	background: url(../img/box-kontaktform-b.gif) no-repeat left bottom;
	padding: 0 0 0 0;
	margin: 2em 0 1.2em 0;
	width: 415px;
	height: 1%;
}

legend {
	display: none;
	}

fieldset h4 {
	background: url(../img/box-kontaktform-t.gif) no-repeat left top;
	padding: 1em 0 1.2em 1.5em;
	margin: -1.2em 0 0 0; /*minus wert wichtig wg bg-konstrukt*/
}

fieldset div {	
	padding: 0 1.9em 0 1.9em;
}

fieldset div.pflicht {		
	position: relative;
	float: right;
	margin: -3.1em 0 0 0;
	color:#999999;
}



label {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0.4em 0 0;
	
}

.fehler {
	font-size: 1.2em;
	color:#b61f38;
	font-weight: normal;	
}


.fehler + input,
.fehler + select,
.fehler + textarea {
	background-color:#f5ccd6;
	border-color: #b61f38;
}

input,
select {
	display: block;
	width: 286px;
	font-size: 1.2em;
	margin: 0.2em 0 1.2em 0;
	border-color: #b2b2b2;
}

select {	
	width: 290px;
}

div.btn input {
	clear: left;
	width: 93px;
	height: 30px;
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	-kit-background-clip: border;
	-kit-background-origin: padding;
	-kit-border-radius-bottomleft: 3px;
	-kit-border-radius-bottomright: 3px;
	-kit-border-radius-topleft: 3px;
	-kit-border-radius-topright: 3px;
	-kit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	background-clip: border;
	background-origin: padding;
	border-radius-bottomleft: 3px;
	border-radius-bottomright: 3px;
	border-radius-topleft: 3px;
	border-radius-topright: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	background: #666666 ;
	border-top: 0.1em solid #cccccc;
	border-right: 0.1em solid #474747;
	border-bottom: 0.1em solid #474747;
	border-left: 0.1em solid #cccccc;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0.3em;
}


textarea {
	width: 374px;
	height: 160px;
	margin: 0 0 2em 0;
	font-size: 1.3em;
	font-family: Arial, sans-serif; 
}

p.anfragedanke {	
	font-weight: bold;
	margin: 2em 0 0 0;
}

/* ### START bildpositionen ### */



/*default styles aufheben bzw. anpassen */


/*fuer schatten*/

div.csc-textpic {
	/*clear: left;*/ /*nicht weg bildergalerie*/
}


div.csc-textpic-imagewrap {
	float: left;
	margin: 0.2em 1.2em 0 0;
}

* html div.csc-textpic-imagewrap {
	margin: 0.2em 0 0 0;
}


.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	position: relative;
	float: left;
	height: 100%;
	margin-right: 1em;
}


div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}


div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float: right;
}

.csc-textpic-above img {
	margin: 0 0 1.2em 0;
}


.csc-textpic-right {
	float: right;
}


#inhaltsspalte div.csc-textpic img {
	border: 0.1em solid #cccccc;
   	margin: 0 0 1em 0;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	-kit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}


#infospalte div.csc-textpic img {
	border: 0.1em solid #666666;
}


#inhaltsspalte div.bildohnerahmen div.csc-textpic img {
   border: 0em solid #cccccc;
   	margin: 0 0 1em 0;
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	-kit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}




/* #### END bildpositionen ### */