@charset "ISO-8859-1";

/*
 * Spedition Maik Binsch GmbH
 * @version	27.11.2008
 */

#stage { float: left; }
#footer { clear: both; }

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

html { 
	font-size: 85%; 
}

body { 
	background: #78A8D4 url(../images/layout/body-bg.png) left top repeat-x; 
	font: 1em/1.5em Gisha, "Trebuchet MS", Arial, sans-serif; 
}

a { 
	color: #0000EE; 
	color: #5b7ea8;
	xfont-weight: bold; 
}
a:hover { 
	color: #715000; 
	color: #C59F0E; 	
}

.clear { 
	clear: both; 
}

#wrapper {
	background: url(../images/layout/wrapper-bg.png) center top no-repeat;
	border-top: 1px solid #14173C;
}

#page { 
	width: 990px; margin: 15px auto; 
}

#header h1 { 
	height: 55px; 
	background: url(../images/layout/header.png) 30px 3px no-repeat; 
}
#header h1 span { 
	display: none; 
}
#header-image { 
	background: url(../images/layout/header-image-generic.jpg) top left no-repeat; 
	height: 250px; 
}

#stage { 
	width: 990px; 
	min-height: 300px;
	background: #fff url(../images/layout/stage-bg.png) top left no-repeat; 
	color: #333; 
	font-size: 0.85em; 
	overflow: hidden; 
}

#referenzen #stage {
	background: #fff url(../images/layout/stage-referenzen-bg.png) top left no-repeat; 
}

#leistungen #stage {
	background: #fff url(../images/layout/stage-leistungen-bg.png) top left repeat-x; 
}

#content-left { 
	float: left; 
	padding: 0 0 0px 60px;
	width: 510px;
	text-align: justify;
}
#content-right { 
	float: right; 
	/*width: 300px;
	margin: 3.1em 40px 0 0;*/
	width: 300px;
	xbackground: #000;
	margin: 0 17px 0 0;
	padding: 30px 25px 0 25px;
}

#sidebar-bottom { background: url(../images/layout/startseite_sidebar_bottom.png) bottom left no-repeat; margin: 0 -25px; padding: 0 25px;}

#referenzen #content-left {
	width: 420px;
}
#referenzen #content-right {
	width: 420px;
	margin-top: 0;
}


/*#index #content-left {
	width: 860px;
}
#index #content-right {
	width: 0px;
	margin-top: 0;
}
*/
#leistungen #content-left {
	width: 860px;
}
#leistungen #content-right {
	width: 0px;
	margin-top: 0;
}

#leistungen h3 { clear: both; }

.leistungen-box {  background: url(../images/layout/leistungen-box-top.png) top left no-repeat; width: 594px; vertical-align: top; }
.leistungen-box h5 { margin: 25px 0 0px 30px; }

#leistungen-box-wrapper { background: url(../images/layout/leistungen-box-bottom.png) bottom left no-repeat; width: 594px; }

#leistungen-box-wrapper table { margin: 10px 0 30px 30px; xborder: 1px solid green; width: 550px; }
#leistungen-box-wrapper td { vertical-align: top; width: 50%; }
#leistungen-box-wrapper td.col1 { background: url(../images/layout/leistungen-box-separator.png) bottom right no-repeat; padding-right: 20px;}
#leistungen-box-wrapper td.col2 {  padding-left: 10px;}


#content-left ul.leistungsueberblick { list-style-type: none; margin: 0; padding: 0; margin-left: 0; }
ul.leistungsueberblick a { /*font-weight: bold; xletter-spacing: 1px; */ background: url(../images/layout/leistungen-a.gif) left 50% no-repeat; padding-left: 15px}
ul.leistungsueberblick li { padding-left: 0; margin-left: 0; xbackground: url(../images/layout/leistungen-li.gif) left bottom no-repeat; padding: 1px;}




#footer { background: url(../images/layout/footer.png) top left no-repeat; overflow: hidden; padding: 15px 10px 20px 5px; color: #F2F5F7;  font-size: 0.9em;}
#footer .logos { float: right; }
#footer .logos img { margin-left: 20px; }
#footer p { color: #ADDDE9; }
#footer strong { color: #D8FFFF; }





/* Hauptnavigation
 * ------------------------------------------------------------ */

