/*
*****************************************************
 url			: www.fidelio-relocation.de
 erstellt 		: 05 02 2011
 Aenderung		: 05 02 2011
 CSS + Design	: www.delectat.de (D.P.)
*****************************************************
 (c) 2011 Fidelio Relocation
*****************************************************

Grid: 954px, 12 column, 47px, margin 30px

Color:
rot NEU: 	#9D0D15 #9E3039
dunkelgrau:	#69747A
mittelgrau: #CACCCE (50%)
hellgrau:	#DCDEDF (33%)
hellgrau:	#E6E7E8 (25%)

/*  Html
*****************************************************/
 
 * {
margin: 0;
padding: 0;
}

/*  Html
*****************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

body { color: #fff;
	background: #ccc; /* url(/images/hamburg.jpg) no-repeat 100px 0 */
	background-attachment: fixed;
}

ol, ul {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 16px 10px;
}
li {
  padding: 0px;
  margin: 0px;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}
input[type='hidden'] {
  display:none !important;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*** CLEARFIX ***/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

:focus {outline: 0;}

/* Wrapper (Breite)
******************************************************/

#wrap {width: 900px;
	margin: 60px 0 40px 40px;
	padding: 20px;
	text-align: left;
	background: transparent url(../images/opa50black.png) repeat 0px 0px ;
}

* html body { margin: 0;} /* nur fuer IE 5.5 - 6.x */
html + body body { margin: 10px 0 0 0; } /* nur vom IE 5.0 */
* + html body { padding: 60px 0 0 0; } /* IE 7 */

#preload {
display: none
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}

/*  Header 
******************************************************/

#header {
	height: 126px;
	width: 900px;
	margin: 0; 
	padding:0;
	clear:both;
}

#breadcrumb {height: 9px;
	padding: 0;
	margin: 20px 0 0 0;
/*	background: transparent url(/images/line-red.png) repeat 246px 0;	*/
}

.leftcolumn{ float: left; width: 440px; }
.leftcolumn2 { float: left; width: 420px; }
.rightcolumn { float: right; width: 440px; }
.rightcolumn2 { float: right; width: 420px; }

/*  Main 
-----------------------------------------------------------------------*/
#main {
	text-align: left;
	margin: 0;
	padding:0;
}

.column900 {
	float: left;
	width: 900px;
	padding: 0;
	margin: 20px 0 0 0;
	background: transparent url(../images/opa20black.png) repeat 0px 0px ;	
}

#wrap:hover .column900 {
	background: transparent url(../images/opa30black.png) repeat 0px 0px ;	
}

.column440 {
	float: left;
	width: 440px;
	padding: 0;
	margin: 20px 0 0 0;
	background: transparent url(../images/opa20black.png) repeat 0px 0px ;	
}

#wrap:hover .column440 {
	background: transparent url(../images/opa30black.png) repeat 0px 0px ;	
}

.column286 { min-height: 350px;
	float: left;
	width: 286px;
	margin: 20px 0 0 0;
	padding: 0; 
	background: transparent url(../images/opa20black.png) repeat 0px 0px ;	
}

#wrap:hover .column286 {
	background: transparent url(../images/opa30black.png) repeat 0px 0px ;	
}

.column210 { min-height: 220px;
	float: left;
	width: 210px;
	margin: 20px 0 0 0;
	padding: 0;
	background: transparent url(../images/opa20black.png) repeat 0px 0px ;	
}

#wrap:hover .column210  {
	background: transparent url(../images/opa30black.png) repeat 0px 0px ;	
} 

.column164 {
	float: left;
	width: 164px;
	margin: 20px 0 0 0;
	padding: 0;
	background: transparent url(../images/opa20black.png) repeat 0px 0px ;	
}

.box200 {  min-height: 200px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.box250 {	min-height: 250px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: transparent url(../images/opa20black.png) repeat 0 0;
}

.margin20 {	margin-right:20px;} 

.margin21 {	margin-right:21px;}
 	
#sidebar {	
	float: left;
	width: 220px; width: 209px;
	padding: 0 0  0px 0;
	margin:0 0 0 0;
	display: inline;	
}

