/* CSS-Reset */
* {padding:0;margin:0;}
* {font-size:101%;}

html {
     overflow-y: -moz-scrollbars-vertical;
     overflow-y: scroll;
}

body {
	background-color:#000;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	overflow-x:hidden;
}

/* global classes */
.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.verdana {
	font-family:Verdana;
}

.arial {
	font-family:Arial;
}

.bold {
	font-weight:bold;
}

.f10 {
	font-size:10px;
}

.f11 {
	font-size:11px;
}

.f12 {
	font-size:12px;
}

.f14 {
	font-size:14px;
}

.f24 {
	font-size:24px;
}

.f34 {
	font-size:34px;
}

.footer {
  height:10px;
  margin-left:40px;
  overflow:hidden;
  background-color:#ffffff;
}

.alignright {
	text-align:right;
}

.uppercase  {
	text-transform:uppercase ;
}

.white {
	color:#fff;
}

.black {
	color:#000;
}

.green {
	color:#6baf47;
}

.blue {
	color:#2daae1;
}

.padding_top5 {
	padding-top:4px;
}

.padding_bottom5 {
	padding-bottom:4px;
}

.warning {
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#2daae1;
	text-transform:uppercase;
	line-height:30px;
}

/* main IDs */
#top_area {
	position:relative;
	top:0px;
	left:0px;
	width:990px;
	padding-left:40px;
	height:170px;
	overflow:hidden;
}

#content_area {
	position:relative;
	top:0px;
	left:0px;
	width:1030px;
	overflow:hidden;
}

/* top area IDs */

#logo {
}

#mainmenu {
}

#servicemenu {
}

/* Main Nav */
#nav1_icon {
	position:absolute;
	top:20px;
	left:450px;
	text-align:left;
}

#nav1_text {
	position:absolute;
	top:49px;
	left:520px;
	text-align:left;
}

	#nav1_text a {
		font-family:Verdana;
		font-weight:bold;
		font-size:11px;
		color:#2daae1;
		text-transform:uppercase;
		text-decoration:none;
	}

#nav2_icon {
	position:absolute;
	top:20px;
	left:640px;
	text-align:left;
}

#nav2_text {
	position:absolute;
	top:49px;
	left:699px;
	text-align:left;
}

	#nav2_text a {
		font-family:Verdana;
		font-weight:bold;
		font-size:11px;
		color:#e6007e;
		text-transform:uppercase;
		text-decoration:none;
	}

#nav3_icon {
	position:absolute;
	top:90px;
	left:450px;
	text-align:left;
}

#nav3_text {
	position:absolute;
	top:122px;
	left:520px;
	text-align:left;
}

	#nav3_text a {
		font-family:Verdana;
		font-weight:bold;
		font-size:11px;
		color:#95c120;
		text-transform:uppercase;
		text-decoration:none;
	}

#nav4_icon {
	position:absolute;
	top:90px;
	left:640px;
	text-align:left;
}

#nav4_text {
	position:absolute;
	top:122px;
	left:699px;
	text-align:left;
}

	#nav4_text a {
		font-family:Verdana;
		font-weight:bold;
		font-size:11px;
		color:#f39200;
		text-transform:uppercase;
		text-decoration:none;
	}

/* Service Area */
.serviceblock {
	position:relative;
	text-align:left;
	padding:15px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	line-height:21px;
}

.serviceblock a {
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

.benzinpreiselinks {
	float:left;
	padding-right:10px;
}

.benzinpreiserechts {
	float:right;
	padding-right:10px;
	
}

/* Service Nav */
#service_nav1 {
	position:absolute;
	top:55px;
	left:800px;
	text-align:left;
}

#service_nav2 {
	position:absolute;
	top:55px;
	left:905px;
	text-align:left;
}

.service {
	line-height:25px;
}

	.service a {
		font-family:Verdana;
		font-weight:bold;
		font-size:11px;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
	}


/* Logo Text */
#logo {
	font-family:Verdana;
	font-weight:bold;
	font-size:35px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	margin-top:40px;
}

/* main area IDs */
#content_phone {
	float:left;
	width:40px;
	overflow:hidden;
}

#content_main {
	float:left;
	width:990px;
	overflow:hidden;
}

#content_top_left_short {
	float:left;
	width:740px;
	height:335px;
	text-align:left;
}
		
