@charset "utf-8";
/*  
Theme Name: Feller
Theme URI: http://www.feller.de
Description: Designed by Shaahin Mohammadi
Version: 1.0
Author: Peyman Hooshmandi Raad
Author URI: http://www.velenjak.com/
*/
* {
	margin: 0;
	padding: 0;
}

html {
	min-width: 871px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 0.75em Arial, sans-serif;
	background: #ffffff url("images/bg_main.gif") top center repeat-x;
	text-align: center;
	color: #626262;
	line-height: 1.4;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;	
}


/* Form
==============================================================================*/

input {
	border-left:3px double #CCC;
	border-right:3px double #999;
	border-top:3px double #CCC;
	border-bottom:3px double #999;
	background-color:#FFF;
	background-repeat:repeat-x;
	color:#FF0000;
	font: 0.75em Arial, sans-serif;
	padding: 0.25em;
	margin: 1px;
}
/* Heading
==============================================================================*/

h1, h2, h3, h4, h5, h6 {
	font: 0.9em Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #333;
	margin: 0;
}

/* Image
==============================================================================*/
.imageright {
	padding: 2px;
	color: #cccccc;
	border: 1px solid #dddddd;
	float: right;
	display: block;
	text-align: center;
	margin: 3px 7px;	
}

.product-thumb {
	float: left;
	width: 102px;
	height: 118px;
	margin: 20px 35px 20px 0;
	background: #fff url("images/bg_thumb.gif") top center no-repeat;
	text-align: center;
}

.product-thumb h5 {
	padding: 0px;
	color: silver;
}

.product-thumb img {
	border: 1px solid #999;
	padding: 0px;
}




/* Link
==============================================================================*/

a, a:link {
	color: #FF6600;
	text-decoration: none;
}

a:visited {
	color: #888888;
}

a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}

a img { 
	border-style: none;
	border: 0px;
}


/* List
==============================================================================*/

ul, ol {
	margin: 0 0 0 0;
	padding: 0;
}

/* Table
==============================================================================*/
table {}
th {}
thead {}
tbody {}
tr {}
td {}
tfoot {}
caption {}
col {}
colgroup {}


/* Text
==============================================================================*/

pre {
	font: 95% monospace;
	color: #666;
}

p {
	margin: 0;
	line-height: 140%;
	padding-bottom: 1em;
	text-align: left;	
}

strong {
	color: #777;
	font-weight: bold;
}


/* Phraze
==============================================================================*/

code {
	font: 11px monospace;
	white-space: normal;
	color: #888;
}

blockquote {
	font: 95% monospace;
	white-space: normal;
	color: #666;
	line-height: 110%;
	padding: 14px 11px;
	background-color: #f1f1f1;
	margin: 14px;
}

/* Font
==============================================================================*/
b {}
i {}
big {}
small {}
tt {}
sub {}
sup {}


/* Miscellaneous
=============================================================================*/
hr {}
br {}
noscript {}

/* Layout
=============================================================================*/

#zuhause {
	width: 871px;
	margin: 43px auto;
	padding: 0;
	text-align: center;
}

/* Content and Header Section */

/* -=thule=- */
#container {
	width: 871px;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent url("images/bg_page.gif") repeat-y;
	min-height: 500px;
	display: block;
}

#c1 {
	width: 24px;
	padding: 0;
	margin-top: 0;
	min-height: 500px;
	float: left;
	display: block;
}

.c1top {
	float: left;
	width: 24px;
	height: 220px;
	background: transparent url("images/bg_c1_up.gif") top left no-repeat;
}

.c1down {
	float: left;
	width: 24px;
	height: 286px;
	background: transparent url("images/bg_c1_down.gif") top left no-repeat;
}

#c2 {
	width: 624px;
	padding: 0;
	margin-top: 0;
	min-height: 500px;
	float: left;
	display: block;
	text-align: left;
}

#header-main {
	float: left;
	width: 624px;
	height: 130px;
	background: white url("images/bg_header.gif") top center no-repeat;
}

#headertitle {
	width: 100%;
	height: 39px;
	float: left;
	display: block;
}

#headertitle h4 {
	font: 122% Arial, sans-serif;
	font-weight: bold;
	color: #b7b7b7;
	padding-top: 33px;
	padding-right: 22px;
	float: right;
	letter-spacing: -1px;
}



#header-main h2 {
	color: #939599;	
	font-size: 1px;
	text-indent: -6006px;
}

#header-main h3 {
	color: #939599;
	font-size: 1px;
	text-indent: -6006px;
}

.spacer1 {
	content: "."; 
	float: left;
	width: 36px;
	min-height: 280px;
	display: block;
	color: white;
	visibility: hidden;
}