a:link { color: #fff; text-decoration: underline; padding:0; margin: 0;}
a:visited { color: #fff; text-decoration: underline; padding:0; margin: 0;}
a:hover {color: #fff; text-decoration: none; padding:0; margin: 0;}
a:active {color:#9D0D15; text-decoration: none; padding:0; margin: 0;}

#main p a:link, #main p a:visited, #main p a:active,
.box200 p a:link, .box200 p a:visited, .box200 p a:active,
#content li a:link, #content li a:visited, #content li a:active,
.colorlink li a:link, .colorlink li a:visited, .colorlink li a:active  {
	text-decoration: none;
	border-bottom: 1px solid #ccc;	 border-bottom: 1px solid #9D0D15;
	font-weight:normal;
	color: #fff;
	padding:0; margin: 0;
	line-height: 18px;
}

#main p a:hover, #content li a:hover,
.box200 p a:hover,
.leftcolumn p a:hover,
.maincolumnhome1 p a:hover, .maincolumnhome2 p a:hover, .colorlink li a:hover  {
	text-decoration: none;  
	padding:0; margin: 0;
	border-bottom: 1px solid #9D0D15; border-bottom: 1px solid #ccc;
	font-weight:normal;
	line-height: 18px;
}


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

#footer {width: 940px;
	padding: 15px 0;
	margin: 650px 50px 0 40px; 
	text-align: left;
	background: transparent url(../images/opa40black.png) repeat 0px 0px ;	
}

#footer p {
	padding: 3px 15px; 
	margin: 0 20px; 
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	background: transparent url(../images/opa40black.png) repeat 0px 0px ;
}

#footer strong {  
	font-size: 11px; 	
	font-weight:normal;}

#footer a:link, #footer a:visited, #footer a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;  
	font-size: 11px;
}

#footer a:hover {
	color: #9D0D15; 
	text-decoration: none;
	font-weight: normal;
}

/* Navigation  
-----------------------------------------------------------------------*/

#mainnav { text-align:left;	 
	float: right; 
	list-style: none;
	margin:  0 0px 0 0;
	padding: 0;
	width: 210px;  
}

#mainnav ul { 
	margin: 0; 
	padding: 0;	
}
	
#mainnav li { 
	float: left;
	margin: 0; 
	padding: 0;	
	list-style-type: none;
	text-align: left;
}

#mainnav a {margin: 0 1px 0 0; 
	width:210px; 
	float: left;
	font-size:12px;
	padding: 2px 0 3px 0;
	display:block; 
	text-decoration:none;
	font-weight:normal;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
	background: transparent url(../images/opa30black.png) repeat-x 0px 20px ;	
}

#mainnav a.selected { 
	color: #fff;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #9D0D15;	 	
	background-image: none;	
}
	
#mainnav a:hover {
	color: #ddd;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #9D0D15;
}

#wrap:hover #mainnav a:hover {color: #fff;  }


/*  Unternavigation 
----------------------------------------------------*/

#main #subnav { text-align:left;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	height: 60px;
	background: transparent url(../images/opa20black.png) repeat 0 0;	
   
}
#wrap:hover #main #subnav {
	background: transparent url(../images/opa30black.png) repeat 0px 0px ;	
}

#main #subnav ul { 
	margin: 0; 
	padding: 0;	
}
	
#main #subnav li { 
	float: left;
	margin: 0; 
	padding: 0;	
	list-style-type: none;
	text-align: center;
	background-image:none;
}

#main #subnav a {margin: 0; 
	width:225px;
	border-bottom: 4px solid #ccc;  
	float: left;
	font-size:12px; font-size:11px;
	padding: 5px 0;
	display:block; 
	text-decoration:none;
	font-weight:normal;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
	background-image:none;
}

#u5 #main #subnav a {width:180px;}
#u2 #main #subnav a {width:225px;}

#main #subnav a.selected {display:block; 
	color: #000;  color: #fff;
	border-bottom: 4px solid #9E3039; border-bottom: 4px solid #9D0D15;	 
}
	
#main #subnav a:hover {
	color: #fff;
	border-bottom: 4px solid #9D0D15;
}

/* Navigation  
-----------------------------------------------------------------------*/

#contentnav { text-align:left;	 
	float: right; 
	list-style: none;
	margin:  15px;
	padding: 0;	  
}

#contentnav ul { 
	margin: 0; 
	padding: 0;	
}
	
#contentnav li { 
	float: left;
	margin: 0; 
	padding: 0;	
	list-style-type: none;
	text-align: left;
}

#contentnav a {margin: 0 1px 0 0; 
	 width: 256px;
	border-bottom: 0px solid #9D0D15;
	float: left;
	font-size:12px;
	padding: 2px 0 3px 0;
	display:block; 
	text-decoration:none;
	font-weight:normal;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
	background: transparent url(../images/opa30black.png) repeat-x 0px 20px ;	
}

#contentnav a.selected { 
	color: #fff; 
	padding: 2px 0;
	border-bottom: 1px solid #9D0D15;	 	
	background-image: none;	
}
	
#contentnav a:hover {
	color: #fff;
	padding: 2px 0;
	border-bottom: 1px solid #9D0D15;
}

