/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p 
		- a
		- h1
		- h2
	--------------------------------------------
	2. Seitenaufbau
		2.1 Wrapper
		2.2 Header
		2.3 Navigation
		2.4 Subnavigation
		2.5 Content
		2.6 Header
	--------------------------------------------
	3. Diverses
		3.1 Logo
		3.2 Back h2
		3.3 Notdienst
		3.4 Bild klein
		3.5 Bild
	--------------------------------------------  */	
	
/*
	EM - PX 
	10px = 0.6em
	12px = 0.76em
	14px = 0.9em
	16px = 1.0em
	18px = 1.12em
	22px = 1.38em
	26px = 1.63em
*/


/*  ======================
	=== 1. Allgemeines ===
	======================  */

* {
	border:0;
	margin:0;
	padding:0;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
}

body {
	font:13px/18px helvetica, arial;
	color:#19478D;
	background-image:url(../images/body.png);
	background-repeat:repeat-x;
	background-color:#E9F4FE;
}

p {
	padding-top:12px;
}

a {
	color:#688AB0;
	text-decoration:none;
}

a:hover {
	color:#688AB0;
	text-decoration:underline;

}
a.aktuell {
	color:#9D9EA1;
}
h1 {
	font:21px/23px helvetica, arial;
	color:#19478D;
	padding-bottom:12px;
}
h2 {
	font:15px/26px helvetica, arial;
	color:#19478D;/*#9DADCC;*/
	padding-bottom:10px;
}
h3 {
	font:bold 14px/18px helvetica, arial;
	color:color:#19478D;
	padding:24px 0 0 0;
}

/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */

/*  -------------------
	--- 2.1 Wrapper ---
	-------------------  */

#wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
	background:#E9F4FE url(../images/wrapper.png) repeat-y 0 0;
}

/*  ------------------
	--- 2.2 Header ---
	------------------  */
	
#header {
	width:800px;
	height:245px;
	background:url(../images/firmengebaeude.jpg) no-repeat 0 0;
}
#geschichte {
	width:800px;
	height:245px;
	background:url(../images/geschichte.jpg) no-repeat 0 0;
}
#produkte {
	width:800px;
	height:245px;
	background:url(../images/produkte.jpg) no-repeat 0 0;
}

/* --- Logo --- */

.logo {
	margin:10px 0 0 58px;
}

/*  --- Adresse ---  */
	
ul#adress {
	list-style:none;
	padding:0 40px 0 0;
	margin-top:-35px;
	text-align:right;
}
#adress li {
	font:10px/13px helvetica, arial;
	color:#8f9085;
	
}

/*  ----------------------
	--- 2.3 Menue ---
	----------------------  */
	
#menue {
	width:800px;
	height:30px;
	background-color:#00377D;
	font:bold 14px/14px helvetica, arial;
	background:url(../images/menu.png) no-repeat left top;

}
#menue ul {
	width:591px;
	height:29px;
	list-style:none;
	padding:1px 0 0 208px;
}
#menue li {
	float:left;
	text-align:center;
}
#menue li a {
	display: block;
	color:#cbcdbc;
	border-right:1px #cbcdbc solid;
	padding:4px 8px;
	text-decoration:none
}
#menue li a.xtra {
	border-right:none;
}
#menue li a:hover {
	color:#19478D;
	background:url(../images/menu_hover.png) repeat-x left top;
}
#menue li a.aktuell {
	color:#19478D;
	background:url(../images/menu_hover.png) repeat-x left top;
}
#menue li a.aktuell_xtra {
	color:#19478D;
	border-right:none;
	background:url(../images/menu_hover.png) repeat-x left top;
}

/*  -------------------------
	--- 2.4 Wrap Content ---
	-------------------------  */
	
#wrap_content {
	float:left;
	width:800px;
	height:auto;
	background:url(../images/wrap_content.png) no-repeat left top;
}

/*  -------------------------
	--- 2.5 Submenue ---
	-------------------------  */
	
#submenue {
	float:left;
	width:210px;
	padding:22px 7px 0 0;	
}
#submenue ul {
	padding-top:15px;
	list-style:none;
}
#submenue ul li a {
	background:url(../images/link.png) no-repeat 0 0;
	padding-left:19px;
	line-height:22px;
	text-decoration:none;
	color:#19478D;
}
#submenue ul ul {
	padding:0;
}
#submenue ul ul li a {
	background:none;
	/*color:#688AB0;*/
}
#submenue a.aktuell {
	color:#9D9EA1;
}
#submenue h3 {
	font:17px/10px helvetica, arial;
	color:#fff;
	background-color:#9DADCC;
	padding:10px 0 10px 18px;
}

/*  -------------------
	--- 2.6 Content ---
	-------------------  */

#content {
	float:left;
	width:446px;
	padding:22px 85px 0 49px;
}

#content_start {
	float:left;
	width:800px;
	height:240px;
	padding:0;
	background:url(../images/content_start.png) no-repeat 0 0;
	text-align:center;
	padding-top:60px;
}
#content_start h1 {
	font:21px/24px helvetica, arial;
	color:#004082;	
}
#content_start h2 {
	font:21px/24px helvetica, arial;
	color:#004082;
	padding:10px 0 15px 0;
}


.pdf_img {
	float:left;
	width:245px;
	text-align:center;
	font:12px/13px helvetica, arial;
	vertical-align:bottom;
}
.lightblue {
	color:#688AB0;
	font-weight:700;
}


.bild { 
	float:left;
}
.bild p { /* Bildunterschrift*/
	font:10px/11px helvetica, arial;
	padding:2px 0 0 0;
}
.bild img {
	margin:15px 20px 0 0;
	border:none;
}
.bildcontainer {
	clear:both;
	width:446px;
	height:auto;	
}




/*  ------------------
	--- 2.7 Footer ---
	------------------  */

#footer {
	clear:left;
	width:800px;
	height:24px;
	background:url(../images/footer.png) no-repeat 0 0;
	font:10px/11px helvetica, arial;
	padding:47px 40px 0 0;
	text-align:right;
}

#footer_start {
	clear:left;
	width:800px;
	height:23px;
	background:url(../images/footer_start.png) no-repeat 0 0;
	font:10px/11px helvetica, arial;
	padding:7px 40px 0 0;
	text-align:right;
}
#footer a, #footer_start a {
	color:#19478D;
}


/*  =======================
	=== 3. Diverses ===
	=======================  */

/*  ---------------------------------
	--- 3.1 Formatierung Formular ---
	---------------------------------  */

form, input, select, textarea {
	font:13px/18px helvetica, arial;
}
#form {
	font:13px/18px helvetica, arial;
	border: 1px solid #9DADCC;
	padding:20px 5px 50px 5px;
	margin-top:18px;
}
form br {
	clear: left;
}
form p {
	padding:0;
}

input {
	display: block;
	width: 25em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border: 1px solid #9DADCC;
	color:#9D9EA1;
}
select {
	float:left;
	background-color:#fff;
	margin:2px;
	padding:1px 0;
	border:1px solid #9DADCC;
}
textarea {
	display: block;
	width: 25em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border:1px solid #9DADCC;
	color:#9D9EA1;
}

label {
	width:80px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-right:2px;
}

#send input {
	width:86px;
	height:27px;
	border:none;
	padding:0;
	margin:0;
}

#spacer_send {
	padding-left:83px;
}