/* ====================================================================================
Teil 1 - Reset
====================================================================================== */

*{padding: 0;margin: 0;}

a{outline: none;text-decoration: none;}


/* =====================================================================================
Teil 2 - Restaurierung
======================================================================================*/
img{
	border: none;
}

ul{margin: 0;}

/* verschachtelte Listen ohne Außenabstand oben/unten*/
ul ul{
margin-top: 0;
margin-bottom: 0;
}

 ul{
	list-style-type: none;
}

/* =====================================================================================
Teil 3 - Grundlegende Formatierung
======================================================================================*/
/* Bildlaufleiste in Firefox immer zeigen */
html{
height: 101%;
}


h1,h2,h3,h4,h5,h6{
font-family: Tahoma,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
line-height: 1.3em;
}


h1{font-size: 150%;}
h2{font-size: 135%; font-weight: bold;margin-bottom: 7px;padding-top: 20px;}
h3{font-size: 130%;}
h4{font-size: 120%;}
h5{font-size: 115%;}

/* =====================================================================================
Reset Ende
======================================================================================*/

body{
  color: #2d517f;
  font: normal normal 12px Arial,Verdana,Helvetica,sans-serif;
  background-color: #031d38;
  line-height: 1.4em;
}

#wrapper{
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
}

#zentriert{
  position: absolute;
  top: -350px;
  left: -475px;
}

#container{
  width: 970px;
  background-color: #2d517f;
  text-align: left;
  overflow: hidden;
}

/* =====================================================================================
Logo Kopfbereich
======================================================================================*/
#branding,
#branding_mercedes,
#branding_stickerei,
#branding_blume{
  width: 970px;
  height: 195px;
  background-image: url(../images/head.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#branding_mercedes{
  background-image: url(../images/head_mercedes.jpg);
}
#branding_stickerei{
  background-image: url(../images/head_stickerei.jpg);
}

#branding_blume{
  background-image: url(../images/head_blume.jpg);
}

#branding a,
#branding_mercedes a,
#branding_stickerei a,
#branding_blume a{
  text-decoration: none;
  color: #036;
}

/* =====================================================================================
Navigation
======================================================================================*/
#navi{
    float: left;
	width: 168px;
}

#navi ul{
	list-style-type: none;
	padding: 0;
	padding-top: 20px;
	margin-left: 10px;
	/*border: 1px solid red;*/
}
#navi ul li{
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-position: center left;
	background-color: transparent;
	margin-bottom: 4px;
	height: 24px;
}


#navi ul a{
	line-height: 2em;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
#navi ul a:hover{
	color: #f99;
}

#navi ul span{
  padding: 0 0 5px 10px;
}

#navi ul span.eng{
  letter-spacing: 0.5px;
}


/* =====================================================================================
Highlight / Navigation
======================================================================================*/
#anfang .on,#aktuelles .on,#alleprodukte .on,#techniken .on,#anfrage .on,#kontakt .on,#impressum .on,#ablauf .on,#allemarken .on{
	font-weight: bold;
	color: #f99;
}

/* =====================================================================================
Inhaltsbereich
======================================================================================*/
#content{
	float: right;
	width: 775px;
	margin: 20px 18px 0 0;
}

#content_produkte{
	float: right;
	background-image: url(../images/hg_produkte.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #2d517f;
	width: 775px;
	height: 480px;
	margin: 17px 21px 0 0;
}

table#flashfilm{
	width: 775px;
	height: 400px;
	background-image: url(../images/halbrund.jpg);
	background-repeat: no-repeat;
	background-color: #2d517f;
	background-position: top left;
	border-collapse: collapse;
	margin: 0 0 50px 0;
}

table#flashfilm td.startseitentext{
	width: 409px;
	padding: 0 8px 0 20px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.2em;
}

table#flashfilm td.flash{
	width: 338px;
	height: 400px;
	vertical-align: top;
}

table#flashfilm h1{
margin-bottom: 10px;
}

/* =====================================================================================
Contentbereich
======================================================================================*/



.clearing{
	clear: both;
}

.sternchentext{
	font-size: 11px;
	color: #7cb3e9;
	padding-right: 20px;
}


 #content li.downloadlink a{
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	line-height: 1.5em;
	font-weight: bold;
}

/* =====================================================================================
Seiten mit einer grossen Box
======================================================================================*/