#main-navigation { 
	background: transparent url(../images/layout/main-navigation-bg.png) top left no-repeat; 
	list-style-type: none; 
	height: 30px; 
}
#main-navigation li { 
	float: left; 
	border-left: 1px solid #CADFE8; 
}
#main-navigation li#first-nav { 
	border-left: 0; 
}
#main-navigation a { 
	display: block; 
	padding: 5px 20px; 
	margin: 0 1px; 
	font-size: 14px; 
	color: #4693B2; 
	text-decoration: none; 
	text-transform: uppercase; 
}
#main-navigation a:hover { 
	color: #fff; 
	background: url(../images/layout/main-navigation-hi.png) left 1px repeat-x; 
	color: #fff; 
}
#main-navigation li.active a { 
	color: #fff; 
	background: url(../images/layout/main-navigation-hi.png) left 1px repeat-x; 
	color: #2A7796; 
}

/* Fußnavigation 
 * ------------------------------------------------------------ */

#bottom-navigation { 
	list-style-type: none; 
}
#bottom-navigation li { 
	float: left; 
	padding: 0px 10px; 
	background: url(../images/layout/bottom-navigation-bg.png) left 45% no-repeat; 
}
#bottom-navigation li#first-bottom { 
	background: none; padding-left: 0; 
}
#bottom-navigation a { 
	color: #F2F5F7; 
	text-decoration: none; 
}
#bottom-navigation a:hover { 
	color: #fff; 
}
#bottom-navigation li.active a { 
	font-weight: bold; 
	color: #fff; 
}










#content-left h2, h2 { 
	color: #C59F0E; 
	color: #3a4675;
	margin: 2em 0 1.5em 0px; 
	font: bold 1.5em Verdana, Arial, sans-serif; 
	xtext-transform: uppercase; 
	letter-spacing: 1px; 
}
x#content-right h2 { 
	color: #C59F0E; 
	margin: 1.3em 0 0.9em 0px; 
	font: normal 1.7em "Trebuchet MS", Arial, sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}


#stage p { margin: 1em 0; }

h3 { 
	xbackground: url(../images/layout/h3-underline.png) left bottom repeat-x; 
	font-family: Verdana, Arial, sans-serif; 
	color: #666;
	margin: 2em 0 1em 0;
	padding: 0 0 5px 0; 
	xfont-weight: normal; 
	font-size: 1.3em;  
} 
#content-right h3 {
	background: url(../images/layout/h3-right-underline.gif) left bottom repeat-x;
	color: #444; 
	color: #3a4675;
	font-weight: bold;
	margin: 0em 0 1em 0;	
}

h4 {
	color: #111;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1.5em 0 1em 0;
}

h5 {
	color: #999;
	font-size: 1.4em;
	font-weight: normal;
}


#counter { color: #78A8D4; }

#content-left ul, #content-left ol {
	padding-left: 3em;
}




.referenzen-reiter {
	xborder-bottom: 1px solid #7983a9;
	xbackground: url(../images/layout/reiter-bg.png) bottom left repeat-x;
	margin: 40px 0 30px 0;
	padding-top: 0px;
	padding-bottom: 14px;
	text-align: center;
}
.referenzen-reiter img { xwidth: 20px; padding: 0 3px 3px 0;}

.referenz-initial { clear: both; float: left; margin-right: 19px; padding-bottom: 30px; margin-top: -1px;}

table.referenz-liste {
	width: 890px;
	xborder-top: 1px solid #B8BED1;
	margin-bottom: 50px;
	padding: 0 10px;
}
table.referenz-liste.selection {
	xbackground: #f9f9f9;
}
table.referenz-liste td {
	width: 50%;
	vertical-align: top;
}
table.referenz-liste td.left {
	padding-right: 20px;
}
table.referenz-liste td.right {
	padding-left: 20px;
}