#content_top_left {
	float:left;
	width:743px;
	height:440px;
	text-align:left;
}
		
#content_top_right {
	float:left;
	width:247px;
	height:440px;
	background-color:#6bb047;
}

#content_top_right_backshop {
	float:left;
	width:250px;
	height:335px;
	background-color:#f39200;
}

#content_top_right_energy_outlet {
	float:left;
	width:250px;
	height:335px;
	background-color:#e6007e;
}

#content_top_right_getraenkemarkt {
	float:left;
	width:250px;
	height:335px;
	background-color:#95c120;
}

#content_display {
	position:relative;
	top:0px;
	left:0px;
	width:990px;
	height:100%;
	background-color:#fff;
	text-align:left;
}

#content_wrapper {
	position:relative;
	background-image: url("images/background_cols.png");
	background-position:top left;
	background-repeat:repeat-y;
}

#content_display_small {
	float:left;
	top:0px;
	padding-top:0px;
	width:741px;
	height:100%;
	background-color:#fff;
	text-align:left;
	padding-left:1px;
	padding-right:1px;
}

#content_article_menu {
	float:left;
	top:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	width:217px;
	height:100%;
	background-color:#0089bb;
	text-align:left;
	overflow:hidden;
}

#content_article_menu a {
	color:#fff;
	text-decoration:none;
	line-height:20px;
}

/* content top left */
#content_top_left_header {
	position:absolute;
	top:20px;
	left:40px;
	font-family:Verdana;
	font-weight:bold;
	font-size:45px;
	color:#0089bb;
	background-color:#fff;
	display:inline;
	text-transform:uppercase;
	line-height:45px;
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity:0.7;
}

#content_top_left_text {
	position:absolute;
	top:155px;
	left:40px;
	width:440px;
	padding-left:20px;
	font-family:Arial;
	font-size:13px;
	color:#000;
	background-color:#fff;
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity:0.7;
}

#content_top_left_header_textonly {
	position:absolute;
	top:20px;
	left:40px;
	font-family:Verdana;
	font-weight:bold;
	font-size:45px;
	color:#0089bb;
	display:inline;
	text-transform:uppercase;
	line-height:45px;
}

#content_top_left_text_textonly {
	position:absolute;
	top:155px;
	left:40px;
	width:440px;
	padding-left:20px;
	font-family:Arial;
	font-size:13px;
	color:#000;
}

/* articles */
#article_list_header {
	float:left;
	font-family:Verdana;
	font-weight:bold;
	font-size:34px;
	text-transform:uppercase;
	text-align:right;
	color:#6bb047;
}

#article_list_date {
	float:right;
	height:26px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:16px;
	margin-top:5px;
	margin-right:17px;
	background-color:#6bb047;
	overflow:hidden;
	color:#fff;
	font-family:Verdana;
	font-weight:bold;
	font-size:24px;
	text-align:right;
}

#article_list_year {
	position:relative;
	top:-3px;
	width:66px;
	height:12px;
	padding:0px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#fff;
	overflow:hidden;
	color:#6bb047;
	font-family:Verdana;
	font-weight:bold;
	font-size:18px;
}


.article_large {
	float:left;
	width:493px;
	height:494px;
	background-color:#fff;
	overflow:hidden;
}

.article_large_right {
	float:left;
	width:246px;
	height:494px;
	background-color:#fff;
	overflow:hidden;
}

.article_small {
	float:left;
	width:246px;
	height:247px;
	background-color:#fff;
	overflow:hidden;
}

.article_container_large {
	position:relative;
	top:0px;
	left:0px;
	width:494px;
	height:494px;
}

.article_container_large_right {
	position:relative;
	top:0px;
	left:0px;
	width:247px;
	height:494px;
}

.article_container_small {
	position:relative;
	top:0px;
	left:0px;
	width:247px;
	height:247px;
}

.article_details {
	position:absolute;
	bottom:15px;
	right:10px;
	width:150px;
	/*height:98px;*/
	background-color:#6bb047;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
	z-index:10;
}

.article_large_disclaimer {
	position:relative;
	top:-20px;
	left:40px;
	font-family:Verdana;
	font-size:10px;
	color:#8d8d8d;
	z-index:10;
}

.article_small_disclaimer {
	position:relative;
	top:-12px;
	left:30px;
	font-family:Verdana;
	font-size:10px;
	color:#8d8d8d;
	z-index:10;
}

