/********************************************************************
* DEUS Logistik - Jordan Mediengestaltung 06/2009 - Philipp Bauer	*
* ----------------------------------------------------------------- *
* 1. Globale Eigenschaften											*
* 2. Sprites														*
* 3. Schrift Eigenschaften											*
* 4. Objekt Eigenschaften											*
********************************************************************/

/* Globale Eigenschaften ********************************************
********************************************************************/
html, body { background: #FFF; }

img { display: block; }
img.spamProtect { display: inline-block; margin: 0 2px -2px 1px; }

.block { display: block; }
.hidden { display: none; }
.clear { clear: both; }


/* Sprites **********************************************************
********************************************************************/
/* globales Sprite */
.globalSprite { background: url(../images/globalSprite.png); }
.globalSpriteEn { background: url(../images/globalSpriteEn.png); }
	
	a.logoDeus { width: 250px; height: 57px; background-position: -154px -2px; }
	a.logoDms { width: 73px; height: 45px; background-position: -154px -60px; }
	a.anfrage { width: 150px; height: 25px; background-position: -2px -2px; }
	a.anfrage:hover { background-position: -2px -29px; }

/* Navigations Sprite */
.naviSprite { background: url(../images/naviSprite.gif); }
.naviSpriteEn { background: url(../images/naviSpriteEn.gif); }

.naviSprite img, .naviSpriteEn img { margin-top:41px; margin-left:7px; }

	a.umzuege, a.uid3 { width: 175px; height: 195px; background-position: -5px -5px; }
	a.umzuege:hover, a.uid3:hover { background-position: -5px -200px; }
	
	a.neumoebel, a.uid4 { width: 175px; height: 195px; background-position: -180px -5px; }
	a.neumoebel:hover, a.uid4:hover { background-position: -180px -200px; }
	
	a.lager, a.uid5 { width: 175px; height: 195px; background-position: -355px -5px; }
	a.lager:hover, a.uid5:hover { background-position: -355px -200px; }
	
	a.spedition, a.uid6 { width: 175px; height: 195px; background-position: -530px -5px; }
	a.spedition:hover, a.uid6:hover { background-position: -530px -200px; }
	
	a.logistikdienst, a.uid7 { width: 175px; height: 195px; background-position: -705px -5px; }
	a.logistikdienst:hover, a.uid7:hover { background-position: -705px -200px; }
	
	a.service, a.uid8 { width: 175px; height: 195px; background-position: -880px -5px; }
	a.service:hover, a.uid8:hover { background-position: -880px -200px; }
	
	a.unternehmen, a.uid9 { width: 175px; height: 195px; background-position: -1055px -5px; }
	a.unternehmen:hover, a.uid9:hover { background-position: -1055px -200px; }
	
	a.kontakt, a.uid10 { width: 175px; height: 195px; background-position: -1230px -5px; }
	a.kontakt:hover, a.uid10:hover { background-position: -1230px -200px; }





/* Schrift Eigenschaften ********************************************
********************************************************************/
html, body {
	color: #666;
	font: normal normal normal 12px/16px Arial, Helvetica, sans-serif;
}

h1 {
	background: url(../images/globalSprite.png) no-repeat -379px -75px;
	
	height: 16px;
	
	margin: 0 0 4px 0;
	padding: 8px 0 4px 30px;
	
	color: #E12B25;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	
	border-bottom: 1px dotted #BFBFBF;
}
#start #content h1 { margin: 0 5px 4px; }

h2 {
	padding: 8px 0 0 0;
	
	color: #E12B25;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

h3 {
	background: #E12B25;
	
	height: 20px;
	
	margin: 2px 0;
	padding: 0 5px;
	
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

h4 {
	padding: 12px 0 0 0;
	margin: 8px 0 0 0;
	
	color: #333;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	
	border-top: 1px solid #BFBFBF;
}
h4 a { color: #333; }

p { padding: 4px 0; }
#content p { padding: 8px 0 4px; }
#start #content p { margin: 0 5px; }

#leftColumn,
#rightColumn { font-size: 11px; }

a {
	color: #E12B25;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

p a, #footerlinks a, #footer a, #umzugstipps a, li a{
	color: #E12B25;
	text-decoration: underline;
}
p a:hover, #footerlinks a:hover, #footer a:hover, #umzugstipps a:hover , li a:hover{ text-decoration: none; }

a.more {
	background: url(../images/globalSprite.png) no-repeat -379px -128px;
	width: 20px;
	height: 11px;
}

a.extTarget {
	background: url(../images/extLink.gif) no-repeat right 3px;
	padding: 0 13px 0 0;
}


/* Listen Eigenschaften *********************************************
********************************************************************/
#content ul {
	padding: 8px 0 0;
}

#content ul li {
	background: url(../images/globalSprite.png) no-repeat -379px -155px;
	padding: 0 0 8px 12px;
}


/* Objekt Eigenschaften *********************************************
********************************************************************/

/* wrapper */
#wrapper {
	width: 900px;
	margin: 0px auto;
}

/* header */
#header {
	background: url(../images/headerBackground.gif) repeat-x 0 115px;
	
	width: 900px;
	height: 130px;
	
	padding: 20px 0 0 0;
}

	#logoDeusPosition {
		width: 250px;
		margin: 0 auto;
	}
	
	#logoDmsPosition {
		width: 73px;
		margin: -44px 0 0 0;
		float: right;
	}
	
	
