@charset "UTF-8";

/* CSS Document - validated CSS 2.1 */
/* created by Niklas Tewes - August 2008 */

body {
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	color: #000;
	font-family: arial, verdana;
	position:relative;
    width:1000px;

}

form {
	margin: 0 auto;
	padding: 0 auto;
}

#logo {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 999px;
	height: 100px;
	background: url('../img/header.jpg') top left no-repeat;
}

#top_bar {
	display: none;
}

/*
#logo {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 187px;
	height: 100px;
	background: url('../img/logo.jpg') top left no-repeat;
}
*/

/* green bar on top of page  */
/*
#top_bar {  
	position: absolute;
	top: 60px;
	left: 187px;
	width: 812px;
	height: 25px;
	background: url('../img/top_bar.jpg') top left repeat-x;
}
*/

#top_links { /* links for imprint, faq etc. */
	position: absolute;
	top: 40px;
	left: 195px;
	width: 800px;
	text-align: right;
	color: #006633;
}

#top_links a {
	color: #006633;
	text-decoration: none;
	margin-left: 8px; /* space between links */
}

#top_links a:hover {
	text-decoration: underline;
}


#content {
	position: absolute;
	top: 135px;
	left: 190px;
	width: 807px;
}

#content a { color: black; text-decoration: none; }

#content a:hover { text-decoration: underline; }

#index_category_links {
	width: 560px;
}

#index_category_links img {
	border: 5px solid white;
}

td {
	vertical-align: top;
}

/* -- menu definitions -- */

#left_menu_contents { /* expandable menu content area */
	position: absolute;
	top: 100px;
	left: 0px;
	width: 169px;
	background: #006633 url('../img/left_menu_top.jpg') top left no-repeat;
	color: #ffffff;
}


#left_menu_contents a.menu_link { /* regular menu item */
	display: block;
	width: 149px;
	background: transparent;
	padding: 7px 0px 6px 10px;
	margin-left: 10px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
#left_menu_contents a.menu_link:hover { text-decoration: underline; }

#left_menu_contents a.menu_link_highlight { /* selected regular menu item */
	display: block;
	width: 149px;
	background: url('../img/left_menu_highlight.jpg') top left no-repeat;
	padding: 7px 0px 6px 10px;
	margin-left: 10px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
#left_menu_contents a.menu_link_highlight:hover { text-decoration: none; }


/* -- sub menu links -- */
#left_menu_contents a.menu_link_sub { /* sub menu item */
	display: block;
	width: 147px;
	background: #e2f3eb;
	padding: 8px 0px 7px 22px;
	margin-left: 0px;
	color: black;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	border: 1px solid #bae3cf;
	border-left: 0px;
	border-right: 0px;
}
#left_menu_contents a.menu_link_sub:hover { text-decoration: underline; }


#left_menu_contents a.menu_link_sub_highlight { /* selected sub menu item */
	display: block;
	width: 147px;
	background: #ffffff;
	padding: 8px 0px 7px 22px;
	margin-left: 0px;
	color: black;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	border: 1px solid #bae3cf;
	border-left: 0px;
	border-right: 0px;
}
#left_menu_contents a.menu_link_sub_highlight:hover { text-decoration: underline; }


#left_menu_bottom { /* left menu end on the bottom */
	width: 169px;
	height: 27px;
	background: #006633 url('../img/left_menu_bottom.jpg') bottom left no-repeat;
	color: #ffffff;
	padding: 0;
	margin: 0;
	border: 0;
}



/* -- content title definitions -- */

#title { /* big orange title */
	position: absolute;
	top: 100px;
	left: 200px;
	width: 797px;
	font-size: 18px;
	color: #e95e1e;
	letter-spacing: 1px;
}

#title span { /* smaller black title following the orange one */
	font-size: 13px;
	padding-left: 5px;
	color: #000;
	letter-spacing: 0px;
}


/* -- banner definitions -- */
#banner_narrow { /* Emfpehlen und kassieren */
	display: block;
	position: absolute;
	top: 135px;
	left: 752px;
	width: 238px;
	height: 532px;
	z-index: 100;
}

#banner_narrow #form {
	position: relative;
	left: 47px;
	top: 92px;
}

#banner_narrow #form input {
	font-size: 16px;
	font-weight: bold;
	background: white;
	border: 0px;
	width: 140px;
}

#banner_wide { /* Emfpehlen und kassieren */
	display: block;
	position: absolute;
	top: 135px;
	left: 607px;
	width: 383px;
	height: 532px;
	z-index: 100;
}


#banner_wide #form {
	position: relative;
	left: 112px;
	top: 92px;
}

#banner_wide #form input {
	font-size: 16px;
	font-weight: bold;
	background: white;
	border: 0px;
	width: 140px;
}


/* -- search box definitions -- */

#search{ 
	position: absolute;
	top: 135px;
	left: 752px;
	width: 238px;
	height: 95px;
	background: url('../img/search_box.jpg') top left no-repeat;
	z-index: 99;
}

#search #searchfield { /* container which includes the searchfield and the send button */
	position: relative;
	left: 22px;
	top: 36px;
	z-index: 100;
}

#search #searchfield input { /* search string input field */
	font-size: 11px;
	background: white;
	border: 0px;
	width: 190px;
}

#search #searchfield input.send { /* send button */
	font-size: 11px;
	background: url('../img/search_send.jpg');
	border: 0px;
	width: 122px;
	height: 20px;
	position: relative;
	top: 9px;
	left: 70px;
}

.orange_highlight {
	color: #e95e1e;
	font-weight: bold;
}