@charset "utf-8";

	body, div, table, th, td, p, h1, h2, h3, h4, h5, h6, span  {
		margin:0 auto;
		padding:0;
		font-family: arial, helvetica, sans-serif;
		font-weight: normal;
		text-align: left; 
		vertical-align: top;
		font-size: 100.01%; /*verhindert bugs bei schriftenvergrösserung safari, opera*/
		color: #003366;
	}
	
	html {
	font-size:100%; /* wichtig für IE 5 - 7  schriftgrösse */ 
	}

	body {
		width:100%;
		font-size:1em; /*schrift relative machen*/
		text-align: center; 
		border: 0;
		background:#003366;
		margin-top: 0px;
	}
	
	h1, h2, h3 {
		margin:1.5em 1.0em 0 0;
		font-weight:bold;
	}

	
	h1 {	font-size:155%;}
	h2 {	font-size:130%;}
	h3 {	font-size:120%;}

	
	a:link { color: #003366;  text-decoration: none; }
	a:visited  { color: #999999;  text-decoration: none; }
	a:focus{color:#000 !important;border:1px dashed #999999;text-decoration:none}
	a.skip:focus{position:absolute;z-index:10;top: 10px; left: 10px;height:auto;width:auto;line-height:1.6em;text-decoration:none;color:#000;border:1px dashed #999}
	a.skipnav:focus{position:absolute;z-index:10;top:-30px; left:1px;height:auto;width:auto;line-height:1.6em;text-decoration:none;color:#000;border:1px dashed #999}
	a:hover { color: #003366; text-decoration:none; font-weight: bold; }
	a.skip:active{position:absolute;z-index:10;top: 10px; left: 10px;height:auto;width:auto;line-height:1.6em;text-decoration:none;color:#000;border:1px dashed #999}
	a.skipnav:active{position:absolute;z-index:10;top:-30px; left:1px;height:auto;width:auto;line-height:1.6em;text-decoration:none;color:#000;border:1px dashed #999}
 
	a:active { color: #003366; text-decoration:none; font-weight: bold; }
	
	caption { font-weight: bold; }
	

/*nichtsichtbar angaben */

	.skip, .skipnav, .nonv, thead, tfoot { position: absolute; top: -6000px; left: -6000px; width: 0; height: 0; overflow: hidden; display: inline; }

/*container*/
	
	#fixed {
		font-size:80%;
		text-align:center;
	}
	
	 #main {
		clear:both;
		text-align: center;
		width:70%;   /* you can use px, em or % */
		padding:0;
		background-color:#ffffff;
		overflow:hidden;
	 }
	 
/*header */	 
	
	#header	{
		margin : 0 auto;
		width:100%;
		padding:0;
		background-image: url(../images/hintergrund_oben.jpg);
		background-repeat: repeat;
		height:129px;
		position:absolute;
		left : 0%;
		right : 0%;
	}
	
	/*navigation*/
	#headernavigation {
		margin : 0 auto;
		width:100%;
		padding:0;
		overflow:hidden;
		background-image: url(../images/headermitte.jpg);
		background-repeat: repeat-x;
		}
	
	#headerimgleft {
		float:left;	
		width:50%;
		height:48px;
		background-image: url(../images/headerleft.jpg);
		background-repeat: no-repeat;
	}

	#headerimgright {
		float:right;		
		width:184px;
		height:48px;
		background-image: url(../images/headerright.jpg);
		background-repeat: no-repeat;
	}

	#navigation { 	
		margin : 0 auto;
		position : absolute;
		top : 56px;
		width:70%;
		left : 14%;
		right : 15%;
		text-align : center;
		background-color:#e6ddd5;		
	}
	
	#navigation ul {
		float:left;
		list-style:none;
		margin:0.5em 0 0.45em 0;
		padding: 0;
	}

	#navigation ul li {
		display:inline;
	}

	#navigation a {
	   padding:0.19em 0.63em;
	   color:#003366;
	   text-decoration:none;
	}

	#navigation a:hover {
		color:#003366;
		font-weight:bold;
	}

	 .active {
	   padding:0.19em 0.63em;
	   color:#003366;
	   text-decoration:none;
	   font-weight:bold;
	 }
	 
