body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	background-color: #eeeff2;
	background-image: url(../images/fond.jpg);
	background-repeat: repeat-x;
}
/*--Allgemeine Bedingungen------------------------------------*/
img{
	border:none;
}
h1{
	font-size: 25px;
	line-height:30px;
	color: #046b9c;
}
h2{
	font-size: 18px;
	line-height:20px;
	color: #046b9c;
	display: inline; /*Schaltet den automatischen Umbruch der Head aus*/
}
hr{
	height: 1px;
	border: 0px; /*Firefox und Opera - kein Schatten */
 	border-top: solid 0px #ccc;
 	border-bottom: solid 1px #ccc; /*I.Explorer (Seiten-Hintergrundfarbe!) - kein Schatten*/ 
}
/*--Klassen------------------------------------------------------------------------*/
.textwhite{
	color: #FFF;
}
.bold{
	font-weight: bold;
}
.boldblue{
	font-weight: bold;
	color: #046b9c;
	font-size: 16px;
}
.small{
	font-size: 10px;
	line-height:12px;
}
.smallwhite{
	color: #FFF;
	font-size: 10px;
	line-height:12px;
}
.smallright{
	font-size: 10px;
	line-height:12px;
	float: right;
}
/*--Kasten mit Randfond aussen----------------------------------------------------*/
#content {
	margin:0% auto;
	position:relative;
	background-color: #3586bd;
	background-image: url(../images/kante.jpg);
	background-repeat: repeat-x;
	width: 816px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1d1da;
}
/*--Kasten Komplett----------------------------------------------------*/
#inhalt {
	position:relative;
	left: 8px;
	width: 800px;
	background-color: #FFF;
}
/*--Kasten Logo----------------------------------------------------*/
#logo {
	position:absolute;
	z-index: 2;
}
/*--Solution Logo rechts----------------------------------------------------*/
#siemens {
	position:absolute;
	top: 40px;
	left:571px;
	z-index: 2;
}
/*---Blauer Kopf----------------------------------------------------------------*/
#kopf {
	position:relative;
	top: 40px;
	left: 50px;
	width: 680px;
	height: 23px;
	background-color: #0075ad;
	padding: 92px 10px 5px 10px; /*oben, rechts, unten, links */
	margin: 0px 0px 10px 0px; /*oben, rechts, unten, links */
	z-index: 1;
	color: #000;
}
/*--Kopf Links----------------------------------------------------*/
a.navkopf:link, a.navkopf:visited, a.navkopf:active {
	color: #ccc;
	text-decoration: none;
	background-color: #0075ad;
	padding: 4px 5px 5px 5px; /*oben, rechts, unten, links */
}
a.navkopf:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	padding: 4px 5px 5px 5px; /*oben, rechts, unten, links */
}
a.navkopfaktiv {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	padding: 4px 5px 5px 5px; /*oben, rechts, unten, links */
}
/*---Navigation----------------------------------------------------------------*/
#navigation{
	position: absolute;
	background-color: #ebeded;
	top: 180px;
	left: 50px;
	width: 207px;
	height: 190px;
	/*padding: 5px 0px 0px 13px; oben, rechts, unten, links */
	line-height: 19px;
	overflow: visible;
}
/*--Navigations Links------------------------------------*/
#navigation ul{
	padding: 0px;
	margin: 0px 0px 0px 0px; /*oben rechts unten links*/

}
#navigation ul li{
	list-style-type: none;
	width: 207px;
	height:23px;
	text-indent: 13px;
	background-image: url(../images/buttonfond.jpg);
}
#navigation ul li a.nav{
	padding: 1px 0px 0px 0px; /*oben rechts unten links*/
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}
#navigation ul li a.nav:hover{
	color: #FFF;
	background-color: #0075ad;
}
#navigation .navaktiv{
	padding: 1px 0px 0px 0px; /*oben rechts unten links*/
	color: #FFF;
	background-color: #0075ad;
	text-decoration: none;
	text-indent: 13px;
	margin: 0px 0px 0px 0px; /*oben rechts unten links-sorgt dafür das beim aktiver NAvi sich die Balken verschieben*/
	display: block;
	height: 100%;
	width: 100%;
}
/*---Kopf Bild und News----------------------------------------------------------------*/
#imgkopf{
	position:relative;
	top: 50px;
	left: 278px;
	width: 472px;
	height: 185px;
}
#newskopf{
	position:relative;
	top: 50px;
	left: 278px;
	width: 447px;
	height: 170px;
	background-color: #0075ad;
	color: #FFF;
	font-size: 35px;
	line-height:40px;
	padding: 10px 10px 10px 15px; /*oben rechts unten links*/
}
/*---Texte linker Bereich----------------------------------------------------------------*/
#themenleft{
	position: absolute;
	font-size: 13px;
	line-height: 20px;
	top: 394px;
	left: 50px;
	width: 207px;
	z-index: 15; /*Damit die MouseOver Bilder über dem Rest erscheint */
}
#themenleft img{
	padding: 3px 0px 3px 0px; /*oben, rechts, unten, links */
}

/*---Texte kompletter Bereich----------------------------------------------------------------*/
#themen{
	margin: 70px 0px 0px 0px; /*oben, rechts, unten, links */
	padding: 0px 49px 0px 50px; /*oben, rechts, unten, links */
	font-size: 13px;
	line-height: 20px;
}
/*---Texte rechter Bereich----------------------------------------------------------------*/
#themenright{
	position: relative;
	margin: 70px 0px 0px 0px; /*oben, rechts, unten, links */
	padding: 0px 49px 0px 278px; /*oben, rechts, unten, links */
	font-size: 13px;
	line-height: 20px;
	z-index: 10; /*Damit die MouseOver Bilder über dem Rest erscheint */
}
/*---Bedingungen alle Text Bereiche----------------------------------------------------------------*/
#themenleft td{
	padding: 3px 7px 3px 7px; /*oben, rechts, unten, links */
}

