* {
	font-family: verdana;
}
body {
	padding: 0px;
	margin: 0px;
	overflow-y: scroll;
}
img {
	border: 0px;
}
/************* WRAPPER *************************/
/**************************************************/
#wrapper {
	width: 960px;
	margin: auto; 0px;
}

/************* KOPFZEILE *************************/
/**************************************************/
#kopfzeile {
	margin: 20px 0px 50px 0px;
	padding: 30px 20px;
	width: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background:#EFFBBF;
	font-weight:bold;
	color: #444;
	font-size: 1.1em;
	
}
/*============ scroll to top ================*/
.scrollToTop{
   width:40px; 
   height:40px;
   position:fixed;
   bottom:30px;
   right:30px;
   display:none;
   background: url(symbol/icon-top.png) no-repeat;
   cursor: pointer;
   opacity: 0.6;
}
.previewMsg {
	margin: 0 auto;
	padding: 8px 16px;
	background: rgba(219,39,42,0.80);
	color: #fff;
	text-align:center;
}
.previewMsg a {
	color: #fff;
	display:block;
	text-decoration:none;
}

/************* NAVIGATION *************************/
/**************************************************/
#navigation {
	width: 200px;
	padding-right: 30px;
	float:left;
	font-size: 0.9em;
}
#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navigation li a {
	color: #006;
	text-decoration:none;
	display:block;
	padding: 3px 5px;
	border-bottom: 0px solid #fff;

}
#navigation li a:hover {
	border-bottom: 0px solid #ccc;
	color: #925E54;	/*#339900;*/
}
#navigation li a.active {
	border: 0px solid #ccc;
	
	font-weight:bold;
}
#navigation li a.active:hover {
}
#navigation .logout {
	margin-top: 35px;
	background: url(symbol/icon_exit.png) no-repeat left center;
}
#navigation .logout:hover {
	background: url(symbol/icon_exit_hover.png) no-repeat left center;
}
#navigation .logout a {
	color: #999;
	text-decoration:none;
	font-size:0.85em;
	display:block;
	padding-left: 38px;
}

#navigation .logout:hover a {
	color: #000;
}



/************* FOOTER *************************/
/**************************************************/
#footer {
	display:none;
	margin-top: 30px;
	margin-bottom: 15px;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
	border-top: 1px solid #ddd;
	text-align:center;
}
#footer a {
	text-decoration:none;
	color: #666;
	font-size: 0.75em;
	display:block;
	padding: 2px;
}
#footer a:hover {
	background: #fcfcfc;
	color: #000;
	border-bottom: 1px solid #ddd;
}

/************* CONTENT *************************/
/**************************************************/
#content {
	float:left;
	font-size: 0.9em;
	line-height: 135%;
	margin-left: 20px;
	width: 710px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#kopfzeile,
.voltaire {
	font-family: Play, Verdana, Geneva, sans-serif;
	font-weight:normal;
}

#content h1,
#content h2,
#content h3,
#content h4 {
	color: #889354;
}

#content h1 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1.5rem;
}
#content h2 {
	font-size: 1.4rem;
	border-bottom: 1px dotted #999;
	margin-top: 30px;
	background: #f3f3f3;
	padding: 2px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content h3 {
	font-size: 1.2rem;
}
#content h4 {
	font-size: 1rem;
}
#content a {
	text-decoration:none;
	border:0px;
	color: #925E54;
}
#content a.border {
	text-decoration: none;
	border-bottom: 1px dotted #925E54;
	color: #925E54;
	padding: 2px;
}
#content a.border:hover {
	border-bottom: 1px solid #925E54;
}

#content a.noborder {
	border:0;
}

#content input, #content select {
	border: 1px solid #333;
	background:#fefefe;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 1px;
}
#content input:focus {
	border: 1px solid #333;
	background:#F9FCEA;
}



#content input.noborder, #content input.noborder:focus {
	border: 0px;
}

/*#content a.tankungenVergleich*/
#content input.submit  {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000;
	background: #666;
	padding: 2px 5px;
	cursor:pointer;
	margin-top: 8px;
	color: #fff;
	text-decoration:none;
}
#content input.submit:hover {
	background: #333;
	color: #FFFF00;
}

/*--- Preise - Liste ------------------------------------*/
#preisContainer {
	width: 300px;
	margin: 0 auto;
}
#preisContainer .wrapper {
	padding: 2px 0px;
	border-bottom: 1px solid #ddd;
}
#preisContainer .wrapper:hover {
	background: #f6f6f6;
	border-bottom: 1px solid #aaa;
}

/*	zurück-pfeil */
.back {
	clear:both;
	margin: 5px 0px;
}
.load-container {
	margin: 20px 0px 20px 0px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.little {
	font-size: 80%;
}
.bold {
	font-weight: bold;
}
.t-center {
	text-align: center;
}
.t-right {
	text-align: right;
}
.t-left {
	text-align: left;
}
img.tool {
	cursor:pointer;
}
.data-header {
	border-bottom: 1px solid #666;
	background: #eee;
	font-weight:bold;
	padding: 2px;
}
.data-row {
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

.m-r-10 {
	margin-right: 10px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-b-5 {
	margin-bottom: 5px;
}
.m-b-10 {
	margin-bottom: 10px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.m-t-5{
	margin-top: 5px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-l-10 {
	margin-left: 10px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-r-10 {
	padding-right: 10px;
}

.border-top-dotted {
	border-top: 1px dotted #ccc;
}
.border-top-solid {
	border-top: 1px solid #ccc;
}
.border-bottom-dotted {
	border-bottom: 1px dotted #ccc;
}
.border-bottom-solid {
	border-bottom: 1px solid #ccc;
}

.font80 { font-size: 0.8em; }
.font85 { font-size: 0.85em; }
.font90 { font-size: 0.9em; }
.font95 { font-size: 0.95em; }

.grey {
	color: #999;
}
.green {
	color: #009900;
}
.red {
	color: #FF3300;
}

.round-container {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 15px;
	background: #fcfcfc;

}
	/* für Liste Konten zuweisen */
.konten-wrapper {
	border-bottom: 1px solid #fff;
}
.konten-wrapper:hover {
	border-bottom: 1px solid #ccc;
	background: #f6f6f6;
	background:rgba(240,236,128,1.00);
}
/*	USER Liste ----------*/
.user-wrapper.data-row a {
	text-decoration: none;
	color:#0066FF;
}


	/* Schließen-Symbol */
.close {
	cursor: pointer;
}

.c-r {
	clear:right;
}
/************* FORM *************************/
/**************************************************/
.form_left {
	font-size: 0.85em;
}

.form_left,
.form_right {
	float:left;
	margin-bottom: 2px;
}

.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w140 {width: 140px; }
.w150 {width: 150px;}
.w170 {width: 170px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w330 {width: 330px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}


.load648 {
	width: 648px;
	text-align: center;
}
.pointer {
	cursor: pointer;
}
.mark {
	cursor:help;
}

/*--- CLEAR -----*/
.clear {
	clear: both;
	height: 0px;
}