/* 

SITE:		WWW.REINER-SILBER.DE 2.0
AUTHOR:		ALEXANDER FLOETER @ FRICK WERBEAGENTUR
CREATED:	2009-11-12

*/

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1;	color: black; background: white; }
ol, ul { list-style: none; }

/* HTML, BODY & WRAPPER */
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 1.7;
	color: #fff;
	background-color: #666; }

a {
	text-decoration: none;
	color: #778895; }

a:hover,
a.active {
	color: #fff; }

#wrapper {
	width: 980px;
	height: 600px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -300px;
	left: 50%;
	margin-left: -490px;
	background-color: #002039;}

#scrollarrows {
	position: absolute;
	bottom: 125px;
	left: 500px;
	width: 15px;
	height: 35px;
	display: none; }
	
	#katalog #scrollarrows {
		bottom: 60px; }
	
	#scrollarrows #scrollup {
		background-position: bottom left;
		background-image: url(../img/scrollarrows.png);
		text-indent: -9999px;
		display: block;
		height: 15px;
		bottom: 15px;
		margin-bottom: 5px;
		cursor: pointer; }
	
	#scrollarrows #scrollup:hover {
		background-position: top left; }
	
	#scrollarrows #scrolldown {
		background-position: bottom right;
		background-image: url(../img/scrollarrows.png);
		text-indent: -9999px;
		display: block;
		height: 15px;
		bottom: 15px;
		cursor: pointer; }
		
	#scrollarrows #scrolldown:hover {
		background-position: top right; }

#logo {
	display: block;
	height: 80px;
	width: 85px;
	background: url(../img/logo.jpg) bottom no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 40px;
	left: 35px;
}

#logo:hover {
	background-position: top; }

#navigation,
#subnavigation {
	position: absolute;
	top: 60px;
	left: 160px;
	display: inline-block;
	height: 30px;
}
	
	#navigation li,
	#subnavigation li {
		float: left;
		display: block; }
		
		#navigation li a,
		#subnavigation li a {
			font-size: 15px;
			margin-right: 20px;
			height: 30px;
			line-height: 30px;
			text-transform: uppercase; }

#ueber-uns #subnavigation {
	position: absolute;
	top: 90px;
	left: 160px;
	height: 20px;
	line-height: 20px;
}

#produkte #subnavigation {
	position: absolute;
	top: 90px;
	left: 180px;
	height: 20px;
	line-height: 20px;
}

#katalog #subnavigation {
	position: absolute;
	top: 90px;
	left: 330px;
	height: 20px;
	line-height: 20px;
}

#subnavigation li a {
	text-transform: none;
	font-size: 13px; }

#main {
	position: absolute;
	top: 160px;
	left: 195px;
	padding-left: 5px;
	width: 280px;
	height: 320px;
	overflow: auto;
}
	
	#katalog #main,
	#impressum #main,	
	#ueber-uns #main,	
	#service #main {
		/*left: 240px;
		width: 230px;*/
		height: 390px; }
		
		#mailer div {
			height: 30px; }
			
		#mailer label {
			display: block;
			width: 80px;
			float: left;
			font-style: italic; }
		
		#mailer input,
		#mailer select {
			width: 120px;
			float: right; }
	
	#ueber-uns #main p {
		 margin-bottom: 12px; }
		 
	#ueber-uns #main img {
		 margin-top: 12px; }
	
	#ueber-uns #main p span {
		font-size: 140%;
		font-weight: bold;
		margin-right: 10px; }
	
	#ueber-uns #main .insitelink {
		font-style:normal;
		font-weight: bold; }
	
	#ueber-uns #main blockquote .quelle {
		font-size: 9px;
		color: rgb(204, 204, 204); }
	
	#main h2 {
		font-size: 26px;
		margin-bottom: 20px;
		text-transform: uppercase; }
		
		#katalog #main h2,
		#impressum #main h2 {
		font-size: 20px;
		margin-bottom: 15px; }
	
	#main a {
		color: #DDD;
		text-decoration: underline; }
		
		#katalog .dl_katalog {
			display: block;
			float: left;
			height: 120px;
			width: 105px;
			margin-top: 25px;
			margin-left: 25px;
			text-decoration: none;
			font-size: 11px; }
			
			#katalog .dl_katalog img {
				border: 1px solid #FFF; }
	
	#main ul {
		list-style-type: circle;
		padding: 0 0 0 20px;
		font-size: 13px; }
		
		#main ul li {
			margin: 5px 0 0 0; }
	
	#main blockquote {
		margin: 15px 0;
		padding: 0 0 0 35px;
		background: url(../img/blockquote_bg.png) top left no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 90%; }
		#main blockquote h3 {
			font-size: 140%;
			font-weight: bold;
			margin-bottom: 7px; }
		#main blockquote p {
			margin-bottom:10px; }
	
#produktlinks,
#imprintlink {
	position: absolute;
	bottom: 50px;
	left: 200px; }

	#produktlinks a,
	#imprintlink a,
	#sidebar a {
		font-size: 15px;
		margin-right: 20px;
		text-transform: uppercase; }

#sidebar {
	position: absolute;
	top: 170px;
	left: 40px;
	width: 110px;
	line-height: 1.5em; }
	
	#katalog #sidebar,
	#impressum #sidebar,
	#ueber-uns #sidebar,
	#service #sidebar {
		top: auto;
		bottom: 80px;
		font-size: 80%;
		color: #778895;
		width: 160px; }
		
		#katalog #sidebar p
		#impressum #sidebar p {
			margin: 10px 0 0; }

#sidebar a {
	font-size: 13px;
	text-transform: none; }

#imprintlink {
	bottom: 50px;
	left: 40px; }

#blickfang {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 600px;
	width: 430px; }

#katalog .formfailure {
	border: 1px solid #900;
	background-color: #FEC6C5; }