.spacer2 {
	content: ".";	
	float: left;
	width: 14px;
	min-height: 280px;
	display: block;
	color: white;
	visibility: hidden;
}

#pagewide {
	float: left;
	width: 570px;
	min-height: 100%;
	background: white url("images/bg_page_wide.gif") repeat-y;
	display: block;
}

#pagewide p {
	color: #ababab;
	text-align: justify;
	font: 0.9em Arial, sans-serif;
	line-height: 120%;
}

#pagewide h2 {
	margin-bottom:10px;
	font: bold 0.9em Arial;
}

#path {
	width: 570px;
	height: 19px;
	margin-bottom: 19px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	display: block;	
}

 #path p {
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
 	margin: 0 auto;
  	padding: 0 1px;
	color: #ababab;
	font: 0.9em Arial, sans-serif;
	line-height: 170%;
}

#path p a, #path p a:link, #path p a:visited {
	border: 0;
	color: #6299d5;
	text-decoration: none;
}

#path p a:hover, #path p a:active {
	border: 0;
	text-decoration: underline;
	color: #f7941d;
}


#c3 {
	width: 21px;
	padding: 0;
	margin-top: 0;
	min-height: 500px;
	float: left;
	display: block;
}

.c3top {
	float: left;
	width: 21px;
	height: 220px;
	background: transparent url("images/bg_c3_up.gif") top right no-repeat;
}

.c3down {
	float: left;
	width: 21px;
	height: 100%;
	background: white url("images/bg_c3_down.gif") repeat-y;
}

#c4 {
	width: 186px;
	padding: 0;
	margin-top: 0;
	min-height: 500px;
	float: left;
	display: block;
	text-align: right;
}

.c4top {
	float: left;
	width: 186px;
	height: 130px;
	background: #939599 url("images/bg_c4_up.gif") repeat;
}

.c4down {
	float: left;
	width: 186px;
	height: 30px;
	background: #939599 url("images/bg_c4_down.gif") repeat;
}

.c4-products {
	float: left;
	width: 186px;
	height: 50px;
	background: #939599 url("images/key_00_products.gif") top center no-repeat;
}


.c4-content-box {
	width: 160px;
	min-height: 100px;
	background: transparent url("images/nothing.gif") repeat;
	display: block;
	margin: 16px 11px;
	text-align: left; 
}

.c4-content-box p {
	color: #ababab;
	text-align: left;
	font: 0.8em Arial, sans-serif;
	line-height: 120%;
}


.c4-content-box p a, .c4-content-box p a:link, .c4-content-box p a:visited {
	color: #e1e1e1;
	text-decoration: none;
}

.c4-content-box p a:hover, .c4-content-box p a:active {
	text-decoration: underline;
	color: #ffc20e;
}




#c5 {
	width: 16px;
	padding: 0;
	margin-top: 0;
	min-height: 500px;
	float: left;
	display: block;
}

.c5top {
	float: left;
	width: 16px;
	height: 220px;
	background: transparent url("images/bg_c5_up.gif") top right no-repeat;
}

.c5down {
	float: left;
	width: 16px;
	height: 286px;
	background: transparent url("images/bg_c5_down.gif") top right no-repeat;
}


.sauberlinks {
	clear: left;
}


/* Footer and Copyright Section */

#footerwide {
	background: transparent url("images/bg_footer.gif") bottom center repeat-x;
	width: 871px;
	height: 130px;
	margin-bottom: 21px;
	display: block;
}

#footerwideleft {
	float: left;
	width: 60px;
	height: 130px;
	background: transparent url("images/footerwideleft.gif") bottom left no-repeat;
	display: block;
}

#footerwideright {
	float: left;
	width: 21px;
	height: 130px;
	background: transparent url("images/footerwideright.gif") bottom right no-repeat;
	display: block;
}

#footerwiderighter {
	float: left;
	width: 186px;
	height: 130px;
	background: transparent url("images/footerwiderighter.gif") bottom right no-repeat;
	display: block;
}

#footerwiderightest {
	float: left;
	width: 16px;
	height: 130px;
	background: transparent url("images/footerwiderightest.gif") bottom right no-repeat;
	display: block;
}


/* Copyright Area Content */
#footerwidecontent {
	float: left;
	padding-top: 20px;
	background: transparent url("images/feller_footer_logo.gif") top left no-repeat;
	width: 588px;
	height: 110px;
	display: block;
}

#footerwidecontent p {
	color: #ababab;
	text-align: left;
	font: 0.75em Arial, sans-serif;
	line-height: 75%;
	padding-left: 90px;
}

