/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }

/* *********************************************************************************************************************** */


/*

FARBEN:

blau:			#003578;


*/
	
/* *********************************************************************************************************************** */


html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

body {
	font-family: Helvetica, Arial, sans-serif; font-size:16px; color:#3f271a; text-align: left; line-height:20px;
	background:#ffffff;
	}

#page {
	position: relative;
	}

.wrapper {
	width: 830px; 			/* um das abschneiden von schriften zu verhindern */ 
	margin: 0 auto;
	position: relative;
	}

/* Color for selection  */	
::selection { background:#000; color:#fff; }
::-moz-selection { background:#000; color:#fff; }
::-webkit-selection { background:#000; color:#fff; }


.float_left { 
	float: left; 
	}
	
.float_right { 
	float: right; 
	}


.clearfix { 
	overflow: hidden; 
	}
	
.clear {
	clear:both;
	}

p	{
	padding:5px 0;
	}


/* ---------------------------------------------------------------------------------------------------- */
/* HEADINGS */
/* ---------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #777;
	font-weight: normal;
	}
	
.light { color: #fff; text-shadow: -1px -1px 0px #000; }

h1 { font-size: 24px; line-height: 28px; color:#3f271a; }
h2 { font-size: 18px; line-height: 22px; color:#763818; }
h3 { font-size: 16px; line-height: 20px; color:#000000; }



/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */
/* *********************************************************************************************************************** */

#top	{
	}

#top_inner	{
	height:130px;
	padding:20px 0;
	}

#top_logo	{
	width:410px;
	height:130px;
	margin-right:10px;
	}

#top_slogan	{
	width:360px;
	height:115px; /* 130 -15 */
	padding-top:15px;
	margin-right:10px;
	font-size:24px;
	line-height:28px;
	}

#sprachauswahl	{
	width:40px;
	height:130px;
	}

	#sprachauswahl a	{
		display:block;
		width:40px;
		height:40px;
		font-size: 14px;
		line-height:40px;
		text-align:center;
		text-decoration:none;
		margin-bottom:5px;
		color:#ffffff;
		background:#3f271a;
		}

	#sprachauswahl a:hover, #sprachauswahl a:active	{
		color:#ffffff;
		background:#763818;
		}

#produkte	{
	background:#fafafa;
	border-top:1px solid #eeeeee;
	}

	#produkte_inner	{
		padding:20px 0;
		}


#fotos	{
	background:#eee2cd;
	border-top:1px solid #d4c9b6;
	border-bottom:1px solid #d4c9b6;
	}

	#fotos_inner	{
		padding:20px 0;
		}

#footer	{
	padding: 20px 0;
	}

	#footer_inner	{
		text-align:center;
		}

	#footer_inner a	{
		color:#763818;
		text-align:center;
		text-decoration:none;
		}

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