p {	margin: 0 0 18px 0;
	padding:0 15px;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
 	line-height: 18px; 
	text-align: left;	
}

#main .box200 p  {
	margin: 0 0 16px 0;
	font-size: 12px;
 	line-height: 16px; 
	text-align: left;
	padding:0 15px;}
 
i, em {	font-style: italic; }

b, strong, .boldf {	font-weight: bold;	}

b {	font-weight: normal;	}
	
blockquote {
	background: transparent url(../images/blockquotet.png) no-repeat  0px 0;
	font: italic 13px/18px  "Lucida Grande", Trebuchet MS, Arial,Times, Georgia, sans-serif;
	padding: 5px 0px 5px 0px;
 	color:#555; color:#eee;
	margin: 20px 15px 0px 15px;
}

.testimonial {text-align:left;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.small {
	font-size: 12px;
	color: #555;
	font-style: normal;
}

.schwarz { color: #000000;}
 

.attention { padding: 10px 12px;
	margin: 20px 25px 25px 25px;
	border: 1px solid #FFDD00; border: 2px solid #69747A; 
	background-color: #fff; background-color: #fcfcfc;
}

.hell{	background-color: #CCC;}

.dunkel{background-color: #666;}	
	
.width100 { 
	margin-right: 100px
	}

	
/*  Headlines 
-----------------------------------------------------------------------*/

h1, .head1 {color: #aaa;
	font: normal 22px/30px Georgia, Arial, Helvetica, sans-serif ;
	margin: 15px 15px 5px 15px;
	border-bottom: 0px solid #fff;
}
.head1 { padding: 0 5px;
	/* background: transparent url(../images/opa20black.png) repeat 0px 0px ; */
}

h1.red {color: #9D0D15;}
 
h2, h3 {color: #000;
	font: bold 13px/14px Arial, Helvetica, sans-serif;
	margin: 0 15px;
}

h4, .columnhead { padding: 3px 3px 3px 15px;
 	text-transform: uppercase;
	margin: 0 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	color: #000; color: #eee;
	font: normal 11px/16px Verdana, Arial, Georgia, Helvetica, sans-serif;
	background: transparent url(../images/opa40black.png) repeat 0px 0px ;	
}

h3, h2, h6, h4  { text-transform: none;
	margin: 0 15px 9px 15px;
	border-bottom: 0px solid #EEE;
	color: #fafafa;
	font: bold 13px/18px Arial, Verdana, Helvetica, sans-serif;
}

h6, h2, h4 {
	margin: 0 15px 0px 15px; 
}

.big {color:#555; color:#444; color:#ccc; color:#dadada;
	padding: 0 15px 15px 15px; padding: 15px;
	font: normal 17px/22px Trebuchet, Arial, Helvetica, sans-serif;
	margin: 0;	
	border: none; 
}

#home h4.homehead {
	font-size: 14px; 
	line-height:30px;
	margin:0 0 15px 0;
	border-bottom:1px solid #ccc
}

 #logo {
	float: left; 
	width:147px;
	height:58px;
	padding: 0;  
	margin:0;
	text-decoration: none;
} 

h3#logo  { 
	display:block;
	width:170px;
	height:70px;
	padding:0;
	margin:0;
	text-indent:-9009px;
	background:transparent url(/images/fidelio-relocation.png) no-repeat 0 0;
	border-bottom: 0;
	}
	
h3#logo a:link, h3#logo a:visited, h3#logo a:hover, h3#logo a:active {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	border-bottom: 0;
}

.line {
	padding:0;
	margin: 20px 0 40px 0;
	border-top:1px solid #aaa;
	width:894px;}

#headwrap {width: 928px; 
	height: 20px;
	margin: 30px 0 0 40px; 
	padding: 0;
	text-align: left;
	position:absolute;
	top: 0; 
	clear:both;	
}

* + html #headwrap  { margin: 30px 0 0 0px; } /* IE 7 */
	
#phone {
	float: right; 
	margin: 0px 0px 0px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	}
	
	#phone {float: right;
	margin: -5px 0px 0px 20px;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	color: #fff;  
	}
	
		#phone a{text-decoration: none 
	}
	
			#phone a:hover{text-decoration: underline 
	}
	
		#phone strong {
	font-size: 13px;
	font-weight: bold;
	color: #fff; 
	/* text-shadow: 0.1em 0.1em #444 */
	}
	
		#social {float: right;
	margin: -3px 0px 12px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
color: #fff; 
display: none;
 width:220px
	}
	
#language {
	float: right;
	margin: 0px 0px 0px 0;
	padding: 0;
	}	
	