#footerwidecontent a, #footerwidecontent a:link, #footerwidecontent a:visited {
	color: #FF6600;
	text-decoration: none;
}

#footerwidecontent a:hover, #footerwidecontent a:active {
	text-decoration: underline;
	color: #606060;
}



/* Navigation
=============================================================================*/
#menu {
	width: 186px;
	height: 50px;
	float: left;
	display: block;	
}

ul#menu {
	display: block;
	float: left;
	list-style-type: none;
}

#menu li {
	display: block;
	list-style-type: none;
	float: left;
}

li.products-key {
	width: 186px;
	height: 50px;
	background: transparent url("images/key_00_products.gif") top left no-repeat;
}

a.products-key, a.products-key:link, a.products-key:visited {
	border: 0;
	width: 186px;
	height: 50px;
	text-decoration: none;
	display: block;
}

a.products-key:hover, a.products-key:active {
	background: transparent url("images/key_00_products_over.gif") bottom right no-repeat;
	border: 0;
	width: 186px;
	height: 50px;
	text-decoration: none;
	display: block;
}


li.return-key {
	width: 186px;
	height: 50px;
	background: transparent url("images/key_00_return.gif") top left no-repeat;
}

a.return-key, a.return-key:link, a.return-key:visited {
	border: 0;
	width: 186px;
	height: 50px;
	text-decoration: none;
	display: block;
}

a.return-key:hover, a.return-key:active {
	background: transparent url("images/key_00_return_over.gif") bottom right no-repeat;
	border: 0;
	width: 186px;
	height: 50px;
	text-decoration: none;
	display: block;
}



#hbar {
	width: 186px;
	height: 60px;
	float: left;
	display: block;
}

ul#hbar {
	display: block;
	float: left;
	list-style-type: none;
}

#hbar li {
	display: block;
	list-style-type: none;
	float: left;
}


li.option1 {
	width: 74px;
	height: 60px;
	background: transparent url("images/key_01_home.gif") top left no-repeat;
}

li.option1-selected {
	background: transparent url("images/key_01_home_selected.gif") top left no-repeat;
}

a.option1, a.option1:link, a.option1:visited {
	border: 0;
	width: 74px;
	height: 60px;
	text-decoration: none;
	display: block;
}

a.option1:hover, a.option1:active {
	background: transparent url("images/key_over.gif") bottom right no-repeat;
	border: 0;
	width: 74px;
	height: 60px;
	text-decoration: none;
	display: block;
}

li.option2 {
	width: 57px;
	height: 60px;
	background: transparent url("images/key_02_about.gif") top left no-repeat;
}

li.option2-selected {
	background: transparent url("images/key_02_about_selected.gif") top left no-repeat;
}


a.option2, a.option2:link, a.option2:visited {
	border: 0;
	width: 57px;
	height: 60px;
	text-decoration: none;
	display: block;
}

a.option2:hover, a.option2:active {
	background: transparent url("images/key_over.gif") top left no-repeat;
	border: 0;
	width: 57px;
	height: 60px;
	text-decoration: none;
	display: block;
}

li.option3 {
	width: 55px;
	height: 60px;
	background: transparent url("images/key_03_contact.gif") top left no-repeat;
}

li.option3-selected {
	background: transparent url("images/key_03_contact_selected.gif") top left no-repeat;
}

a.option3, a.option3:link, a.option3:visited {
	border: 0;
	width: 55px;
	height: 60px;
	text-decoration: none;
	display: block;
}

a.option3:hover, a.option3:active {
	background: transparent url("images/key_over.gif") top left no-repeat;
	border: 0;
	width: 55px;
	height: 60px;
	text-decoration: none;
	display: block;
}


/* toolbar main */
#toolbar {
	text-align: right;
	width: 160px;
	padding: 0;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul#toolbar {
	float: left;
	width: 160px;
	padding: 0;
	list-style-type: none;
	display: block;
}

#toolbar li  {
	padding: 0;
	margin-bottom: 3px;
	width: 160px;
	text-align: right;
	list-style-type: none;
	background-color: #ebebeb;
	line-height: 160%;
}

#toolbar li a, #toolbar li a:link, #toolbar li a:visited {
	padding-right: 30px;
	color: #ffc929;
	display: block;
	list-style-type: none;
	font: 0.85em Arial, sans-serif;
	line-height: 170%;	
	background-color: #7a7a7a;
	height: 18px;
}

#toolbar li a:hover, #toolbar li a:active {
	color: white;
	display: block;
	list-style-type: none;
	font: 0.85em Arial, sans-serif;
	line-height: 170%;	
	background-color: #7f272c;
	height: 18px;
}