/* 
    Document   : prov.css
    Created on : 25.03.2010, 03:24:13
    Author     : Daniel
    Description:
        Provisorisches Stylesheet für die Seite time out 7 nights.
        
        This Page contains:
        
   M     M    I    SSS     OOO
   MM   MM    I   S   S   O   O
   M M M M    I    S      O   O
   M  M  M    I     S     O   O
   M     M    I      S    O   O
   M     M    I   S   S   O   O
   M     M    I    SSS     OOO
---------------------------------------
MISO is an architectural lettering font
completed in 2006 by Mårten Nettelbladt.
---------------------------------------
MISO is available in three weights
(Light, Regular, Bold) 
in TrueType format for Windows.
---------------------------------------

 L I C E N S E   I N F O R M A T I O N
---------------------------------------
You can use MISO for free.
You can share MISO with your friends
as long as you include this text file.
You are NOT permitted to sell MISO.

---------------------------------------
If you have any comments about MISO
please let me know!

miso (a) omkrets.se
---------------------------------------
October 23rd 2006
Mårten Nettelbladt
Omkrets arkitektur

June 24th 2007
Some small adjustments

November 27th 2008
Open Type format added.
Thanks to Torin Hill!

*/
/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Mårten Nettelbladt
 * @vendorurl:  http://omkrets.se/typografi/
 * @licenseurl: http://www.fontsquirrel.com/license/Miso
 *
 *
 */
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
 * START - Provisorische Styles
 */

body.prov #header {
    width:100%;
}

body.prov #prov_header {
    width:960px;
    margin:0 auto;
	text-align:center;
}

body.prov #main {
    margin:0 0 0 220px;
}

body.prov #prov h1 {
    text-transform:uppercase;
    font-weight:normal;
    margin:0;
}

body.prov #prov h2 {
    color:#ff6400;
    font-weight:normal;
    text-transform:uppercase;
}

body.prov #prov a {
    color:#ff6400;
    text-decoration: none;
}

body.prov #prov a:hover {
    text-decoration: underline;
}

/*
 * ENDE - Provisorische Styles
 */

@font-face {
	font-family: 'MisoLight';
	src: url('miso-light.eot');
	src: local('Miso Light'), local('Miso-Light'), url('miso-light.ttf') format('truetype');
}

@font-face {
	font-family: 'MisoRegular';
	src: url('miso.eot');
	src: local('Miso Regular'), local('Miso'), url('miso.ttf') format('truetype');
}

@font-face {
	font-family: 'MisoBold';
	src: url('miso-bold.eot');
	src: local('Miso Bold'), local('Miso-Bold'), url('miso-bold.ttf') format('truetype');
}

root { 
    display: block;
}

body {
    font-family:Arial, Verdana, Sans-serif;
    font-size:11px;
    color:#fff;
    background: #1e2b33 url('../img/body_bg.png') repeat-x 0 0;
    margin:0;
	position:relative;
}

a {
	color:#ff6400;
	text-decoration:none;
}

a:hover {
	color:#ff8400;
}

#wrapper {
    width:100%;
}

#header {
	width:960px;
	height:180px;
	margin:0 auto;
	background-image:url('../img/logo_header.png');
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
}

#header div.mod_navigation {
	height:158px;
	width:780px;
	position:absolute;
	top:0;
	left:0;
}

#header div.mod_navigation ul {
	overflow:hidden;
	list-style:none;
	position:absolute;
	left:0;
	bottom:0;
	padding:0;
	margin:0;
}

#header div.mod_navigation ul li {
	font-family: 'MisoRegular';
	font-size: 26px;
	text-transform:lowercase;
	display:block;
	float:left;
	padding:0 8px 1px 10px;
	text-shadow:1px 1px 3px #111;
}

#header div.mod_navigation ul li a,
#header div.mod_navigation ul li span {
	color:#e1e1e1;
	text-decoration:none;
}

#header div.mod_navigation ul li a:hover {
	border-bottom:1px solid #ff8400;
}

#header div.mod_navigation ul li.active span {
	border-bottom:1px solid #ff6400;
}

#header div.mod_navigation ul li.active {
	cursor:default;
}

#header div.mod_navigation ul li.first {
	padding-left:20px;
}

#header #stoerer {
	float:right;
}

#container {
	overflow:hidden;
	margin:15px auto 0 auto;
	width:960px;
}