#languageselect li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#languageselect a {
	float: left;
	width:19px;
	padding: 15px 0 0 0;
	margin: 0 6px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win */
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
	
#languageselect a:active, #languageselect a.selected {
	background-position: 0 0px;
	}
	
#languageselect a.selected {	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	
#languageselect a:hover {
	background-position: 0 0px;
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
	}
	
#ger a  {
	width: 19px;
	background: transparent url(../images/de.gif) no-repeat 0 0;
}

#eng a  {
	width: 19px;
	background: transparent url(../images/gb.gif) no-repeat 0 0;
}

#esp a  {
	width: 19px;
	background: transparent url(../images/es.gif) no-repeat 0 0; 	 
}

#rus a  {
	width: 19px;
	background: transparent url(../images/ru.png) no-repeat 0 0;
}

#chi a  {
	width: 19px;
	background: transparent url(../images/cn.gif) no-repeat 0 0;
}
	
/*  Links
-----------------------------------------------------------------------*/
 
#main ul { 	list-style:none;
	margin: 0px 0px 10px 25px; 
	margin: 0px 0px 15px 15px; 
	padding: 0;  
}

#main ul li{
	margin: 0;
	padding: 0px 5px 0px 15px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 0px solid #eee;
	background: transparent url(../images/bullet.gif) no-repeat 4px 7px;	
}
 
#content ol { 
	margin: 10px 0px 15px 0px;
	padding: 0;
	}

#content ol li{
	margin: 8px 10px 0 30px;
	padding: 0;
	font-size: 1.1em; 
	line-height: 1.5em;
	color: #555;
}



a.button {
    /* Sliding right image     background: transparent url('button_right.png') no-repeat scroll top right;*/ 
    display: block;
    float: left;
    height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

a.button span{    /* Background left image 
    background: transparent url('button_left.png') no-repeat;     display: block;*/ 
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 

a.button:hover span{
    text-decoration:underline;
}

 
.tip {
	color: #fff;
	background:#1d1d1d; background:#9D0D15;
	display:none; /*--Hides by default--*/
	padding:10px; padding: 7px 10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#map { 	background: transparent url(../images/relocation-deutschland.png) no-repeat 15px 10px;
height: 285px;
width: 229px;
float:left; 
font-family: Verdana, Geneva, sans-serif;  
font-size: 11px;
}

#tooltip { 
	border : 1px solid #dca;
	border-width : 0px 1px 1px 0px;
	background-color : #eed;
	width : 170px;
	padding : 0;
}
#main #tooltip p {
	margin : 4px 8px 3px 8px;
	color : #b00;
	font-size : 11px;
	font-family : "Lucida Sans Unicode", "Lucida Grande", Myriad, Arial;
}

.sterne {
font-size: 17px;
color: #f5ab0b;
background: transparent url("/images/stern-gelb.png") repeat-x 0 2px;
width: 65px;
height: 15px;
display: block;
float: left;
margin: 0 5px 0 0;
}

.disp {display:none}

/*  Bilder
-----------------------------------------------------------------------*/
.shadow  {
	padding: 4px;
	display: block;
}

.img-schatten {
	margin: 11px 10px 10px 0;}

.img-schatten img {
  	border: 1px solid #ddd;
  	margin: -6px 0px 10px -6px;
	padding: 6px;
	display: block;
  	position: relative;
  	background-color: #F7F8FA;
}

.rightalign {
	float: right;
	margin: 2px -15px 0 8px;}
	
	
.leftalign {
	float: left;
	margin: 5px 12px 0px 0px;	
	}
	
#home .leftalign {
	float: left;
	margin: 0px 0px 0px 0px;	
	}

#home .rightalign {
	float: right;
	margin: 0px 0px 0px 0px;	
	}
	
	
#jubilaeum {float: left;
margin-left: 20px;}



.table {
    width: 405px;
    margin-bottom: 20px;
	margin: 0 0px 20px 17px;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}


.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}



tbody tr {
   background: transparent url(../images/opa20black.png) repeat 0px 0px;;
}

tbody tr:nth-child(odd) {
   background: transparent url(../images/opa50black.png) repeat 0px 0px;;
}

tbody td {padding: 5px 6px;}

#cookie-bar {background:#9D0D15; height:auto; line-height:24px; color:#ffffff; text-align:center; padding:10px 0; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0 20px;font-size:1.0em}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:underline; }
#cookie-bar a:hover {color:#ffffff; display:inline-block; text-decoration:none; }
#cookie-bar .cb-enable {background:#75900c; text-decoration:none; border-radius:3px;  padding:1px 8px; margin-left:8px;}
#cookie-bar .cb-enable:hover {background:#666666;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}