/********************************
Kunde:	FWT-Spedition
Datum:	11/2009
von:	dietypen
********************************/

* { padding: 0; margin: 0; }

html, body { height: 100%; }

body { 
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 9pt;
	line-height: 120%;
	background: #005597;
	text-align: center; /* horizontal centering for IE Win quirks */
}

#h_karte { background: #FFFFFF; }

img { border: 0;}

/********************************
horizontal und vertikal zentriert
********************************/

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -310px; /* hälfte der wrapper höhe */
	float: left;
	background: #005597; 
}

#wrapper { 
	margin: 0 auto;
	position: relative; /* distance vor wrapper */
	text-align: left;
	height: 620px;
	width: 1000px;
	clear: left;
	background: #FFFFFF;
}

#header {
	width: 1000px;
	height: 120px;
	background: url(../images/header.gif);
}

/********************************
Texte, Auszeichnungen / Links
********************************/

h1, h2, h3 { color: #005597; }

h1 { 
	font-size: 14pt;
	line-height: 130%;
	text-transform: uppercase; 
	letter-spacing: 0.2pt;
	word-spacing: 1.5pt
}

h2 {  
	font-size: 12pt;
	line-height: 130%;
}

h3 { 
	font-size: 9pt;
	text-align: left;
	padding: 2px 0 0 0;
}

#index h3 { 
	font-size: 8.5pt;
	font-weight: bold;
	text-transform: uppercase; 
	letter-spacing: 0;
	color: #90bbe0;
	padding: 30px 0 0 0;
}

#u_equipment h3 { 
	font-size: 8.5pt;
	text-transform: uppercase; 
	letter-spacing: 0.5pt;
	color: #FFFFFF;
	padding: 20px 0 0 0;
}

#u_equipment p {
	font-size: 8.5pt;
	font-weight: bold;
	text-align: left;
	color: #B2CDE0;
	line-height: 120%;
}

p { padding: 0.5em 0 0 0; }

#equipment #content p { padding: 0.5em 50px 0 0; }

p.klein { color: #005597; font-size: 8pt; padding: 1px 0 0 20px; }
p.blau { color: #005597; }

span {
	font-weight: bold;
	color: #cc071e;
}

#impressum ul { padding: 20px 0; }
li { list-style: none; padding: 0.1em 0 0 0; }

#index li { 
	font-size: 8.5pt;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	list-style: square; 
	padding: 0.3em 0 0 0; 
}

#u_equipment ul { padding: 5px 0; }
#u_equipment li { 
	z-index: 100;
	font-size: 8.5pt;
	font-weight: bold; 
	text-align: left;
	color: #FFFFFF;
	list-style: square;
	padding: 0.3em 0 0 0; 
}

li.bullet { list-style: square; }

li.head { 
	text-transform: uppercase; 
	padding: 0 0 5px 0; 
}
li.fax { padding: 0 0 5px 0; }

a { font-weight: bold; }
a:link { color: #005597; text-decoration: underline; }
a:visited { color: #005597; text-decoration: underline; }
a:hover { color: #cc071e; text-decoration: none; }
a:active { color: #cc071e; text-decoration: none; }

#equipment table a:link { color: #005597; text-decoration: none; }
#equipment table a:visited { color: #005597; text-decoration: none; }
#equipment table a:hover { color: #cc071e; text-decoration: none; }
#equipment table a:active { color: #cc071e; text-decoration: none; }

#u_equipment table a:link { color: #6699c1; text-decoration: underline; }
#u_equipment table a:visited { color: #6699c1; text-decoration: underline; }
#u_equipment table a:hover { color: #FFFFFF; text-decoration: none; }
#u_equipment table a:active { color: #FFFFFF; text-decoration: none; }


/********************************
horizontale Navi
********************************/

#navi_h {
	width: 1000px;
	height: 28px;
	background: url(../images/higru_navi_h.gif) no-repeat;
}

#navi_h img { float: left; }

#menu1 { padding-left: 264px; }


/********************************
Content Index
********************************/

#index #col_li {
	float: left;
	width: 264px;
	height: 452px;
	background: #005597 url(../images/col_li_start.jpg) no-repeat;
}

#index #content {
	float: left;
	width: 736px;
	height: 452px;
	padding: 0;
	overflow: hidden;
	background: #005597 url(../images/higru_index.jpg) no-repeat;
}

#col_li #text {
	padding: 30px 0 0 30px;
}


/********************************
Content
********************************/

#zwiti {
	clear: both;
	height: 34px;
	background: url(../images/higru_zwiti.jpg);
}

#col_li {
	float: left;
	width: 264px;
	height: 418px;
	background: url(../images/col_li_weiss.jpg) no-repeat;
}

#content {
	float: left;
	width: 696px;
	height: 418px;
	padding: 0 20px 0 18px;
	overflow: auto;
}


#footer {
	clear: both;
	width: 1000px;
	height: 19px;
	background: #FFFFFF;
	border-top: #005597 1px solid;
}

#karte { float: left; }

#b_karte {
	float: left;
	padding: 30px 0 0 0;
}

#abstand { clear: both; padding: 40px 0; }


.artikel { width: 600px; padding: 25px 0 0 0; }

/********************************
Tabelle
********************************/

table { margin-top: 20px; }

td { vertical-align: bottom; }
td.bild { width: 171px; padding-right: 20px; text-align: left; }
td.bild2 { padding: 0 20px 20px 0; }
td.bild3 { padding: 20px 20px 20px 0; }
#equipment td.bild { padding-right: 55px; }
td.text { padding: 0 80px 0 168px; width: 410px; }
td.text2 { width: 400px; }
td.bu { 
	width: 150px;
	font-size: 8pt;
	font-weight: bold;
	color: #005597;
}
td.top { 
	width: 312px;
	vertical-align: top; 
	padding: 0 20px 0 0; 
}

hr { margin: 20px 57px 0 0; border: 1px dotted #005597; }

.oben { padding-top: 10px;}
.unten { padding-bottom: 10px;}


/********************************
Tabelle u_equipment
********************************/

#u_equipment #bild {
	z-index: 1;
	float: left;
	width: 365px;
	height: 450px;
}

#u_equipment #tabelle {
	z-index: 10;
	float: left;
	width: 250px;
	padding: 0 20px 0 15px;
}

#u_navi {
	clear: both;
	position: absolute;
	top: 400px;
	left: 365px;
}

/********************************
Tabelle u_navi standort/kontakt/equipment
********************************/

#standort #navi_v table, #kontakt #navi_v table, #equipment #navi_v table { text-align: left; vertical-align: top; padding: 0; margin: 0; }
#standort #navi_v tr, #kontakt #navi_v tr { text-align: left; vertical-align: top; border: 0; }
#standort #navi_v td, #kontakt #navi_v tr { text-align: left; vertical-align: top; border: 0; }