#container #main {
	width:660px;
	margin:0 20px;
	display:inline;
	float:left;
}

#container #main div.inside {
	margin:0 0 35px 0;
}

#container #main div.inside div.mod_article {
	background:transparent url('../img/art_bg.png') 0 24px no-repeat;
	margin:0 0 30px 0;
}

#container #main h1 {
	font-family: 'MisoLight';
	font-size: 24px;
	text-transform:uppercase;
	margin:0;
}

#container #main h2 {
	padding:0 0 0 12px;
	margin:18px 0 7px 0;
	font-size:14px;
	text-transform:uppercase;
}

#container #main h3 {
	padding:0 0 0 12px;
	margin:0 0 8px 0;
	text-decoration:underline;
}

#container #main p {
	padding:10px 40px 0 12px;
	font-size:12px;
	line-height:16px;
	margin:0;
	text-align:justify;
}





#container #right {
	width:240px;
	margin:0 20px 35px 0;
	float:right;
}

#container #right h1 {
	font-size:22px;
	font-family: 'MisoRegular';
	text-transform:uppercase;
	border-bottom:1px solid #888;
	margin:0;
}

#container #right h2 {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#container #right div.inside .ce_text {
	border-bottom:1px solid #888;
}

#container #right #inhaltstoffe ol {
	list-style: inside decimal;
	padding:0;
}

#footer {
	background:url('../img/foot_bg.png') repeat-x 0 0;
	height:320px;
	padding:20px 0 0 0;
}

#footer div.inside {
	width:920px;
	height:250px;
	margin:0 auto;
	overflow:visible;
}

#footer div.inside div {
	height:100%;
	border-bottom:1px solid #888;
	float:left;
	margin:0 20px 0 0;
}

#footer h1 {
	font-family: 'MisoRegular';
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
	line-height:30px;
	font-size: 30px;
	padding:0 0 20px 10px;
	margin:0;
	border-bottom:1px solid #888;
}

#footer div.inside div.ce_text {
	margin:0;
	padding:0 0 0 10px;
}

#footer div.ce_text h2 {
	text-decoration:underline;
	font-size:12px;
	padding:0;
	margin:14px 0 16px 0;
}

#footer div.ce_text p {
	line-height:14px;
	padding:0;
	margin:0 0 20px 0;
}

#footer div.ce_text p span {
	color:#555;
}

#footer #mainfoot div.ce_text {
	width:190px;
}

#footer #mainfoot {
	width:400px;
}

#footer #support {
	width:240px
}

#footer #sky_sport {
	width:240px;
	margin:0;
}

#footer #sky_sport #sky_logo {
	height:50px;
	margin:0;
}

#footer #sky_sport #sky_logo img {
	padding:0 0 0 10px;	
}

#footer #dna {
	width:250px;
	padding:26px 0 0 710px;
	margin:0 auto;
	color:#435c6b;
}

#footer #dna a {
	color:#708693;
	text-decoration:none;
}

#footer #dna a:hover {
	color:#e1e1e1;
}





#impressum div {
	margin:24px 0 0 0;
}

#preise div.ce_table {
	border-bottom:1px dotted #555;
	width:330px;
	height:180px;
	padding:0;
	margin:0 0 5px 0;
	float:left;
}

#container #main #preise h2 {
	margin:10px 0 5px 0;
}

#preise #spirituosen {
	height:430px;
}

#preise #longdrinks {
	height:430px;
}

#preise div.ce_table table {
	padding:0 0 0 12px;
	width:318px;
}

#preise div.ce_table table thead {
	font-weight:bold;
	text-align:left;
}

#preise div.ce_table table thead tr th {
	border-bottom:1px solid #555;
}

#preise div.ce_table table thead .head_2,
#preise div.ce_table table thead .head_3 {
	text-align:right;
}

#preise div.ce_table table .row_first td {
	padding:5px 0 0 0;
}

#preise div.ce_table table .col_0 {
	width:40%;
}

#preise div.ce_table table .col_1 {
	width:30%;
}

#preise div.ce_table table .col_2 {
	width:15%;
	text-align:right;
}

#preise div.ce_table table .col_3 {
	width:15%;
	text-align:right;
}

#oeffnungszeiten div.ce_table {
	padding:10px 0 0 12px;
}

#oeffnungszeiten table {
	width:50%;
}