/* horizontales Navigationsmenü */
#horizNavi {
	width: 900px;
	margin: 15px 0 0 0;
	text-align: center;
}
	#horizNavi ul { display: inline; }
	#horizNavi ul li { display: inline; }
		#horizNavi ul li a {
			padding: 2px 10px;
			
			color: #666;
			font-size: 12px;
			text-transform: uppercase;
			text-decoration: none;
		}
		#horizNavi ul li.active a { background: #E12B25; color: #FFF; }
		#horizNavi ul li a:hover { background: #8C8C8C; color: #FFF; }
		

/* leftColumn */
#leftColumn {
	width: 150px;
	margin: 10px 20px 0 0;
	float: left;
}

#vertNaviTop {
	background: url(../images/naviTop.gif) no-repeat 0 0;
	width: 150px;
	height: 10px;
}

#vertNaviBottom {
	background: url(../images/naviBottom.gif) no-repeat 0 0;
	width: 150px;
	height: 15px;
}

#vertNavi {
	background: url(../images/naviBackground.gif) repeat-y 0 0;
	width: 150px;
	padding: 20px 0 30px;
}

	#vertNavi ul li {}
	#vertNavi ul li a {
		display: block;
		
		width: 128px;
		
		margin: 0 2px 0 0;
		padding: 5px 0 5px 20px;
		
		color: #FFF;
		text-decoration: none;
		
		border-bottom: 1px solid #737373;
	}
	#vertNavi ul li a:hover { background-color: #BFBFBF; }
	#vertNavi ul li.active a { background-color: #E12B25; }
	#vertNavi ul li.active a:hover { background-color: #E57373; }
		#vertNavi ul li ul li {}
		#vertNavi ul li ul li a,
		#vertNavi ul li.active ul li a {
			background: #8C8C8C url(../images/globalSprite.png) no-repeat -394px -198px;
			
			width: 115px;
			
			margin: 0 0 0 13px;
			padding: 0 0 0 20px;
			
			line-height: 20px;
			border: none;
		}
		#vertNavi ul li.active ul li a:hover { background-color: #BFBFBF; }
		#vertNavi ul li.active ul li.active a { background-color: #E12B25; }
		#vertNavi ul li.active ul li.active a:hover { background-color: #E57373; }


