/* CSS Document */

body {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	color: #000000;
	line-height:120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#logo {
	position: absolute;
	left: 360px;
	top: 30px;
	width:  320px;
	border: none;
}

/*intro*/
#rahmen{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-225px;
	margin-left:-385px;
	width:770px;
	height:450px;
	border:solid 1px #B0B0B0;
	background-color:#ececec;
}

/*definition navigation*/

#metanavi {
	position:absolute;
	left: 160px;
	top: 125px;
	width: 700px;
	height: 25px;
	background-color: #D5ECEC;
	margin:auto;
}
#MNicons {
	position: absolute;
	right: 180px;
	margin-top:-10px;
	top: 50%;
	width: 50px;
}

#suche {
	position: absolute;
	right: 0px;
	width: 160px;
}

#suche input {
	top: 4px;
	float:left;
}

#suche input.button {
	width: 24px;
	background-color:#D5ECEC;
	padding-left:5px;
}



#sucheButton {
	position: absolute;
	right: 4px;
	width: 24px;
	margin-top:-10px;
	top: 50%;
}

#sprache {
	position: absolute;
	left: 2px;
	width: 160px;
}

/*definition formularfelder in navigation*/

form {
	color: #000000;
		padding: 4px 0px 0px 0px;
}

select {
	background-color: #F1F9F9;
	border: 1px solid #BOBOBO;
	font: 10px normal Arial, Helvetica,sans-serif;
}

input {
	background-color: #F1F9F9;
	border: 1px solid #BOBOBO;
	width: 120px;
	font: 10px normal Arial, Helvetica,sans-serif;
}

/*hauptnavigation*/

#navi {
	position: absolute;
	top: 125px;
	width: 140px;
	z-index:1000;
}
	
#navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navi li {
	margin: 0px;
	padding: 0px;
	display: block;
}

#navi li a {
	display:block;
	padding: 8px 8px 7px 15px;
	color: #103D78;
	text-decoration: none;
	border-bottom: 1px dotted #B0B0B0;
}

#navi li.NO {
	background-color: #FFFFFF;
	background-image:none;
}

#navi li.NO a {
	color: #103D78;
	text-decoration: none;
}
#navi li.NO a:hover {
	background-color:#CCCFE0;
	font-weight:bold;
	background-image: url(../bilder/navi_pfeil.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
}

#navi li.ACT {
	background-color: #CCCFE0;
}


#navi li.ACT a {
	font-weight: bold;
	border-bottom: 1px dotted #B0B0B0;
 	background-color: #CCCFE0;
	background-image: url(../bilder/navi_pfeil.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
}

#navi li.ACT a:hover {
}

#navi li.CUR {
	background-color: #CCCFE0;
}


#navi li.CUR a {
	font-weight: bold;
	border-bottom: 1px dotted #B0B0B0;
 	background-color: #CCCFE0;
	background-image: url(../bilder/navi_pfeil.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
}

#navi li.CUR a:hover {
}



/*subnavigation*/

#navi li li.NO a {
	font-weight: normal;
	background-color: #EBECF3;
	border-bottom: 1px dotted #B0B0B0;
	padding: 5px 0px 4px 15px;
	color: #103D78;
	background-image:none;
	}


#navi li li.NO a:hover {
	background-color: #CCCFE0;
	background-image:none;
}
  

#navi li li.CUR a{
	font-weight: bold;
	padding: 5px 0px 4px 15px;
	border-bottom: 1px dotted #B0B0B0;
	background-image:none;
	}





/*content*/
	
#content {
	position:absolute;
	left: 160px;
	top: 165px;
	width: 700px; 
	font-size: 110%;
	line-height:130%;
}

#content ul {
	padding-top: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-left: 0;
	list-style-type: square;
}

#content li {
	padding-left: 0;
	margin-left: 0;
}

h1 {
	text-align: left;
	color: #103D78;
	margin-top: 20px;
	margin-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 210%;
	font-weight:normal;
	line-height:130%;
}

h2 {
	text-align: left;
	color: #103D78;
	margin-top: 20px;
	margin-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:bold;
	line-height:130%;
}

