﻿/* Hoeckchen Framework */

/* Color Legend */

/* Reset */

html, body {margin:0; padding:0; border:0;
				background:transparent; font-size:10px;}
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thread {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	}

img {margin:0; padding:0; border:0;}

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background: transparent;
	}

table {border-collapse:collapse; border-spacing:0; }

input, select, textarea, form, fieldset {
	margin:0; padding:0; border:0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
	}

h1, h2, h3, h4, h5, h6, p, li, blockfquote, td, th, a, caption, em, strong, strike {
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
	}

ol, ul {list-style:none;}


/* Global */

html {  }
body { background-image:transparent; }



/* Heading */

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000; }

h1 {font-size:24px; }
h2 {font-size:20px; }
h3 {font-size:16px; }
h4 {font-size:14px; }
h5 {font-size:14px; }
h6 {font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0; }



/* Text Elements */

p			{color:#000; font-size:12px; line-heigt:150% }
p .left		{margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right	{margin:1.5em 0 1.5em 1.5em; padding:0; }

a			{   }
a:link		{ color:#00f; }
a:visited	{ color:#0000FF; }
a:active	{ color:#000; }
a:focus		{ color:#666; }
a:hover		{ color:#f00; }

blockquote	{ color:#000; font-size:12px; }

strong		{ font-weight:bold; }
em			{ font-style:italic; }

/* images */



/* Lists */

ul			{ list-style-type:disc;  }
ol			{ list-style-type:decimal; }

ul li		{ color:000; font-size:12px; }
ol li		{ color:000; font-size:12px; }

dl			{   }
dt			{   }
dd			{   }



/* Tables */

table			{width:100% }

tr				{   }
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

.th				{ font-weight:bold; }
.thead, th		{ background:#ccc; }

tbody			{   }

th, td, caption	{   }
caption			{   }

tfoot			{   }
.tfoot			{ background-color:#ccc; text-align:center; font-style:italic; }

caption  		{ background:#efefef; }




/* Containers */

#wrapper			{ width:1000px; margin:0px auto; background-color:#FFFFFF; }

#top				{ background-color:#FFFFFF; width:100%; padding:20px 0 10px 0; overflow:hidden; border-bottom:3px; border-bottom-color:#FF0000; border-bottom-style:solid; }

#delivery			{ margin:0 0 0 10px; float:left; }
#delivery p			{ font-size:14px; }		

#logo				{ float:right; margin:0 10px 0 0; }
#logo img			{ width:500px; }

#topnav				{ clear:both; }
#topnav ul			{ width:100%; float:left; margin:0px; }
#topnav ul li		{ display:inline; font-size:14px; }
#topnav ul li a		{ float:left; padding:20px 20px 20px 10px; }

#topnav a:link		{ color:#000000; }
#topnav a:visited	{ color:#000000; }
#topnav a:active	{ color:#000000; }
#topnav a:hover		{ color:#FF0000; }
#topnav a:focus		{ color:#000000; }

#subnav 			{ clear:both; }
#subnav ul			{ width:100%; float:left; margin:0px; }
#subnav ul li		{ display:inline; font-size:14px; }
#subnav ul li a		{ float:left; padding:20px 10px 20px 10px; }

#subnav a:link		{ color:#000000; }
#subnav a:visited	{ color:#000000; }
#subnav a:active	{ color:#000000; }
#subnav a:hover		{ color:#FF0000; }
#subnav a:focus		{ color:#000000; }

#banner				{   }
#banner img			{ width:100%; border-bottom:3px; border-bottom-color:#FF0000; border-bottom-style:solid; }

#content			{ width:100%; clear:both; padding:20px 0; margin:40px auto; background-color:#ffffff; }
#content img		{ padding:10px; margin:5px; }
#content h1			{ font-size:20px; font-weight:bold; padding:10px 0 10px 10px; }
#content h2			{ font-size:14px; font-weight:bold; padding:10px 0; }
#content p			{ font-size:14px; width:100%; padding:10px 0; line-height:150%; }
#content ul			{ width:100%; padding:10px 0 10px 40px; }
#content ul li		{ font-size:14px; line-height:150%; }

#contenttextmitbild	img	{float:right; }

#contentleft		{ width:50%; clear:both; float:left; padding:20px 0; background-color:#ffffff; margin:40px 0; }
#contentleft img	{ float:left; width:250px; }
#contentleft p		{ padding:10px 0; }

#contentright		{ width:50%; float:right; padding :20px 0; background-color:#ffffff; margin:40px 0; }
#contentright img	{ float:left; width:250px; }
#contentright p		{ padding:10px 0; }

#footer				{ clear:both; }
#footer ul			{ width:100%; float:left; background-color:#000000; padding:0; }
#footer ul li		{ display:inline; text-align:center; color:#ff0000; float:left; padding:10px 10px; }
#footer ul li a		{ color:#ff0000; }

#subbanner			{   }

#content-wrapper	{   }

#leftside			{   }

#rightside			{   }


#box 1		{  }

#box 2		{  }

#box 3		{  }

#box 4		{  }

#box 5		{  }

#box 6		{  }



/* Layout Extra */



/* Navigation Extra */



/* Forms */

form	{ text-align:left; margin:20px; }

label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
	}

label {
	float:left; width:150px;
	text-align:right; display:block;
	}

input, textarea {
	border:1px #333 solid; margin-left:10px;
	}

input {
	width:280px; margin-bottom:16px;
	}

textarea {
	width:280px; heigt:150 px;
	margin-bottom:16px;
	}

select { }

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}

br {clear:left; }
	