.article_details_backshop {
	position:absolute;
	bottom:10px;
	right:10px;
	width:150px;
	background-color:#f39200;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
	z-index:10;
}

.article_details_energy_outlet {
	position:absolute;
	bottom:10px;
	right:10px;
	width:150px;
	background-color:#e6007e;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
	z-index:10;
}

.article_details_getraenkemarkt {
	position:absolute;
	bottom:10px;
	right:10px;
	width:150px;
	background-color:#95c120;
	border:1px solid #fff;
	padding:5px;
	overflow:hidden;
	z-index:10;
}

.article_details_einkaufzettel {
	position:absolute;
	right:5px;
	bottom:5px;
}

/* index borders */
.article_border_right {
	border-right:1px solid #6bb047;
}

.article_border_top {
	border-top:1px solid #6bb047;
}

.article_border_bottom {
	border-bottom:1px solid #6bb047;
}

/* energy borders */
.article_border_right_energy {
	border-right:1px solid #e6007e;
}

.article_border_top_energy {
	border-top:1px solid #e6007e;
}

.article_border_bottom_energy {
	border-bottom:1px solid #e6007e;
}

/* getraenke borders */
.article_border_right_getraenke {
	border-right:1px solid #95c221;
}

.article_border_top_getraenke {
	border-top:1px solid #95c221;
}

.article_border_bottom_getraenke {
	border-bottom:1px solid #95c221;
}

/* backshop borders */
.article_border_right_backshop {
	border-right:1px solid #f29200;
}

.article_border_top_backshop {
	border-top:1px solid #f29200;
}

.article_border_bottom_backshop {
	border-bottom:1px solid #f29200;
}

.white_border_left {
	border-left:1px solid #fff;
}

.white_border_right {
	border-right:1px solid #fff;
}

/* Artikelmenü */
.article_menu {
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#fff;
}

.article_menu_header {
	position:relative;
	width:100%;
	font-family:Verdana;
	font-weight:bold;
	font-size:18px;
	color:#0089bb;
	background-color:#fff;
	text-align:center;
	margin-bottom:10px;
}

/* Einkaufszettel */
#shopping_list_header {
	float:left;
	font-family:Verdana;
	font-weight:bold;
	font-size:34px;
	text-transform:uppercase;
	text-align:right;
	color:#6bb047;
}


#shopping_list_date {
	float:right;
	width:166px;
	height:26px;
	padding:3px;
	margin-top:5px;
	margin-right:10px;
	background-color:#6bb047;
	overflow:hidden;
	color:#fff;
	font-family:Verdana;
	font-weight:bold;
	font-size:24px;
	text-align:right;
}

#shopping_list_year {
	position:relative;
	top:-3px;
	width:66px;
	height:12px;
	padding:0px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#fff;
	overflow:hidden;
	color:#6bb047;
	font-family:Verdana;
	font-weight:bold;
	font-size:18px;
}

#shopping_list_text {
	position:relative;
	border-top:1px solid #6bb047;
	margin:10px;
	padding-top:10px;
	font-family:Verdana;
	font-size:13px;
}

.shopping_list_form_left {
	float:left;
	width:250px;
	text-align:right;
	height:40px;
}

.shopping_list_form_right {
	float:left:
}

.shopping_list_input{
	width:300px;
}
	
#print_text {
	display:none;
}

#shopping_form {
	margin-top:40px;
	font-family:Verdana;
	font-size:14px;
}		

#shopping_buttons {
	position:relative;
	margin-top:30px;
	width:100%;
	text-align:center;
}

#list {
	position:relative;
	top:0px;
	left:10px;
	width:720px;
}

.list_row1 {
	float:left;
	width:300px;
	height:20px;
	overflow:hidden;
}

.list_row2 {
	float:left;
	width:75px;
	height:20px;
	overflow:hidden;
}

.list_row3 {
	float:left;
	width:75px;
	height:20px;
	overflow:hidden;
}

.list_row4 {
	float:left;
	width:75px;
	height:20px;
	overflow:hidden;
}

.list_row5 {
	float:left;
	width:90px;
	height:20px;
	overflow:hidden;
}

.list_row6 {
	float:left;
	width:90px;
	height:20px;
	overflow:hidden;
}