/* content */
#content {
	background: url(../images/contentBackground.gif) repeat-x 0 0;
	
	width: 520px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
	margin: 10px 0 0;
	padding: 20px;
	
	float: left;
}
#start #content { width: 700px; padding: 15px; }

	#bilderNavi { width: 700px;	}
		#bilderNavi a { width: 175px; float: left; }
		
	#contentMetaImage { margin: 0 0 10px 0;	}
	
	#contentText { width: 350px; float: left; }
		#refEx #contentText { width: 520px; }
		#start #contentText { width: 530px; }
	
	#umzugstipps {
		width: 150px;
		margin: 10px 10px 0 0;
		float: left;
	}
		#start #content #umzugstipps h3 { margin: 0 0 0 5px; }
		#start #content #umzugstipps p { width: 135px; padding: 5px 10px 5px 5px; }
		#start #content #umzugstipps h2 { font-size:12px; width: 130px; padding: 5px 10px 0; }
		#start #content #umzugstipps a { width: 130px; padding: 5px 10px; }
		/*#start #content #umzugstipps .more {
			display: block;
			background: url(../images/globalSprite.png) no-repeat -320px -125px;
			
			margin: 0 0 0 60px;
			padding: 0 0 5px 0;
		}*/
	
	#references {
		width: 140px;
		margin: 10px 0 0 30px;
		float: left;
	}
	#refEx #references { display: none; }
	
		#references ul {
			border-bottom: 1px dotted #BFBFBF;
			border-top: 1px dotted #BFBFBF;
		}
			#references ul li {
				background: url(../images/globalSprite.png) no-repeat -379px -154px;
				
				margin: 10px 0 10px 2px;
				padding: 0 0 0 13px;
				
				font-size: 10px;
			}
			
	#content table {
		width: 100%;
		
		margin: 0;
		padding: 0;
		
		text-align: left;
	}
		#content table tr {}
		#content table tr th {
			background: #FAFAFA;
			
			margin: 0;
			padding: 2px 10px;
			
			color: #333333;
			font-size: 13px;
			line-height: 8px;
			font-weight: bold;
			
			border-bottom: 2px solid #BFBFBF;
		}
		#content table tr td { 
			
			padding: 4px 10px;
			
			border-bottom: 1px dotted #BFBFBF;
			border-collapse: separate;
		}
		.vzebra-even { background: #F4F4F4; }
		.vzebra-odd { background: #EEEEEE; }
		#content table tr td p { padding: 0; }
		
/* languageSelector */
#languageSelector {
			background-color:#F0F0F0;
			height:20px;
			margin:0 0 10px;
			padding:3px 15px 3px 3px;
			height: 20px;
		}

			#languageSelector ul {}

				#languageSelector ul li {
					display: block;
					margin: 0;
					float: right;
				}

					#languageSelector ul li#en { background: url("../images/en.gif") no-repeat right center; }

					#languageSelector ul li#de { background: url("../images/de.gif") no-repeat right center; }

					#languageSelector ul li a {
						display: block;
						padding: 0 23px 0 0;
						line-height: 20px;
						text-decoration: none;
					}

/* rightColumn */
#rightColumn {
	width: 150px;
	margin: 10px 0 0 20px;
	float: left;
}

	.rightBoxBorder {
		width: 150px;
		padding: 15px 0 10px;
		border-bottom: 1px dotted #BFBFBF;
	}
	.rightBoxNoborder {
		width: 150px;
		padding: 10px 0 0px;
		border-bottom: 0px dotted #BFBFBF;
	}
	.xing {
		width: 150px;
		padding: 10px 0 0px;
		border-bottom: 0px dotted #BFBFBF;
	}
	.xing a{
		width:98px;
		display:block;
		margin:0 auto;
	}
	
		.rightBox a.more { margin: -17px 0 0 130px; }
		.rightBox a.rueckruf { width: 150px; height: 35px; background-position: -2px -57px; }
		.rightBox a.newsletter { width: 150px; height: 35px; background: url("../images/buttonNewsletter.png") no-repeat 0 0; }
		.rightBox a.boxkontakt { width: 150px; height: 35px; margin: 0 0 5px 0; background-position: -2px -94px; }
		.rightBox .telefon { width: 150px; height: 16px; background-position: -2px -165px; }
		.rightBox a.aktuelles {  width: 150px; height: 35px; margin: 0 0 5px 0; background-position: -2px -129px; }
		
		.rightBox a.kalkulator {  width: 150px; height: 37px; margin: 0 0 5px 0; background-position: 0px 0px; background-image:url(../images/umzugskalkulator.png); background-repeat:no-repeat; }


/* footer */
#footer {
	width: 900px;
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
	
	color: #CCCCCC;
}
	#footer a { color: #CCCCCC; }
	#footer a:hover { color: #999999; text-decoration:underline; }
	
/* footerlinks */
#footerlinks {
	width: 900px;
	margin: 40px auto;
	padding: 10px 0px 0px 0px;
	
	
	color:#999999;
}
	#footerlinks a { color:#888888; text-decoration:underline; }
	#footerlinks a:hover { color:#CCCCCC; text-decoration:underline; }
	#footerlinks h4{
	font-weight:bold;
	font-size:13px;
	color:#999999;
}
/* img border */
#content div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border:1px solid #BEBEBE;
padding:0;
}