ul.referenz-liste { list-style-type: none; overflow: hidden;   xpadding: 2px;  }
ul.referenz-liste li { padding: 4px 0 4px 3px; xbackground: #F7F7FF; border-bottom: 1px dotted #DADCE7; }
ul.referenz-liste li * { xborder-bottom: 1px dotted #9BA5C4; }

#referenzen #stage p.up { margin: -25px 50px 20px 0; text-align: right; }
#leistungen #stage p.up { margin: 10px 0px -2.5em 0; text-align: right; clear: both; }
#stage p.up a { font-size: 0.85em; font-weight: bold;  }



/* Formulare
 * --
 */
 
form {

}
table.form { margin: 0 -13px; padding: 30px 15px 5px 13px; width: 540px; background: #fff url(../images/layout/form-bg.png) top left no-repeat; }
table.form td {  }
table.form table td { xpadding-right: 10px; }
table.form table td.first { padding-right: 10px; }
table.form .sep td { 20px; xbackground: url(../images/layout/form-sep.png) center 80% no-repeat; padding: 7px 0 7px 0; }

label { text-transform: uppercase; font-weight: bold; color: #444; font-size: 0.9em; padding-bottom: 10px; }
label.highlight { color: #C59F0E; }
.field-required { font-weight: bold; font-size: 0.9em; color: #C59F0E; }

.input { font-family: Gisha, "Trebuchet MS", Arial, sans-serif; font-size: 14px; } 
.input { 
	padding: 5px 0px; 
	border: 1px solid #646467; 
	border-bottom-color: #b4b4b7; 
	border-right-color: #c4c4c7; 
	background: #fff url(../images/layout/input-bg.png) top left repeat-x;
}
.input:focus { 
	border: 1px solid #343437; 
}
.input.highlight { 
	border-color: #C59F0E;
}

.input.large { width: 505px;  }
.input.small { width: 125px;  }
.input.medium { width: 368px;  }
.input.half { width: 246px;  }

table.form td.button { text-align: center; }

#form-hint {
/*	background: url(../images/layout/form-hint-bg.png) top left no-repeat;*/
	background: #fff url(../images/layout/input-bg.png) top left repeat-x;
	xcolor: #fff;
	xpadding: 10px 20px;
	border: 3px double #d4d4d7;
	width: 320px;
	line-height: 1.3em;
	padding: 10px 15px;
	margin: 0 auto;
}











.bold { font-size: 200px; }


#content-right ul {
	margin-left: 30px; 
}





#content-right ul.standorte {
	list-style-type: none;
	margin-right: 30px; 
	margin-left: 0;
}
ul.standorte li strong {
	color: #C59F0E; 
	color: #3a4675;
}
ul.standorte em {
	font-weight: normal;
	font-style: normal;
}
ul.standorte li {
	margin: 0 0 2px 0px;
	line-height: 1.5em;
	xbackground: url(../images/layout/pin.png) 10px 10px no-repeat;
	xbackground: #fff; 
	padding: 6px 0 6px 35px;
	color: #444; 
	xcolor: #5b7ea8;
	xcolor: #416795;
}
ul.standorte .highlight strong { border-bottom: 1px solid black;; }




.table-leistungen td { width: 50%; vertical-align: top; }

ul.leistungen {
	list-style-type: bullet;
	margin-left: 2em;
	margin-bottom: 2em;
}
ul.leistungen li {
	padding-bottom: 0.6em; 
	xline-height: 1.4em;
}
ul.leistungen li strong {
	xcolor: #C59F0E; 

}



.mark { background: yellow; }














.partner-logos { text-align: center; margin: 2em 0; }

.img-descr { font-size: 0.9em; line-height: 1.4em;}




.img { xwidth: 205px; }
.img.right-align { float: right; margin-left: 2em; xpadding-left: 2em; margin-bottom: 1em; xborder-left: 1px dotted #999; }
.img.left-align { float: left; margin-right: 2em; xpadding-right: 2em; margin-bottom: 1em; }
.img p { font-size: 0.9em; line-height: 1.3em; margin: 0.5em 0 0 0 !important; padding: 0 !important; }




.startseite-services td { width: 50%; vertical-align: top; }






.startseite-sidebar {
	margin-left: 15px; margin-top: -5px;
}




#video {
background: url(../images/layout/video-bg.png) left bottom no-repeat; 
padding: 0 20px 80px 20px;
}




table.packmittel-table { xborder: 3px solid green; ywidth: 770px; ymargin: 0 auto; }
.packmittel-table .col1 { font-size: 3em; color: #c3c3c3; vertical-align: top; padding: 0.3em 1em 0 1em;}
.packmittel-table .col2 { vertical-align: top; padding: 0 3em 1em 0; text-align:left; }
.packmittel-table .col3 { padding: 0 0 1em 0;}








/* Seite: Jobs
 * ------------------------------------------------------------ */

.jobs-anschrift td { vertical-align: top; padding-right: 20px; }
.jobs-adressen{ margin-left: 0px !important; }