/***************************** Squelette ************************************/
#barre
{
	margin-left: -1px;
	padding: 2px;
	height: 18px;
	text-align: center;
	background: url("../images/menu_barre.png") repeat-x;
}

#bord_page_gauche
{
	background: url("../images/gauche.png") repeat-y;
}

#bord_page_droit
{
	background: url("../images/droite.png") repeat-y top right;
}

#contenu
{
	margin: 0px 50px;
}

#corps
{
	width: 645px;
	height: 433px;
	overflow: auto;
	padding-right: 10px;
	padding-bottom: 10px;
}

#footer
{
	margin: 0px 10px;
	text-align: center;
	padding: 2px 0px;
	background-color: #F5F5F5;
	border: 1px solid #DCDCDC;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	clear: both;
}

#header
{
	margin-left: -1px;
	padding: 10px;
	border: 1px solid #DCDCDC;
	background-color: #DBDBDB;
}

#info
{
	background-color: #F5F5F5;
    border: 1px solid #DCDCDC;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	width: 130px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px;
	text-align: left;
}

#menu_section
{
	width: 150px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
}

#navigation_rapide, #corps
{
	width: 645px;
	margin: 10px 10px 10px 170px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F5F5F5;
	border: 1px solid #DCDCDC;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
}
/***************************** Forme globale ************************************/
a
{
	color: #696969;
}

a img
{
	border: none;
}

blockquote
{
	text-align: justify;
}

body
{
	behavior: url(csshover.htc);
	width: 1100px;
	margin: 0px auto;
	font-size: 0.9em;
	font-family: "Trebuchet MS";
	color: #696969;
	background-color: white;
}

dd
{
	text-align: justify;
}

fieldset
{
	background-color: #ffffdd;
	border-color: #696969;
}

input,textarea
{
	font-family: "Trebuchet MS";
	font-size: 0.9em;
}

input:focus, select:focus, textarea:focus
{
	background-color: #ffffaa;
}

input:hover, select:hover, textarea:hover
{
	background-color: #f0f0f0;
}

legend
{
	font-weight: bold;
}

h1
{
	font-size: large;
	text-transform: uppercase;
}

h2
{
	color: #818181;
	font-size: medium;
	font-variant: small-caps;
}

dt
{
	font-weight: bold;
}

p
{
	text-align: justify;
}

