/*	==============
	=== 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 ---
	----------------------  */
	
ul#menue {
	width:591px;
	height:29px;
	background-color:#00377D;
	font:bold 14px/14px helvetica, arial;
	list-style:none;
	background:url(../images/menu.png) no-repeat left top;
	padding:1px 0 0 209px;
}
#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.last a {
	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;
}


/*  -------------------------
	--- 2.4 Wrap Content ---
	-------------------------  */
	
#wrap_content {
	float:left;
	width:800px;
	min-height:300px;
	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 10px 49px;
	overflow:hidden;
}
#content ul {
	padding-top:10px;
	padding-left:10px;
}
#content ul li {
  list-style-type:none !important;
}
#content ul li {
	padding:0 0 10px 20px;
	background:url(../images/link2.png) no-repeat 0 0px;
}

#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;
}
#content_start ul {
	list-style-type:none;
	padding:20px 0 0 355px;
}

#content_start .deutsch a {
	display:block;
	width:35px;
	height:20px;
	background:url(../images/deutsch.png) no-repeat 0 0;
	margin-right:20px;
}
#content_start .english a {
	display:block;
	width:35px;
	height:20px;
	background:url(../images/english.png) no-repeat 0 0;
}


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


/* --- Für Bilder bei Produkte Sonderkeramik --- */

.bild { 
	clear:left;
	float:left; 
	width:195px;
	height:auto;
	font:10px/11px helvetica, arial;     /* Bildunterschrift*/
	padding:2px 0 0 0;
}
.bild img {
	margin:10px 0 5px;
	border:none;
}
.bildcontainer {
	clear:both;
	width:446px;
	height:auto;	
}
#content ul.left {
	float:left;
	width:250px;
	height:130px;
	margin:0 0 20px;
}
#content ul.left li {
	padding:0 0 10px 12px;
	background:url(../images/bullet.png) no-repeat 0 6px;
}
#content ul.left li.pdf {
	/*font:12px/13px helvetica, arial;*/
	padding:10 0 0 12px;
	background:none;
}
#content ul.left li.clear {
	clear:left;
	background:none;
}

/* --- Bilder nebeneinander (Kundenspez. Anwendungen) --- */

.img {
	margin:0;
	padding:0;
}
.img img {
	margin:0 18px 18px 0;
}
.img3 {  /* 3 kleine Bilder nebeneinander */
	margin:20px 0 0;
	padding:0;
}
.img3 img {
	margin:0 13px 18px 0;
}




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

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

p#footer_start {
	clear:left;
	width:760px;
	height:23px;
	background:url(../images/footer_start.png) no-repeat 0 0;
	font:10px/11px helvetica, arial;
	text-align:right;
	padding:7px 40px 0 0;
	list-style: none;
}
p#footer a, p#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;
}
.hinweis {
	color:red;
}


/* Sprachumschalter */
DIV.languagemenu { width:56px;}
DIV.languagemenu DIV, DIV.languagemenu_home DIV { display:inline; }
DIV.languagemenu DIV.trenner, DIV.languagemenu_home DIV.trenner { border-left:10px solid transparent; }
DIV.lmenu { position: relative; text-align:right; padding-right:20px; }
DIV.lmenu DIV, DIV.lmenu DIV { display:inline; }
DIV.lmenu DIV.trenner, DIV.lmenu DIV.trenner { border-left:10px solid transparent; }
/* Sprachumschalter ENDE */

.csc-textpic-caption {
  font:10px/11px helvetica,arial;
  padding-top:5px;
  padding-bottom:10px;
}
.csc-textpic-imagewrap img {
  padding-top:5px;
  padding-bottom:0px;
}
 


/* Downloadliste */
.dl_all { padding-bottom:10px;}
.dl_all .dl_ausrichtung {
   clear:both;
}

.dl_all .dl_ausrichtung a {
  font-weight:bold;
}

.dl_all .dl_infos {
  padding-bottom:10px;
}

.dl_all .dl_icon {
  float:left;
  padding-right:10px;
}
.dl_all .dl_icon img {
  border:0px !important;
}
/* Downloadliste */



a.pdf { background:url('../icons/pdf.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.jpg { background:url('../icons/jpg.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.gif { background:url('../icons/gif.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.rtf { background:url('../icons/rtf.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.doc, docx { background:url('../icons/doc.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.mp3 { background:url('../icons/mp3.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.wav { background:url('../icons/wav.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.wmv { background:url('../icons/wmv.png') no-repeat 0 0 !important;  padding-left:20px !important; }
a.mpg { background:url('../icons/mpg.png') no-repeat 0 0 !important;  padding-left:20px !important; }
.tabelle-spalte-gross { width:250px !important; }