/*

	-- -- -- -- -- -- --
	richardtanzer.com v1 CSS
	last edit: 1 Feb 06
	by philipp hofstaetter fietstouring.com
	-- -- -- -- -- -- --
	

*/

/************************* HTML ELEMENTE *****************************/

body { 
	margin: 55px 0 0 0;
	text-align:center;
	background: #FFF url(../../images/background.gif) repeat;
		
}

td,div { 
	font: 10px Verdana,sans-serif;
	color: #000000;
	}

a { color: #FE940D; text-decoration:underline; }
a:visited { color:#E8E8E9; text-decoration:underline; }
a:hover { color:#898888; text-decoration:none; }

ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

li
{
padding-left: 1.2em;
background-image: url(../../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
line-height: 1.2em;
margin-bottom: 0.4em;
}

input:focus, textarea:focus {
	background: #FE940D; color: #000000;
}

/*********************** SEITENELEMENTE ****************************/

div#content { 
	width:787px; 
	height:480px; 
	margin:auto; 
	text-align:left; 
	background: url(../../images/bg_content.gif) center no-repeat; 
	}

div#header { 
	width:787px; 
	height:87px;
	background: transparent url(../../images/header.gif) no-repeat 32px; 
	}

div#container {
	width:787px;
	height:332px;
	}

div#smallNavi { 
	width:787px;
	height:43px;
}

div#footer { 
	width:787px;
	height:18px;
	text-align:right;
}


/*********************** CONTAINER FLOATS ***************************/

div#header .url { padding: 1px 0 0 386px; color: #898989; font: 10px arial,sans-serif; }
	div#header .url a { text-decoration:none; color: #898989; }

div#header .login { padding: 26px 0 0 469px; }

div#footer .copyright { padding: 3px 8px 0 0; color: #898989; font: 10px arial,sans-serif; }

div#container .bigImage { float:left; width:500px; height:332px; background: #F3F3F3;  }
div#container .thumbnails { float:left; width:162px; height:332px; text-align:center; overflow:hidden; 
							background: url(../../images/bg_thumb.gif) center no-repeat; }

			/* Hide from IE5-mac. Only IE-win sees this. \*/
		* html div#container .thumbnails {
		b\ackground: url(../../images/bg_navi.gif) no-repeat;
		b\ackground-position: 20px 20px;
		}
/* End hide from IE5/mac */

div#container .navigation { float:left; width:125px; height:332px;  }
	
	div#container .naviOff { 
		width:120px; 
		height:16px; 
		background: #C7C7C8 url(../../images/bg_navi.gif) no-repeat; 
		text-align:right;
		margin: 0 0 2px 0;
		padding: 3px 5px 0 0;
		font: 10px arial,sans-serif;
		}

	.naviOff a { color:#000000; text-decoration:none; }
	.naviOff a:visited { color:#000000; text-decoration:none; }
	.naviOff a:hover { color:#FFFFFF; text-decoration:none; }

	div#container .naviOff:hover { background-color: #B1B1B1; }

	div#container .naviOn { 
		width:120px;
		height:16px;
		background: #B1B1B1;
		text-align:right;
		margin: 0 0 2px 0;
		padding: 3px 5px 0 0;
		font: 10px arial,sans-serif;
		color: #FFFFFF;
		}

	.naviOn a { color:#FFFFFF; text-decoration:none; }
	.naviOn a:visited { color:#FFFFFF; text-decoration:none; }
	.naviOn a:hover { color:#FFFFFF; text-decoration:none; }

	.spacer { height:20px; }

div#smallNavi .bigImageBot { float:left; width:505px; padding: 10px 0 0 15px;  }
div#smallNavi .thumbBot { float:left; width:160px; padding: 10px 0 0 0; }


/*********************** SPEZIELLE STYLES ***************************/

.inputLogin { 
	width:130px; 
	background:white; 
	border: 1px solid #8E8E8E; 
	font: 1em arial,sans-serif; 
	color: #A7A7A7; 
	padding: 1px 0 1px 3px;
	} 

.inputButton a { 
	color: #7C7C7C;
	font-weight: bold;
	text-decoration:none;
	}

.kundenLogin { text-decoration:underline; }
.kategorie { 
	text-transform:uppercase; 
	color: white; 
	background: url(../../images/bg_kategorie.gif) no-repeat;
	padding: 0 3px 0 3px;
	font: 10px arial,sans-serif;
	margin-right: 10px;
	font-weight:bold;
	}
.next { margin-left: 43px; }

.kontakt { padding: 20px 0 0 145px; line-height:140%; width: 350px; }

.bioPic { float:left; width:100px; padding: 20px 0 0 0px; }
.bio { float:left; padding: 20px 0 0 35px; line-height:135%; width:350px; }