.list_row1_large {
	float:left;
	width:300px;
	height:40px;
	overflow:hidden;
}


.list_row2_large {
	float:left;
	width:75px;
	height:40px;
	overflow:hidden;
}

.list_row3_large {
	float:left;
	width:75px;
	height:40px;
	overflow:hidden;
}

.list_row4_large {
	float:left;
	width:75px;
	height:40px;
	overflow:hidden;
}

.list_row5_large {
	float:left;
	width:90px;
	height:40px;
	overflow:hidden;
}

.list_row6_large {
	float:left;
	width:90px;
	height:40px;
	overflow:hidden;
}

.list_header {
	border-top:1px solid #6bb047;
	border-bottom:1px solid #6bb047;
	font-family:Verdana;
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:3px;
}

.list_item {
	border-bottom:1px solid #6bb047;
	font-family:Verdana;
	font-size:14px;
	color:#000;
	padding-top:5px;
	padding-bottom:3px;
}

#list_empty {
	display:none;
}

#infobox {
	position: absolute;
	padding:5px;
	width: 150px;
	height: 50px;
	background-color: #dedede;
	border:1px solid #6bb047;
	font-family:Verdana;
	font-size:14px;
	color:#000;
	display: none;
	z-index:1000;
}

/* FEEDBACK BOX START */
.msgbox { 
	width:500px; 
	height:300px; 
	padding:20px;
	color:#504c4b;
	font-family:Tahoma;
	font-size:12px;
}

/* Article Listing */
.article_listing_container_main {
	width:237px;
	height:480px;
	padding:5px;
	overflow:auto;
}

.article_listing_container {
	width:240px;
	height:480px;
	padding:5px;
	overflow:auto;
}

.scroll_ {
	scrollbar-face-color:#6bb047;
	scrollbar-shadow-color:#7cc954;
	scrollbar-highlight-color:#7cc954;
	scrollbar-3dlight-color:#6bb047;
	scrollbar-darkshadow-color:#7cc954;
	scrollbar-track-color:#7cc954;
	scrollbar-arrow-color:#7cc954;
}

.scroll_backshop {
/* f39200 fbb142 */
	scrollbar-face-color:#f39200;
	scrollbar-shadow-color:#fbb142;
	scrollbar-highlight-color:#fbb142;
	scrollbar-3dlight-color:#f39200;
	scrollbar-darkshadow-color:#fbb142;
	scrollbar-track-color:#fbb142;
	scrollbar-arrow-color:#fbb142;
}

.scroll_getraenkemarkt {
	scrollbar-face-color:#6bb047;
	scrollbar-shadow-color:#7cc954;
	scrollbar-highlight-color:#7cc954;
	scrollbar-3dlight-color:#6bb047;
	scrollbar-darkshadow-color:#7cc954;
	scrollbar-track-color:#7cc954;
	scrollbar-arrow-color:#7cc954;
}

.scroll_energy_outlet {
/* e6007e ff4cae */
	scrollbar-face-color:#e6007e;
	scrollbar-shadow-color:#ff4cae;
	scrollbar-highlight-color:#ff4cae;
	scrollbar-3dlight-color:#e6007e;
	scrollbar-darkshadow-color:#ff4cae;
	scrollbar-track-color:#ff4cae;
	scrollbar-arrow-color:#ff4cae;
}

.article_listing_title {
	font-family:Verdana;
	font-weight:bold;
	font-size:13px;
	color:#0089bb;
}

.article_listing_subtitle {
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}

.article_listing_bottom {
	position:relative;
	border-bottom:1px solid #b5d7a3;
	padding-bottom:5px;
	margin-bottom:5px;
}

.article_listing_price {
	float:left;
	font-family:Verdana;
	font-weight:bold;
	font-size:18px;
	color:#0089bb;
}

.article_listing_icon {
	float:right;
	padding-top:10px;
}


/* FEEDBACK BOX END */

/* Admin */
.edit_article {
	position:absolute;
	right:5px;
	bottom:5px;
}

fieldset {
	margin:30px;
	padding:10px;
}

legend {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#000;
	padding-left:20px;
}

.form_label {
	float:left;
	width:200px;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:25px;
	text-align:right;
	padding-right:20px;
}

.form_input_text {
	float:left;
	width:250px;
	font-family:Verdana;
	font-size:14px;
	color:#000;
}