h3 {
	text-align: left;
	color: #103D78;
	margin-top: 10px;
	margin-bottom:5px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:130%;
}

h4 {
	color: #103D78;
	margin-top: 10px;
	margin-bottom:5px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:130%;
}


p {
	margin-top: 2px;
	margin-bottom: 4px;
}
.linkBild {
	border:none;
}
.linkBild a:link, .linkBild a:visited {
	text-decoration:none;
}
.linkBild a:hover {
	text-decoration:none;
}
.abstand {
	margin-bottom:20px;
}

/*teaser*/

.teaserGrauSchmal h1 {
	text-align: left;
	color: #103D78;
	margin: 10px 10px 5px 10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
}

.teaserGrauSchmal h2 {
	text-align: left;
	color: #103D78;
	margin: 10px 10px 5px 10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
}


.teaserGrauSchmal p{
	margin:0 10px 10px 10px;	
}

.teaserGrauSchmal .csc-textpic-imagewrap {
	margin: -10px 0px -5px 0px;
}

*html .teaserGrauSchmal .csc-textpic-imagewrap {
	margin: 0;
}


a.mehr {	
	display:inline;	
	color: #103D78;
	font-weight: bold;
}

a:link.mehr, a:visited.mehr {
	color: #103D78;
	padding: 2px 10px 2px 5px;
	border: 1px dotted #B0B0B0;
	text-decoration:none;
	background-image: url(../bilder/mehr_pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
a:hover.mehr {
	color: #103D78;
	padding: 2px 10px 2px 5px;
	border: 1px dotted #B0B0B0;
	text-decoration:none;
	background-image: url(../bilder/mehr_pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#CCCFE0;
}


a.berechnen {	
	display:inline;	
	color: #103D78;
	font-weight: bold;
}

a:link.berechnen, a:visited.berechnen, a:hover.berechnen {
	color: #103D78;
	padding: 2px 15px 2px 0px;
	text-decoration:none;
	background-image: url(../bilder/mehr_pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
}


/* Teaser Grau*/

#teaserGrauLinks {
	position:relative;
	left:0px;
	width:310px;
	float:left;
	background-color:#E5E5E5;
	border: 1px solid #103D78;
	/*padding:10px;*/
	text-align: left;
	color: #000000;
	/*font: 80% Arial, Helvetica,sans-serif;*/
}
#teaserGrauLinks p {
	margin-bottom: 10px;
}

#teaserGrauRechts {
	position:relative;
	left:0px;
	width:370px;
	float:right;
	background-color:#E5E5E5;
	border: 1px solid #103D78;
	/*padding:10px;*/
	text-align: left;
	color: #000000;
	/*font: 80% Arial, Helvetica,sans-serif;*/
}
#teaserGrauRechts p {
	margin-bottom: 10px;
}
#teaserGrauSM {
	background-color: #E5E5E5;
	border: 1px solid #103D78;
	padding:10px;
	text-align: left;
	position:relative;
	right:0px;
	width:170px;
	float:right;
}
#teaserGrauSM p {
	margin-bottom: 10px;
}
.teaserGrauSMBild {
	margin:-10px -10px 0px -10px;
}

.teaserGrauSchmal {
	background-color: #E5E5E5;
	border: 1px solid #103D78;
	text-align: left;
}
#teaserGrauSchmal p {
	margin-bottom: 10px;
}
.teaserGrauSchmalBild {
	margin:-10px -10px 0px -10px;
}

/* Teaser Gruen*/

.teaserGruen {
	position:relative;
	right:0px;
	background-color:#D5ECEC; 
	padding: 25px 10px 10px 10px;
	background-image: url(../bilder/balken.gif);
	background-repeat: repeat-x;
}


.teaserGruen p {
	margin-bottom: 10px;
}


.teaserGruen h1 {
	text-align: left;
	color: #103D78;
	margin-top: 10px;
	margin-bottom:5px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
}

