/*------------------------------------------------------------------ 
[Master Stylesheet] 
 
Project:    	die-winter-bonuss.de
Version:    	1.0
Last change:	
Assigned to:	Christian Nauerz
-------------------------------------------------------------------*/ 


/*------------------------------------------------------------------ 
[Color codes] 

Background: 


-------------------------------------------------------------------*/


/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Useful Classes
2. Body, Container, Logo
3. Menu
4. Typrography
5. Generel
6. Site Elements
7. Backend
-------------------------------------------------------------------*/


/* -------------------------------------------------------------- 
   1. Useful Classes
-------------------------------------------------------------- */

.left 	{ flaot: left; }
.right 	{ float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left; display: inline; }
.float-right { float:  right; display: inline; }

/*.clear Siehe unten. Mit IE-Hack für alle Browser ausser IE */
.clear { clear: both; background: none; border: none; height: 0px;}
.block { display: block; }
.space-vertical { padding: 20px 0; }


/* -------------------------------------------------------------- 
   2. Body, Container, Logo
-------------------------------------------------------------- */

html, body {
	background: #000;
	padding: 0px;
	margin:0px;
}


.container {
	background: url(../img/background.jpg);
	width: 1000px;
	height: 615px;
	margin: 0 auto;
}

.header { }
.logo   {
    width: 125px;
    height: 84px;
    float: left;
}

.metanav {
	float: right;
	margin: 25px;
}

* html .logo {
	float: none;
}

.content {
	position: relative;
	top: 37px;
    clear: both;
    width: 491px;
    height: 332px;
    overflow: auto;
    padding: 25px;
    margin: 0 0 0 123px;
}

.dvd {
	margin: 45px 0 0 25px;
}


/*-----------------------------------------------------------
   4. Typography
-------------------------------------------------------------- */

body, p, a, a:link, a:visited, a:active {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
}

h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}


p {
    line-height: 16px;
    margin-bottom: 25px;
}


.impressum p {
	margin-bottom: 20px;
	}

.metanav a {
	font-size: 12px;
	color: #4c4c4c;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 15px;
	
	display:block;
	text-indent: -999em;
	height:7px;
	
	float: left;
}

.metanav a.chevrolet {	background: url(../img/link-chevrolet.png); width:98px; }
.metanav a:hover.chevrolet { background: url(../img/link-chevrolet-aktiv.png); }

.metanav a.datenschutz {	background: url(../img/link-datenschutz.png); width:66px; }
.metanav a:hover.datenschutz { background: url(../img/link-datenschutz-aktiv.png); }

.metanav a.impressum {	background: url(../img/link-impressum.png); width:56px;}
.metanav a:hover.impressum { background: url(../img/link-impressum-aktiv.png); }


.metanav a.last {
	margin: 0;
}
.metanav a:hover {
	color: #000;
}


/* -------------------------------------------------------------- 
   5. General
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
   6. Site Elements
-------------------------------------------------------------- */

/* Homepage Tabelle*/
table {
    border-collapse: collapse;
    border-spacing: none;
    margin: 0;
    padding: 0;
    clear: both;
    width: 470px;
    margin-bottom: 15px;
}

table td, th {
    padding: 0;
}

table th {
    font-weight: bold;
    vertical-align: top;
    color: #000;
    padding: 7px 0;
    font-size: 11px;
}

table.haendler th {
    width: 350px;
}

table.haendler th.plz {
    width: 74px;
}

table tr td {
	color: #4c4c4c;
    font-size: 11px;
    padding: 7px 10px 7px 0;
    vertical-align: top;
    border-top: 1px solid #000;
}

table tr:hover td {
	color: #000;
}


table.haendler tbody tr:hover {
    cursor: pointer;
}

table.haendler tr td a, table.haendler tr td a:visited, table.haendler tr td a:active {
    font-size: 11px;
	color: #4c4c4c;
    text-decoration: none;
}

table.haendler tr:hover td a {
	color: #000;
}


/* end Homepage */

/* Haendler: Gutscheine */
div.gutschein img {
    float: left;
    margin: 0 15px 20px 0;
    border: 1px solid #ddd;
}

div.gutschein h2 {
    font-size: 12px;
    font-weight: bold;
}

div.gutschein p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}

div.gutschein span {
	width: 400px;
	display: block;
	float: right;
}

div.gutschein a, div.gutschein a:active, div.gutschein a:visited {
	display: block;
	background: url(../img/button.png);
	width: 112px;
	height: 21px;
	font-size: 9px;
	line-height: 21px;
	text-align: center;
	font-weight: bold;
    color: #4c4c4c;
    text-decoration: none;
    margin: 5px 0 0 0;
}

div.gutschein a:hover {
	color: #000;
}

div.gutschein {
    clear: both;
    margin-bottom: 25px;
    height: 90px;
}

/* end Haendler: Gutscheine */



/* Formulare */
fieldset {
    border: 1px solid #aaa;
    padding: 20px;
    margin-bottom: 50px;
    clear: both;
}

legend {
    padding: 0 5px;
    color: #777;
}

label {
    display: block;
    width: 200px;
    font-weight: bold;
}

fieldset select {
    margin-bottom: 20px;
}

textarea.text {
    width: 430px;
    height: 300px;
}

input.text {
    border: 1px solid #aaa;
    padding: 4px;
    margin-bottom: 20px;
    width: 430px;
    color: #000;
}

input.submit {
    display: block;
}

a.logout {
    display: block;
    color: #000;
    text-decoration: underline;
    margin-bottom: 30px;
    float: right;
}
/* end Formulare */

/* Impressum */
div.footerImpressum {
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.footerImpressum a {
	color: #000;
	}

/* end Impressum */

/* Flash-Hg */
div.overflash {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 1000px;
}

*+html div.overflash {
	margin-left: -1000px;
}

* html div.overflash {
	margin-left: -1000px;
}

* html body {
	text-align: center;
}

* html .container {
	text-align: left;
}

* html .metanav {
	position: absolute;
	top: 10px;
	right: 25px;
	float: none;
}
* html .metanav a, * html .metanav a:visited, * html .metanav a:active {
	height: 7px;
	font-size: 5px;
}

* html .metanav a.chevrolet {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-chevrolet.png', sizingMethod='scale');
	background:none;
}
* html .metanav a:hover.chevrolet {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-chevrolet-aktiv.png', sizingMethod='scale');
	background:none;
}
* html .metanav a.datenschutz {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-datenschutz.png', sizingMethod='scale');
	background:none;
}
* html .metanav a:hover.datenschutz {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-datenschutz-aktiv.png', sizingMethod='scale');
	background:none;
}
* html .metanav a.impressum {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-impressum.png', sizingMethod='scale');
	background:none;
}
* html .metanav a:hover.impressum {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/link-impressum-aktiv.png', sizingMethod='scale');
	background:none;
}

* html .content {
	width: 543px;
	height: 380px;
	top: 37px;
}

* html table.haendler tr td a:hover {
	color: #000;
}

* html div.gutschein a, * html div.gutschein a:visited, * html div.gutschein a:active {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/button.png', sizingMethod='scale');
	background:none;
}

* html h1.home img {
	display: none;
}
* html h1.home {
	display: block;
	width: 463px;
	height: 26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/headline-home.png', sizingMethod='scale');
	background:none;
}

* html h1.haendler img {
	display: none;
}

* html h1.haendler {
	width: 460px;
	height: 26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/headline-haendler.png', sizingMethod='scale');
	background:none;
}

*+html h1 img 	{
	width: 470px;
	}