/*content middle*/	 

	#content {
		float:right;
		margin: 11.5em 0 6em 0;
		width : 60%;
	}
	
	#content p {
		margin:0.5em 1.0em 0 0;
		width : 60%;
	}
	
	#content h1, #content h2, #content h3, #contentlinks h1, #contentlinks h2 {
		width : 60%;
	}

	#impressum {
		margin: 0 0 0 1.5em;
	}
	
	#impressum p {
		margin:0em 1.0em 0 1.0em;
		width:55%;
		text-align:center;
	}
	
	#winkelleft	p, #contentlinks p {
		margin:1.5em 1.0em 0.5em 1.0em;
		width : 60%;
	}
		
	#winkelright p {
		margin:0.5em 1.0em 1.5em 1.0em;
		width : 60%;
		text-align:right;
	}
	
	#contenturnen {
		float:right;
		margin: 11.5em 0 6em 0;
		width : 80%;
	}
	
	#contenturnen p {
		margin:0.5em 1.0em 0 0em;
		width : 80%;
		text-align:center;
	}
	
	#contenturnen ul {
		list-style:decimal;
		width:400px;
	}
	
	#contenturnen li {
		margin-bottom:5px;
	}
	
	#contenturnen img {
		margin-bottom:15px;
		text-align:center;
	}
		
	#contenturnen a:hover {
		color:#003366;
		font-weight:bold;
	}
	
	#contenturnenaufl {
		width:400px;
	}	
	
	#contenturnenbeschr {
		float:left;
		width:551px;
		margin-top:15px;
	}	
	
	#contentkontakt {
		float:right;
		margin: 11.5em 0 6em 0;
		width : 75%;
	}
	
	#contentkontakt p {
		margin:0.5em 1.0em 0 0em;
		width : 90%;
	}
	
	#contentkontakt h1, #contentkontakt h2  {
		width : 90%;
	}
	
	#contentlinks {
		float:right;
		margin: 11.5em 0 6em 0;
		width : 60%;
	}
		
	#contentlinks img  {
		margin: 0 10px 0 0;
	}
	
	#contentlinks p {
		margin:0.5em 1.0em 1.5em 0em;

	}

	#kontaktformular  p {
		width : 100%;
	}

	#left {
		margin: 9.5em 0 6em 1.0em;
		width : 35%;
		overflow:hidden;
	}
	
	#left p {
		margin:1.5em 1.0em 0 1.0em;
	}
	
	
	#leftbestellung {
		margin: 9.5em 0 6em 1.0em;
		width : 1%;
		overflow:hidden;
	}
	
	#leftimpressum {
		margin: 9.5em 0 6em 1.0em;
		width : 35%;
		overflow:hidden;
	}
	
	#leftimpressum p {
		margin:1.5em 1.0em 1.5em 1.0em;
		text-align:center;
	}

/*bestell - seiten*/	
	#contentbestellung {
		float:right;
		margin: 11.5em 0 6em 0;
		width : 99%;
	}

	#contentbestellung  h1, #contentbestellung h2{
		width : 90%;
		margin-left:45px;
	}
		
	#contentbestellung table {
		width : 90%;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
	}
	
	#contentbestellung 	 td { 
		border:1px solid #003366;
		font-size:80%;
		vertical-align:middle;
		height:40px;
	}
	
	#contentbestellung 	 th, tr { 
		vertical-align: top;
	}
	
	#contentbestellung a  { 
	color: #003366; text-decoration:underline; font-weight:normal;}
		
	#contentbestellung img {
		border: 0; 
		margin: 0.5em 0 0.5em 0;
	}
	
	#contentbestellung fieldset {
		margin:1.0em 1.0em 0 1.0em;
		width: 80%;
	}
	
	#contentbestellung label {
		width:180px;
		float:left;
		display: block;
		clear: left; /* Umbruch */ 
}

	#contentbestellung legend {
		color: #003366;
	}
	
	#contentbestellung input {
		position: relative; 
	}
	
/** tabellen ids für contenbestellung **/
	
	#versandkosten p{
		padding:0.5em;
	}
	
	#bestellen td{
		padding:0.5em;
	}
	
	#emkeramikblau p {
		margin:0 0 0.5em 0;
		height: 13px;
		text-align: center;
		
	}
	
	#emkeramikgelb p {
		margin:0 0 0.5em 0;
		height: 13px;
		text-align: center;
	}
	
	#emkeramikbeige p {
		margin:0 0 0.5em 0;
		height: 13px;
		text-align: center;
	}
	
	#embackform p {
		margin:0 0 0.5em 0;
		height: 13px;
		width:90%;
		text-align: center;
	}
	
	#bestellangaben p {
		margin:0.5em 1.0em 0 1.0em;
	}
	
	#bestellangaben_eintrag p {
		margin:0.5em 1.0em 0 1.0em;
	}
	
	.pbestellung {
		margin:0.5em 1.0em 0 1.0em;
	}
	
	/** Ende: tabellen ids für contenbestellung **/	
		
	
	/*formular */
	fieldset {
		margin:1.0em 1.0em 0 1.0em;
		width: 75%;
		border: #003366 1px solid;
	}
	
	label {
		margin:0 0 0 .5em;
		width:80px;
		float:left;
		display: block;
		clear: left; /* Umbruch */ 
	}

	legend {
		color: #003366;;
	}
	
	input {
		position: relative; 
	}
	
	label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] 	{
		cursor: pointer;
	}
	
	input, select, textarea {
	font-family: arial, helvetica, sans-serif;
	background: #f2f2f2;
	font-size: 1em;
	}
	
	input:focus, textarea:focus {
		color: #242224;
		background: #fff;
		outline: 1px dashed #38610b;
	}
   
	.standard, .error, .confirm {
		padding:0 0 0 .5em;
	}
	
	.sendstandard, .senderror, .sendconfirm {
		float:right;
		margin: 10px 10px 10px 0;
	}