@import "verticalmenu.css";
/* imports the compact menu 
   maybe move this to a conditional in the default.xt
*/


/*Reset CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




#header { background: #333399; padding:0 5px; overflow:hidden; height:210px; border-bottom:2px solid white;}

.bannerimage {width:310px; float:left; text-align:center;}
#topbanner {margin:0px; padding:0px; list-style:none;}
#navigation{
    background: #ADACDC;
    height:67px;
    padding:0;
    margin:0;
    text-align:left;
    overflow:hidden;
}
#navigation a {
   float:left;
}
#navigation ul, #footer ul{
    width:710px;
    float:right;
    margin-top:26px;
    height:40px;
}

#navigation li , #footer li{
    font-weight:bold;
    float:left;
    margin-top:4px;
    padding:0 10px;
    display:block;
}

#languages {height:30px;}

#languages form, #languages fieldset {display:inline;}

#languages ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
    height:30px;
}
#languages li{
    float:right;
    font-size:10px;
    margin:4px 15px 0px;
}

#outer_wrapper {
	background: #333399;
	width:940px;
	margin:40px auto 5px;;
}
.three #wrapper {
    background: #333399 url(../images/threeBG.png) repeat-y;
}
.twor #wrapper {
    background: #333399 url(../images/tworBG.png) repeat-y;
}

#container {
	width: 100%;
	float: left;
	margin-right: -215px;
}
#content {
	margin-right: 215px;
}

/* depending on the body class,
   we can suppress a column */
.twol #container, .twol #content {
margin-right:0;
}

.twor #container, .twor #content {
margin-right:0;
}

#main {
	margin-left: 200px; padding:15px; 
}
.twol #main {
	margin-right:1em;
}
#left {
	width: 199px !important;
	float: left;
}
#sidebar {
	width: 215px;
	float: right;
}

.iframe-holder{
        text-align:right; 
}

.extrapics {text-align:center;}
.extrapics img{padding: 10px 0px;}
#footer {height:67px;	border-bottom: 10px solid #333399; 	background: #ADACDC;}
#footer .adresse {
	width: 199px;
    float:left;
    padding:6px;
}

.trivago {background: white; border:1px solid grey;margin:15px 10px;padding:5px;}

h1 {font-size:16px;}
h3 {font-size:14px;}

h1,h3 {
	margin-top: 0;
    font-weight:bold;
    padding-bottom:5px;
    padding-left:22px;
    line-height:22px
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

html, body, form, fieldset {
        margin: 0;
        padding: 0;
}
html, body {
        font-family:Verdana,Arial,Trebuchet MS,Tahoma;
        color:white
}
body {
font-size:12px;
}
h1 {
    margin: 0 0 1em 0;
    }
/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
img { border:none; }




#content {
    }

/* XARAYA REQUIRED CLASSES */
a {
    text-decoration:none;
    color:#AAAAAA;
}
a:hover {
    text-decoration:underline;
    color:#EEEEEE;
}
blockquote {
}
body {
}
code {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
th {
}
td {
}
table {
}
thead {
}
tbody {
}
tfoot {
}
p {
    line-height:130%;
    margin-bottom:20px;
}
pre {
}
input {
}
button {
}
select {
}
textarea {
}
img {
}
li {
}
ul {
}
ol {
}
sup {
}
sub {
}

/*  XARAYA REQUIRED INDIVIDUAL CLASSES */
td.xar-norm {}
td.xar-alt {
    background:#efefef;
}

/*  XARAYA REQUIRED ANONYMOUS CLASSES  */

ul.xar-menu-section {
    list-style:none;
    }

li.xar-menu-section {
    margin:0;
    padding:0;
}
.xar-menu-section ul {
    list-style:none;
    margin-top:0;
    margin-bottom:0;
}

.xar-menu-section li {
margin-left:0;
}
.xar-menu-section li li li {
padding-left:1em;
}

.xar-menu-section a {
    text-decoration:none;
    color:#333399;
}
.xar-menu-section a:hover {
    color:white;
}

/* these defaults apply to the left block group */
.xar-block-head, .xar-block-body, .xar-block-foot {
    padding:0 1em;
    }

.xar-block-head, .xar-block-head-right, .xar-mod-head {
padding:1em !important;
}
.xar-block-title, .xar-block-title-right, .xar-mod-title {
    width:100%;
    display:block;
}
.xar-block-body { margin-bottom:15px;
}
.xar-block-foot {
}

/* right block group classes */
.xar-block-head-right, .xar-block-body-right, .xar-block-foot-right {
    padding:1em 1em;
    }
.xar-block-head-right {
    }
.xar-block-head-right{
}
.xar-block-title-right {
}
.xar-block-body-right {
}
.xar-block-foot-right {
}

/* topnav block group classes */
.xar-block-head-topnav {
}
.xar-block-title-topnav {
}
.xar-block-body-topnav {
}
.xar-block-foot-topnav {
}

/* center block group classes */
.xar-block-head-center{
}
.xar-block-title-center {
}
.xar-block-body-center {
}
.xar-block-foot-center {
}
.xar-mod-head {
}
.xar-mod-title {
}
.xar-mod-body {
}
.xar-mod-foot {
}
.xar-alt {
    background:#7777FF;
}
.xar-accent {
    background:#7777FF ;
}
.xar-alt-outline {
}
.xar-accent-outline {
}
.xar-norm-outline {
}
.xar-norm {
}
.xar-sub {
}
.xar-menu-section h4 {
    margin-bottom:0;
}
.xar-menu-section-current {
}
.xar-menu-item {
}
.xar-menu-item-current a {
/*    color:#000; */
    font-weight:bold;
}
.xar-menu-item a:hover {
}
.xar-menu-item:hover {
}
.xar-menu-subitem {
}
.xar-menu-subitem:hover {

}
.xar-menu-subitem-current {
}
.xar-menu-item-current > .xar-menu-subitem > a {
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
}
.xar-title {
}
.xar-error {
    color:red;
}
#main ul {
	list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#main li {
	margin-bottom:25px;
}

#left .xar-form-label {line-height:22px; width:71px !important;}
#left #useremail {width:165px !important;}