.grey{
	background-color:#ebeded;
}
.blue{
	background-color:#0075ad;
}
/*--Bedingungen Text Bereiche Listen------------------------------------*/
#themen ul, #themenright ul{
	padding: 0px;
	margin: 0px 0px 0px 0px; /*oben rechts unten links*/
}
#themen ul li, #themenright ul li{
	list-style-type: none;
	text-indent:13px;
	/*width: 207px;*/
	/*height:25px;*/
	background-color: #d7dbdc;
	margin: 12px 0px 5px 0px; /*oben rechts unten links*/
}
#themen ul li a.links, #themenright ul li a.links{
	padding: 3px 0px 5px 0px; /*oben rechts unten links*/
	color: #000;
	display: block;
	height: 100%;
	width: 100%;
}
#themen ul li a.links:hover, #themenright ul li a.links:hover{
	color: #FFF;
	background-color: #0075ad;
}
#themen .white, #themenright .white{
	background-color: #FFF;
	text-indent:0px;
	margin: 0px 0px 0px 13px; /*oben rechts unten links*/
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/listpoint.gif);
}
#themen .whiteohne, #themenright .whiteohne{
	background-color: #FFF;
	text-indent:0px;
	margin: 0px 0px 0px 13px; /*oben rechts unten links*/
	list-style-type: none;
}
/*--Text Links---------------------------------------------------------------*/
a.text:link, a.text:visited, a.textt:active {
	color: #000;
}
a.text:hover {
	color: #046b9c;
}

/*------------Fuß Bereiche-------------------------------------------------------*/
#foot{
	position:relative;
	left: 50px;
	width: 698px;
	height: auto;
	background-color: #d7dbdc;
	padding: 5px 1px 15px 1px; /*oben, rechts, unten, links */
	margin: 30px 0px 0px 0px; /*oben, rechts, unten, links */
	font-size: 11px;

	text-align: center;
	line-height: 16px;
	letter-spacing: 1px;
}
/*--Fuß Links------------------------------------*/
a.navfoot:link, a.navfoot:visited, a.navfoot:active {
	color: #000;
	text-decoration: none;
}
a.navfoot:hover {
	color: #046b9c;
	text-decoration: none;
}
a.navfootaktiv {
	color: #046b9c;
	text-decoration: none;
}

/* MouseOver Bild vergößern Einstellungen - Zertifikate
----------------------------------------------------------------------*/
.zertigroesser{
	cursor: default;
	list-style: none;
}
.zertigroesser a{
	position: relative;
	cursor: default;
	text-decoration: none;
	float: left;
	z-index: 10;

}
.zertigroesser a .vorschau{
	display: none;
}
.zertigroesser a:hover .vorschau{
	display: block;
	position: absolute;
	top: -150px;
	left: -275px;
	z-index: 310;
}
.zertigroesser img {
	border: 0px;
	vertical-align: top;
	width: 52px;
	height: 69px;
	float:left;
	margin: 5px 15px 0px 0px; /*oben rechts unten links*/
	border: 1px solid #000;
}
.zertigroesser .vorschau {
	border-color: #000;
	width: 262px;
	height: 350px;
}
/* MouseOver Bild vergößern Einstellungen - Bilder QUERFormat Themen links
----------------------------------------------------------------------*/
.bildquergroesser{
	cursor: default;
	list-style: none;
}
.bildquergroesser a{
	position: relative;
	cursor: default;
	text-decoration: none;
	float: left;
	z-index: 10;
}
.bildquergroesser a .vorschau{
	display: none;
}
.bildquergroesser a:hover .vorschau{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.bildquergroesser img {
	border: 0px;
	vertical-align: top;
	width: 193px;
	height: 145px;
	float:left;
	margin: 0px 0px 10px 0px; /*oben rechts unten links*/
}
.bildquergroesser .vorschau {
	border-color: #000;
	width: 480px;
	height: 361px;
}
/* MouseOver Bild vergößern Einstellungen - Bilder HOCHFormat Themen links
----------------------------------------------------------------------*/
.bildhochgroesser{
	cursor: default;
	list-style: none;
}
.bildhochgroesser a{
	position: relative;
	cursor: default;
	text-decoration: none;
	float: left;
	z-index: 10;
}
.bildhochgroesser a .vorschau{
	display: none;
}
.bildhochgroesser a:hover .vorschau{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.bildhochgroesser img {
	border: 0px;
	vertical-align: top;
	width: 90px;
	height: 120px;
	float:left;
}
.bildhochgroesser .vorschau {
	border-color: #000;
	width: 361px;
	height: 480px;
}
/*-----InputFelder-----------------------------------------------------------*/

input.klicken {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#0075ad;
	color:#FFF ;
	height:3em;
	margin: 10px 0px 10px 50px; /*oben, rechts, unten, links*/
}
input.klicken:hover {
	background-color: #000;
	color: #FFF;
}
.textinputs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	width: 470px;
	height:1.4em;
	margin: 5px 0px 5px 0px; /*oben, rechts, unten, links*/
}
.textinput_plz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	width: 50px;
	height:1.4em;
	margin: 0px 7px 0px 0px; /*oben, rechts, unten, links*/
}
.textinput_ort {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	width: 403px;
	height:1.4em;
}
.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	width: 470px;
	padding: 5px 5px 5px 7px; /*oben, rechts, unten, links*/
}
input.re {
	margin: 0px 0px 0px 30px; /*oben, rechts, unten, links*/
}
/*--------Klassen Definierung für Fehlertext php Anfragebogen------------*/
.fehler {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #F00;
}