thead td
{
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

td
{
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

ul
{
	font-weight: bold;
}

li
{
	font-weight: normal;
}

.anmerkung
{
	font-style: italic;
}

.hinweis
{
	color: #A20101;
	font-weight: bold;
}

.ms
{
	font-family: verdana;
	color: #003087;
	font-weight: bold;
	font-size: 0.75em;
	text-transform: uppercase;
}

.note
{
	font-size: 0.8em;
	font-style: italic;
}

.nur_fett
{
	font-weight: bold;
}

.rss_news
{
	border-width: 1px;
	border-style: solid;
	border-color: #696969;
	padding: 5px;
	text-align:justify;
}

.warnung
{
	font-weight: bold;
	color: #A20101;
}

/***************************** Format agb **********************************/
.agb_text
{
	text-align: justify;
}

/***************************** Format barre **********************************/
#scrollbar
{
	float:left;
	text-align: right;
	margin-right: 10px;
	width: 835px;
}

#abo_ikonen
{
	margin-right: 10px;
	overflow: auto;
	padding-right: 0px;
	text-align: right;
}

/***************************** Format footer **********************************/
#copyright
{
	font-style: italic;
	font-size: 0.9em;
}

/***************************** Format header **********************************/
#header_inhalt
{
	display: table;
	width: 100%;
	border: black solid 0px;
}

#header_leere_zelle_links
{
	display: table-cell;
	width: 8px;
	border: red solid 0px;
}

#header_leere_zelle_rechts
{
	display: table-cell;
	width: auto;
	border: red solid 0px;
}

#header_links
{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 142px;
	border: green solid 0px;
}

#header_links a
{
	text-decoration: none;
	color: #898989;
}

#header_title
{
	display: table-cell;
	width: 662px;
	text-align: center;
	vertical-align: middle;
	border: blue solid 0px;
}

#linksliste_header
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.9em;
	border: brown solid 0px;
}

#logo_header
{
	display: table-cell;
	width: 147px;
	text-align: left;
	vertical-align: middle;
	border: yellow solid 0px;
}


/***************************** Format job ************************************/
#adresse
{
	background: transparent url(images/url1.png) no-repeat 5px center;
	padding-left:25px;
}

/***************************** Format menu ************************************/
.niveau1, .niveau2, .niveau3
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.niveau1 a, .niveau2 a, .niveau3 a
{
	color: #696969;
	display: block;
	text-decoration: none;
}

.niveau1 a:hover, .niveau2 a:hover, .niveau3 a:hover
{
	background: url("images/pfeil_blau.png") no-repeat 15% 50% #DCDCDC;
}

.niveau1 li, .niveau2 li, .niveau3 li
{
	border: 1px solid #DCDCDC;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	background-color: #F5F5F5;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
}

#menu_section ul
{
	padding: 0px;
	width: 150px;
	margin: 0px;
}

#menu_section li:hover
{
	background: #F5F5F5;
}

#menu_section li.untermenue:hover
{
	background: url("images/pfeil_blau.png") 95% 50% no-repeat;
	background-color: #F5F5F5;
}

/* Rajout d'une petite fleche pour les sous menu */ 
#menu_section li.untermenue
{
	background: url("images/pfeil_blau.png") 95% 50% no-repeat;
	background-color: #F5F5F5;
}

#menu_section ul li
{
	position: relative;
	list-style: none;
}

#menu_section ul ul
{
	position: absolute;
	top: -1px;
	left: 150px;
	margin-left: 2px;
	display:none;
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
#menu_section li a
{
	display:block;
}

#menu_section ul.niveau1 li.untermenue:hover ul.niveau2,
div#menu_section ul.niveau2 li.untermenue:hover ul.niveau3
{
	display:block;
}

div#menu_section li a:hover, div#menu_section ul ul li a:hover, div#menu_section ul ul ul li a:hover
{
	background: url("images/pfeil_rot.png") 15% 50% no-repeat;
	background-color: #DCDCDC;
}

ul .niveau2
{
	background: transparent;
	border: 0px;
}
/***************************** Format projekte*******************************/
#projekte_table
{
	border-collapse: collapse;
	display: table;
	width: 100%;
}

.projekte_tr
{
	display: table-row;
}

.projekte_td
{
	display: table-cell;
	padding: 5px;
	text-align: center;
	width: 25%;
}

.projekte_td_ende
{
	padding: 5px;
	text-align: center;
	width: auto;
}

.projekte_untertitel
{
	font-size: 0.87em;
}

/***************************** Format referenzen*******************************/

.referenz_bereich
{
	font-weight: bold;
	color: #A20101;
}

.referenz_unterbereich
{
	color: #008107;
}

.clients_blau li
{
	list-style-image: url('images/pfeil_blau.png');
}

.clients_gelb li
{
	list-style-image: url('images/pfeil_gelb.png');
}

/***************************** Format sprachenseiten*******************************/
.daten
{
	font-weight: bold;
	text-decoration: underline;
	line-height: 170%;
}

#landesstaerken_blau li
{
	list-style-image: url('images/pfeil_blau.png');
}

#landesstaerken_gelb li
{
	list-style-image: url('images/pfeil_gelb.png');
}

#landesstaerken_rot li
{
	list-style-image: url('images/pfeil_rot.png');
}

#sprachengrunddaten
{
	float: right;
	margin: 10px 0px 10px 10px;
	border: black ridge 3px;
	padding: 7px;
	width: 200px;
	background: #FFFFCC;
	text-align: left;
}

/***************************** Format startseite***********************************/
div.table
{
	/* 100 % fait sortir le tableau de la fenêtre */
	display: table;
	/* Joindre les bords des cellules */
	border-collapse: collapse;
	/* Forcer le tableau à prendre la largeur écran */
	width: 100%;
}

/*div.caption
{
	/* Ffox n'affiche pas le caption dans la table, il faut le déclarer bloc */
	/*display: block;
	/* Si déclaré bloc, lui donner la largeur des td cumulés */
	/* width: 400%; /* 100 % x 4 colonnes */
	/* Aligner le titre au centre */
	/* text-align: center;
}*/

div.tbody
{
	display: table-row-group;
}

div.tr
{
	display: table-row;
}

div.th
{
	display: table-cell;
	width: 32%;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.05em;
	color: #A20101;
	background-color: #C5C5C5;
}

div.td
{
	display: table-cell;
	width: 32%;
	padding: 5px;
	background-color: #E5E5E5;
}

div.esp
{
	display: table-cell;
	width: 1%;
}

div.ende
{
	width: auto;
}

#unterschrift
{
	background: url("images/unterschrift-klein.png") no-repeat right;
	height: 70px;
	
}
/***************************** Format sprachen ************************************/
.container
{
	height: auto;
	width: 100%; 
	margin-top: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	border: 0px solid black;
}

.spalte1
{
	width: 31.5%; 
	height: auto;
	float: left;
	margin-right: 1.5%;
	border-right: 3px solid #B3B3B3;
}
 
.spalte2
{
	width: 32%;
	margin-left: 1.5%;
	overflow: hidden;
	border-right: 3px solid #B3B3B3;
}
.spalte3
{
	width: 31.5%; 
	height: auto;
	float: right;
	border-right: 3px solid #B3B3B3;
}

.container_unten
{
	clear: both;
}

.sprachenliste
{
	padding-left: 20px;
}

.listenueberschrift
{
	font-weight: bold;
	color: #A20101;
}

.sprache
{
	list-style-image: url('images/pfeil_gelb.png');
}

/***************************** Format anfrage ************************************/
.eingabefeld
 {
 	left: 420px;
 	line-height: 25px;
	padding-top: 0px;
 	position: absolute;
}

/***************************** Format impressum ************************************/
#UStIdNr
{
	color: #818181;
	font-size: medium;
	font-variant: normal;
}