/**
 * Default css for every page
 *
 * @category   Dessign
 * @package    Dessign_Css
 * @copyright  Copyright (c) 2009 Dessign GmbH
 * @author     Wolfram Huesken <wolframhuesken@dessign.de>
 * @filesource $HeadURL: svn://otrs/saalbach-booking/trunk/httpdocs/resources/css/page.css $
 * @date       $Date: 2009-09-24 09:48:15 +0200 (Do, 24. Sep 2009) $
 * @version    $Id: page.css 60 2009-09-24 07:48:15Z wolframhuesken $
 */

/* Defaults */
html {
    overflow: -moz-scrollbars-vertical;
    font-family: Arial;
}

*:-moz-any-link:focus {
    outline: none;
}

body {
    background-image: url(../images/bg_verlauf.jpg);
    background-repeat: repeat-x;
    background-color: #003b7f;
}

h1 {
	font-size: 14px;
	margin-bottom: 15px;
}

p {
	margin-bottom: 20px;
}

a {
	color: #E8EBF2;
}

#IntroContainer {
    position: relative;
    width: 940px;
    margin: auto;
}

#Container {
	position: relative;
	width: 720px;
    margin: auto;
}

    #Logo {
        position: relative;
        margin-top: 37px;
        text-align: center;
    }

#MainNavigation {
	/*padding: 10px 0 0 15px;*/
	border: 3px solid white;
	margin-top: 20px;
	height: 40px;
	font-weight: bold;
	width: 714px;
	background-color: #00194c;
}

#SubNavi {
	background-color: #003b7f;
}

#SubNavi a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	margin-right: 10px;
	padding: 8px 0px 7px 13px;
	display: block;
	float: left;
}

#NavItems {
	/*float: left;*/
	text-align: center;
	white-space: nowrap;
	padding-top: 13px;
	font-size: 12px;
}

#Sound {
	float: right;
	margin-top: 2px;
}

	#NavItems a, #Sound a, #Sound {
		color: white;
		text-decoration: none;
		padding-right: 8px;
		padding-left: 8px;
	}

	#NavItems a.active, #Sound a.active, #SubNavi a.active {
		color: #0694ee;/* 3DD5DA */
	}
	
	/*#NavItems a {font-size:12px;}
	#NavItems a:link {font-size: 12px; }
	#NavItems a:hover {font-size: 12px; }
	#NavItems a:visited { font-size: 12px;}
	#NavItems a:active {font-size: 12px; }*/

#ContentContainer {
	border-top: none;
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
	background-color: #00194c; /* 39558c 00194c */
	width: 714px;
}

#Image {
	float: left;
	width: 388px;
	height: 250px;
}

#Content {
	position: relative;
	float: right;
	font-size: 12px;
	line-height: 130%;
	width: 282px;
	padding: 10px 10px;
	color: #d0d6e4; /* 84b1d6 d0d6e4 */
	
}

#RadioPopup {
	position: absolute;
	bottom: 2px;
	left: 5px;
}

#Beer {
	padding-left: 20px;
}

#Flash {
	position: absolute;
	top: -138px;
	left: 0px;
	width: 675px;
	height: 240px;
}

	#Team .image {
		width: 139px;
		height: 196px;
		vertical-align: top;
	}

		#Team .image img {
			display: block;
		}

	#Team .text {
		font-size: 12px;
		line-height: 130%;
		padding: 6px 10px;
		background-color: #b5caf5;
		vertical-align: middle;
	}

	#Team tr {
		border-bottom: 2px solid white;	
	}
	
	#Formular .button {
            width: 120px;
        }

        #Formular input, select, textarea {
            width: 200px;
            background-color: #d0d6e4; 
            border: 1px solid #e8ebf2;
        }
        
        #Formular{
            padding: 2px;
            vertical-align: middle;
            text-align: left;
        }
        
        #Formular span {
            font-size: 0.9em;
            line-height: 16px;
        }
    
    #contentTable table, td, th {
    		padding: 5px;
            vertical-align: top;
    }
    
.tdmid {
	vertical-align: middle;
	padding: 1px;
}

.right {
	text-align: right;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.left {
	text-align: left;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}