/*
................................................................

 PromilleZone.de - mainstyle.css  |  by i-Medien.com

................................................................
*/




html {overflow-x:hidden;}

body {
	font: normal 11px /18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0; /* für Opera */
	background: #FFF url(img/profil_header.gif) no-repeat;
}

td {
	font: normal 11px /18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}




/* DIV-Layer
............................................................... */

#container {
	overflow: hidden;
	width: 400px;

}

#wrapper {
	margin: 0px 0px 0px 0px;
	width: 400px;

}



#promillezone {
	width: 400px;
	float: left;
	height: 3px;
	
}

#head {
	text-align: right;
	background: #fff url(img/profil_header.png) no-repeat;

}



#inhalt {
	margin: 0px 0px 0px 4px;
	float: left;
	padding: 8px 0px 0px;
	text-align:left;
	width: 400px;
}

#spalte-rechts {
	float: right;
	text-align: left;
	width: 130px;
}

#hauptmenu, #snapshot {
	background: #ececec url(img/bg_menu-top-left.gif) no-repeat;
	border-bottom: 3px solid #686c89;
}

#snapshot {
	background: #ececec url(img/bg_menu-top2-left.gif) no-repeat;
}

/* Abstandhalter zwischen einzelnen DIVs im Menu */
div.space_menu, div.space_menu_large {

	height: 49px;
}
div.space_menu2 {

	height: 19px;
}

/* Großer Abstandhalter in der rechten Spalte oben */
div.space_menu_large {
	background: #fff;
	height: 30px;
}

#statistik, #user {
	background: #ececec url(img/bg_menu-top-right.gif) no-repeat;
	border-bottom: 3px solid #686c89;
}

#user {
	background: #ececec url(img/bg_menu-top2-right.gif) no-repeat;
}

div.inhalt-menu-rechts {
	font-size: 10px;
	text-align: left;
	line-height: 13px;
	border-left: 1px solid #ccc;
	width: 124px;
}

#foot {
	clear: both;
	float: left;
	text-align: center;
	background: url(img/bg_foot_profil.gif) right no-repeat;
	width: 577px;
}




/* Tabellen
............................................................... */

table.light {
	background: #C1D1EA  url(img/bg_table-light.gif) repeat-x center;
}

td.line {
	background: #C1D1EA;
}



/* Schriftformatierungen und Absaetze
............................................................... */

h1 {
   font-size: 18px;
   font-weight: bold;
   letter-spacing: 1px;
   border-bottom: 1px solid #686c89;
}

h2 {
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1px;
   border-bottom: 1px solid #686c89;
   display: inline;
}

/* Ueberschriften in den Menues links und rechts, wie z.B. "Statistik" */
span.menutop {
	line-height: 22px;
	letter-spacing: 1px;
	margin-left: 1px;
}
span.aufz {
	line-height: 12px;
}

span.rot {
	color: #b50000;
}

span.sml-strong {
	font-size: 10px;
	font-weight: bold;
	color: #666;
}




/* Links
............................................................... */

a {color: #5686C6; text-decoration: none;}
a:hover {color: #000;}

/* Links vom Username auf Userprofile */
a.user {color: #000; text-decoration: none;}
a.user:hover {color: #000; text-decoration: underline;}

/* normale Links mit Hover-Hintergrund #D4E29A */
a.back {color: #4175BE; text-decoration: none;}
a.back:hover {color: #000; background:#D4E29A;}

/* Hauptmenue links */
a.menu {
	font-size: 10px;
	font-weight: bold;
	color: #000 !important;
	text-indent: 5px;
	text-decoration: none;
	display:block;
	border-right: 1px solid #ccc;
	width:129px;
}
a.menu:hover {background:#D4E29A; }

a.menu2 {
	font-size: 10px;
	font-weight: bold;
	color: #000 !important;
	text-indent: 5px;
	text-decoration: none;
	display:block;
	border-right: 1px solid #ccc;
	width:129px;
}

a.menu2:hover {background:#F44747}




/* Buttons, Formulare
............................................................... */

/* Textfelder */
input, textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #f7f7f7;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ccc;
	}

/* Textfelder oben */
input.login, input.loginfocus {
	border-top: 1px solid #90AE32;
	border-right: 1px solid #97B734;
	border-bottom: 1px solid #A2C439;
	border-left: 1px solid #7B9C40;
}

/* Login Textfelder, Login Textfelder over */
.login, .loginfocus  {
	background-color: #ECECEC;
	height: 12px !important;
	width: 70px;
	min-height: 12px;
}

.loginfocus {
	background-color: #8EADD9;
}

/* Buttons */
submit, .button {
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #E74031 url(img/bg_button.gif);
    border: 1px solid #BC3226;
    height: 16px;
}

/* Drop-Down-Listen */
select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    background: #84A6D6;
}




/* Bilder
............................................................... */

/* normale Bilder */
img {
	border: 0px;
}

/* leichter grauer Rand */
img.light-border {
	border: 1px solid #CCC;
}

/* Banner oben */
img.banner {
	border: 1px solid #999;
}

/* Werbung im Menu mit Rand unten */
img.werbung {
	border-bottom: 1px solid #CCC;
}

img.logo {
	float: left;
}