/* CSS Document */
/***** ALGEMEEN *****/
* {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
}
a:link, a:visited {
color : #94271d;
}
a:hover {
color : #000;
}
/***** TOP *****/
#top {
width : 810px;
height : 74px;
margin : 0 auto;
}
.oasislogo {
padding-top : 8px;
float : left;
}
.nomadiclifeLogo {
float : right;
}
/***** HEADER *****/
#header {
height : 211px;
width : 100%;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
background-color : #f8f8f8;
}
#headerImages {
width : 810px;
height : 208px;
padding-top : 4px;
margin : 0 auto;
background:url(../assets/header_bg_under.gif) bottom repeat-x;
}
#imgLeft, #imgMid {
float : left;
padding-right : 5px;
}
#imgRight {
float : left;
}
.imgpadding {
padding-right : 5px;
}
#nav {
height : 40px;
width : 810px;
height : auto;
margin: 0 auto;
}
/***** MENU *****/
#menu {
float : right;
border-bottom : 1px solid #7c6e61;
display : table;
list-style-type : none;
white-space : nowrap;
}
#menu li {
display : table-cell;
margin : 0 0 0 0;
font-size : 14px;
float : left;
}
#menu a {
font-family : Trebuchet MS;
width : auto;
display : block;
padding : 18px 7px 6px 7px;
margin : 0 0 0 1px;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
color : #444;
text-decoration : none;
}
#menu a {
float : left;
display : inline;
}
#menu a:hover, #menu a.current {
background : url(../assets/menu_bg.gif) bottom repeat-x;
}
/***** SUBMENU *****/
#submenu {
float : left;
width : 167px;
padding : 10px 10px 16px 22px;
background : url(../assets/submenu.gif) no-repeat top right;
}
#submenu ul {
width : 150px;
}
#submenu li {
line-height : 30px;
list-style : none;
display:inline;
}
#submenu li a {
font-size : 12px;
padding : 0 0 0 20px;
margin : 0 0 0 0;
display:block;
border-bottom : 1px solid #ddd;
}
#submenu li a:link, #submenu li a:visited {
font-weight : bold;
text-decoration : none;
color : #666;
}
#submenu li a:hover {
color : #a83a2c;
}
#listFriend a {
background : url(../assets/list_tell.gif) no-repeat 0 50%;
}
#listFriend a:hover {
background : url(../assets/list_tell_hover.gif) no-repeat 0 50%;
}
#listWebsite a {
background : url(../assets/list_link.gif) no-repeat 0 50%;
}
#listWebsite a:hover {
background : url(../assets/list_link_hover.gif) no-repeat 0 50%;
}
#listContact a {
background : url(../assets/list_contact.gif) no-repeat 0 50%;
}
#listContact a:hover {
background : url(../assets/list_contact_hover.gif) no-repeat 0 50%;
}
/***** CONTENT *****/
#content {
width : 810px;
margin : 0 auto;
background : url(../assets/line.gif) 611px 42px no-repeat;
}
#text {
float : left;
width : 579px;
padding : 5px 15px 8px 15px;
margin : 10px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
color : #555555;
border-left : 2px solid #AE0205;
}
#text p {
margin : 0 0 14px 0;
}
h1 {
font-size : 12px;
margin-bottom:6px;
font-weight : bold;
color : #555;
text-transform : uppercase;
}
.hiddenPic {display:none;}
.photo{
float:left;
margin:4px 10px 0px 0px;
padding:5px;
background-color:#fff;
border:1px solid #ddd;
}
li.list {
list-style:none;
background:url(../assets/list_link.gif) no-repeat left;
padding:1px 0px 1px 18px;
}
#questions{
margin-bottom:14px;
}
#questions li{
list-style:none;
background:url(../assets/pointer.gif) no-repeat 0px 4px;
padding-left:16px;
margin:0px 0px 6px 0px;
}
/***** FORMULIEREN *****/
label {
float : left;
clear : both;
width : 140px;
display : block;
margin : 1px 0;
}
input, textarea {
margin : 2px 0;
border : 1px solid #bbb;
background-color : #fbfbfb;
width : 240px;
font-size : 12px;
}
input {
padding : 1px 0;
}
input#page_status{width: 0;}
.submitbutton {
background-image : url(../assets/submit.gif);
background-repeat : repeat-x;
border : 1px solid #666;
padding : 1px 11px 2px 11px;
}
#Submit {
width : 71px;
height : 20px;
border : 0;
padding : 0;
}
/***** FOOTER *****/
#footer {
clear : left;
height : 20px;
width : 100%;
border-top : 1px solid #958373;
}
#footertext {
font-family : Tahoma;
text-transform : uppercase;
font-size : 10px;
color : #999;
line-height : 40px;
width : 810px;
margin : 0 auto;
}
/***** CLEARFIX *****/
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}