/* --------------------------------------------------
* Filename: master.css
* Version: 1.1 (25.03.2012)
* Website: http://www.moniquebecker.lu/
* Author: Laurent Lang
* Description: Master stylesheet.
--------------------------------------------------*/

/* General */

body { font-family: 'Lato', Arial, sans-serif; color: #fff; font-weight: 400; }

h2 { font-size: 26px; font-weight: 300; margin: 0 0 15px 0; }
h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px 0; }

p { font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }

a { outline: none; }
a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }
:-moz-any-link:focus { outline: none; }


/* Overlay: Logo, Tabbed Navigation & Tabs */

h1#logo { position: absolute; top: 15px; left: 0; margin: 0; padding: 0; text-indent: -9999px; width: 250px; height: 60px; background: transparent url('../images/mb_logo.png') no-repeat scroll 0% 0%; z-index: 2; }
h1#logo a { display: block; width: 250px; height: 60px; text-decoration: none; }

ul.tabnav { position: absolute; top: 90px; left: 0; margin: 0; padding: 0; z-index: 2; }
ul.tabnav li { display: inline; width: 90px; margin: 0 0 5px 0; padding: 6px 12px; float: left; clear: both; color: #fff; background: rgba(0,0,0,0.7); font-size: 16px; text-align: right; }
ul.tabnav li a:hover { text-decoration: none; }

.tab { width: 600px; top: 15px; left: 300px; background: rgb(0,0,0); background: rgba(0,0,0,0.7); position: absolute; padding: 15px; z-index: 2; display: none; }

ul.tabnav li, .tab { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); }

ul#deco_galleries { margin: 0; }
ul#deco_galleries li { display: block; float: left; margin: 0 50px 20px 0;  }
ul#deco_galleries li a { display: block; width: 200px; height: 160px; font-size: 16px; text-align: center; }
ul#deco_galleries li img { display: block; padding: 8px 0 0 0; }
ul#deco_galleries li img:hover { text-decoration: none; }


/* Classes */

.img_margin { margin: 0 15px 15px 0; }

a.close_tab { position: absolute; top: -10px; left: 615px; }

.bold { font-weight: 700; }
.fs16 { font-size: 16px; }
.subheading { font-size: 16px; font-weight: 300; }

.ie6 .clearfix { height: 1%; }
.ie7 .clearfix { display:inline-block; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*  No JavaScript Warning */

#js_warning { display: none; }
.no-js #logo, .no-js .tabnav, .no-js .tab { display: none; }
.no-js #js_warning { display: block; margin: 0 auto; margin-top: 50px; padding: 10px; width: 500px; z-index: 10; background: #111; border: 2px solid #fff; color: #fff; text-align: center; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; }


/*  IE6 Warning */

#ie6_warning { display: none; }
.ie6 #logo, .ie6 .tabnav, .ie6 .tab { display: none; }
.ie6 #ie6_warning { display: block; margin: 0 auto; margin-top: 50px; padding: 10px; width: 500px; z-index: 10; background: #111; border: 2px solid #fff; color: #fff; text-align: center; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; }
.ie6 #ie6_warning a { text-decoration: underline; }

div#profil table td
{
  vertical-align: top;
  padding: 2px 5px 2px 5px;
}