.hintergrundbild{
	width: 775px;
	background-color: #fff;
	background-image: url(../images/775unten.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

ul.hintergrundbild li{padding: 0 40px;}
/* =====================================================================================
Navi auf Unterseiten
======================================================================================*/

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

/* =====================================================================================
Formular
======================================================================================*/

/* =====================================================================================
Kontaktformular
======================================================================================*/
table.kontaktformular{
	width: 775px;
	font-size: 12px;
	background-color: #fff;
	border: 0;
	border-collapse: collapse;
	height: 100%;
}

table.kontaktformular h3{
	margin: 15px 0 8px 0;
}

table.kontaktformular h1{
	margin: 0 0 6px 0;
}

td.linkespalte{
	padding: 2px 20px;
	width: 160px;
}

td.rechtespalte{
	padding: 2px 20px 10px 0;
	width: 555px;
}

td.normal{
	width: 735px;
	padding: 2px 20px;
}

td.produktauswahl{
	width: 220px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.breite350{width: 350px}
.breite250{width: 242px}
.breite100{width: 100px}
.breite352{width: 353px}
.breite248{width: 245px}
/*======================================================================================*/


input, input:hover, input:focus{
	border-width: 1px;
}

input{
	background-color: #fff;
	padding: 2px;
	border-color: #f99;
}

input:hover{
	background-color: #f6dada;
	border-color: #f66;
}

input:focus{
    background-color: #f6dada;
	border-color: #f66;
}

form{
	background-color: #fff;
}

p.fehlermeldung{
	margin-top: 10px;
	margin-left: 20px;
	color: #f66;
}


/* =====================================================================================
Produkte
======================================================================================*/
 ul.produkte_hg li img{
	vertical-align:top;
	vertical-align: middle;
	text-align: center;
}

ul.produkte_hg{
	float: left;
	width: 160px;
	height: 180px;
	padding: 10px 10px;
	margin: 0 0 10px 11px;
	text-align: center;
	background-image: url(../images/produkte_hg.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
	background-color: transparent;
}

ul.produkte_hg h4{
	font-size: 13px;
	margin: 0 0 4px 0;
}


/* =====================================================================================
Textilveredelung
======================================================================================*/
table#textilveredelung{
	width: 775px;
	border: 0;
	border-collapse: collapse;
	height: 100%;
}

td.text{
	padding: 10px 20px 10px 30px;
	width: 490px;
	font-size: 12px;
}

td.bild{
	padding: 10px 0 10px 20px;
	width: 170px;
}

.text_mitbild{
	float: left;
	padding: 0 5px 5px 0;
}

/* =====================================================================================
Aktuelles/News
======================================================================================*/
table#news{
	width: 775px;
	background-color: #fff;
	border: 0;
	border-collapse: collapse;
	height: 100%;
}

td.newstext{
	padding: 10px 20px;
	width: 410px;
	font-size: 12px;
}

td.newsbild{
	padding: 10px;
	width: 305px;
	vertical-align: middle;
}

td.newsbild img{
	max-width: 305px;
	display: block;
}
/*===================================================*/
ul#textilveredelungstechniken h1{
padding: 0 0 15px 0;
}

ul#textilveredelungstechniken{
	width: 775px;
	background-color: #fff;
}

ul#textilveredelungstechniken li{
	padding: 0 35px;
}

/********* DOWNLOAD ******************************/

li.katalogcover{
	background-image: url(../images/cover.jpg);
    background-repeat: no-repeat;
    background-position: center right;
	background-color: transparent;
	width: 690px;
	padding: 0;
	margin: 0;
}

#content ul#textilveredelungstechniken li.katalogcover ul a{
	color: #2d517f;
	padding: 0 0 0 0;
	margin: 0;
}
#content ul#textilveredelungstechniken li.katalogcover ul a.fett{
	font-weight: bold;
	color: #031d38;
}
#content ul#textilveredelungstechniken li.katalogcover ul a:hover{
	color: #333;
}

#content li.sternchentext a{color: #fff;text-decoration: underline;}
#content li.sternchentext {padding: 0 12px;}
/* =====================================================================================
Marken
======================================================================================*/

.markenbild{
	width: 700px;
	height: 179px;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: 0 0 0 35px;
}

.markendarstellung{
	width: 775px;
	background-color: #fff;
}

.block{
	display: block;
	}

.boden{
	vertical-align: bottom;
	background-color: #2d517f;
}

.oben{
	vertical-align: top;
}

/* =====================================================================================
Footer
======================================================================================*/
#footer{
    clear: both;
    width: 970px;
    height: 70px;
    background-image: url(../images/siteinfo.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom left;
}