/*
#teaserGruenLinks {
	position:relative;
	left:0px;
	float:left;
	width: 290px;
	background-color:#D5ECEC; 
	padding: 30px 10px 10px 10px;
}
#teaserGruenLinksBalken {
	position:absolute;
	top: 2px;
	left: 2px;
	width: 308px;
	height:23px;
	background-color:#00999F; 
}
#teaserGruenLinks p {
	margin-bottom: 10px;
}
*/

#teaserhome {
	position:absolute;
	top: 425px;
	left:490px;
	width: 370px;
	height:170px;
/*	height:142px; */
	background-color:#D5ECEC; 
}
#teaserhomeBalken {
	position:absolute;
	top: 2px;
	left: 2px;
	width: 368px;
	height:23px;
	background-color:#00999F; 
}

#teaserhomelinks {
	position:absolute;
	left:0px;
	top: 25px;
	float:right;
	width:165px;
	padding: 0px 10px 10px 10px;
	text-align: left;
}
#teaserhomerechts {
	position:absolute;
	right:0px;
	top: 25px;
	float:left;
	width:165px;
	padding: 0px 10px 10px 10px;
	text-align: left;
	border-left: 1px dotted #B0B0B0;
}
#teaserhome p {
	margin-bottom: 10px;
}

/*Layout*/

#breiteSpalte {
	position:relative;
	float:left;
	left: 0px;
	width: 520px;
}
#breiteSpalteTeaser {
	position:relative;
	clear:both;
	left: 0px;
	width: 520px;
}
#schmaleSpalteRand {
	position:relative;
	float:right;
	right: 0px;
	width: 160px;
}
#bildhome {
	position:absolute;
	top: 150px;
	left:160px;
	width: 700px;
	height:300px;
}
#sloganhome {
	position:absolute;
	top: 547px;
	left: 160px;
	width:120px;
	float:left;
}
#ZweiSpLinks {
	position:relative;
	float:left;
	left: 0px;
	width: 310px;
}
#ZweiSpRechts {
	position:relative;
	float:right;
	right: 0px;
	width: 370px;
}
#kompletteBreite {
	position:relative;
	clear:both;
	left: 0px;
	width: 700px;
}
/*fusszeile*/

#fuss {
	position: relative;
	clear:both;
	bottom: 0px !important;
	left: 0px;
	height: 50px;
	padding-top: 30px;
}	
* html #fuss {bottom: -1px;}
.slogan {
	width:120px;
	float:left;
}
#fussLinks {
	position:absolute;
	font-size:90%;
	width:570px;
	right:0px;
	color:#909090;
	text-align:right;
	border-top: 1px dotted #B0B0B0;
	padding: 9px 0px 0px 0px;
}
#fussLinks a:link, #fussLinks a:visited {
	text-decoration: none;
	font-weight:normal;
	color:#909090;
}
#fussLinks a:hover {
	text-decoration:none;
	color:#103D78;
}

/*Mailformular*/
.csc-mailform, .csc-mailform2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin:0;
	padding:0;
	}

.csc-mailform input, .csc-mailform textarea {
	position: absolute;
	left:150px;
	width: 200px;
	font: 10px normal Arial, Helvetica,sans-serif;
	background-color: #F1F9F9;
	border: 1px solid #BOBOBO;
}

.csc-mailform2 input, .csc-mailform2 textarea {
	position: absolute;
	left:490px;
	width: 200px;
	font: 10px normal Arial, Helvetica,sans-serif;
	background-color: #F1F9F9;
	border: 1px solid #BOBOBO;
}

.csc-mailform textarea {
	height: 60px;
}
.csc-mailform-field {
	padding-top:5px;
	padding-bottom:5px;
}

input.csc-mailform-check {
	background-color: #FFFFFF;
	border: 1px solid #BOBOBO;
	width: 15px;
}

input.csc-mailform-submit {
	margin-top:60px;
	position:relative;
}

.c2l1-left {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
}

.c2l1-middle {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
}

table.techdat {
	font-size: 100%;
	border-collapse:collapse;
	margin:0;
}
table.techdat tr td {
	padding:2px 2px 2px 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align:center;
}
table.techdat tr {
	margin:5px 0 5px 0;
	height:35px;
}