/* root tags */

/*setzt Innen- und Außenabstände aller HTML Elemente auf 0*/
* {margin:0; padding:0; }
/*Sonderregelung Abstand option Feld Formulare*/
option { padding-left: 0.4 em; }
/*border Bilder und felder 0*/
fieldset, img { border:0 solid; }
/*?*/
html { height:100% }

/*wider den Italic Bug, muss vor allen Layout Definitionen stehen.*/
* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }

/*Scroll-Balken erzwingen in Savari Firefox*/
html {height:100%}
body { min-height:101% }

/*Schriftgrößen und Rundungsfehler - ältere Opera- und Safari-Versionen*/
 body { font-size: 100.01% } 

/*IE Hacks css laden - YAML - 
*ACHTUNG Font Definition body stimmt nach Laden dieser Datei nicht mehr !!!
* musste p zugeordnet werden
@import url(iehacks.css)

*/




body {
			margin: 0px;
			padding: 0px;
			/**/font-family: Verdana,Helvetica,Arial,sans-serif;
			background: white;
			color: black;
			min-width: 400px;
			max-width: 800px;
}

table {
			border: none;
}

table.seite {
			 width: 750px;
			 border: 0px;
			 /*border: 1px solid red; */
			 border-spacing:0px;
			 margin: 0px 0px 0px 0px;
			 padding: 0px 0px 0px 0px;
			 background-color: #F0F0FA;
			 /*RGB 240 240 250*/
	     font-size: 9pt;
			 /*background-color: #e6e6fa;*/
}		

table.angebot {
	     margin: 0px 0px 10px 0px;
			 font-size: 9pt;
			 width: 400px;
}
table.angebot td {
	     padding:3px;
			 vertical-align:top;
}
table.angebot td.header {
	     font-weight:bold;
}
table.angebot td.header-preis {
	     font-weight:bold;
       text-align:right;
}

table.angebot td.preis {
	     text-align:right;
}
table.angebot td.preis-rot {
	     text-align:right;
			 color:#ff0000;
}

td.content {
			vertical-align:top;
			padding: 0px;
}



img.logo-start {
			border: none;
			float:left; 
			margin: 10px;
}
body.events img.logo-start {
			border: none;
			margin: 5px 10px 0px 0px;
			clear:both;/**/
}

div {
		/*width:520px;*/
	  margin: 10px 0px 0px 8px;		
		padding: 0px 40px 6px 0px;
		}

div.clear { 
		margin: 0px;
		padding: 0px;
		clear: both;
		width: 40px;	
		height:1px;
		font-size:1pt;
}

div.text {
		width:550px;/**/
	  background-color: #ffffff;
	  margin: 10px 8px 0px 8px;
		padding: 0px 0px 12px 0px;
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		clear:both;
}

body.sortiment div.text {
		clear:none;
		width:auto;
}

/*Link Top*/
div.top-link {
		width:550px;
		background-color: #F0F0FA;
		margin: 0px 8px 16px;
		padding: 0px;
		border-right: 1px solid #fff;
		text-align:right;
		clear: both;
}

		

h1 {
	    margin: 20px 120px 20px 8px;
			padding: 5px 0px 5px 10px;
			/*margin: 1.0em 2.4em 1.0em 0.4em;
			padding: 0.1em  2.0em 0.1em 0.3em;*/
			text-align: left;
		  line-height: 1.6em;
      font-family:Verdana,Arial,Helvetica,sans-serif;			
			font-size: 1.6em;
		  font-weight: normal;
			color: #05055A;
			letter-spacing: 0.05em;
			background-color: #F0F0FA;
			border-top: 4px solid #9ea6ce;
			border-right: 4px solid #F0F0FA;
			border-bottom: 4px solid #F0F0FA;/**/
			border-left: 4px solid #05055A; 
}

h1.welcome {
			margin: 10px 4px 0px 8px;
			/*margin: 2.0em 0.5em 0.0em 0.4em;*/
			padding: 0.5em 0.8em 0em 0.4em;
			text-align: left;
		  line-height: 1.3em;
			font-size: 1.6em;
			font-weight: bold;
			color: #05055A;
			letter-spacing: 0.05em;
			background: none;
			border:0em; 
}
	
h2 {
	    margin: 0px 0px 10px 90px;
			padding: 8px 10px 2px 6px;
      font-family:Arial,Verdana,Helvetica,sans-serif;			
		  line-height: 1.3em;
		  font-size: 1.2em;
		  font-weight: bold;
		  font-style: normal;
			color: #05055A;
			letter-spacing: 0.07em;
}

h2.breit {
	    margin: 0px 0px 5px 10px;
			padding: 12px 10px 4px 0px;
			
}
h2.welcome {
	    margin: 0px 0px 0px 14px;
			padding: 4px 10px 0px 0px;
			
}

body.events h2.breit {
	    margin: 0px 0px 5px 10px;
			padding: 12px 10px 4px 0px;
			
}

body.events h2 {
	    margin: 0px 0px 5px 120px;
			padding: 12px 10px 4px 0px;
}

h3 {
	    margin: 5px 0px 0px 100px;
			padding: 4px 5px 5px 0px;
      font-family:Arial,Verdana,Helvetica,sans-serif;			
			color: #05055A;
			font-size: 1.2em;
			font-weight: normal;
		  line-height: 1.3em;
}

h3.breit {
	    margin: 0px 0px 10px 10px;
			padding: 4px 5px 5px 0px;
      font-family:Arial,Verdana,Helvetica,sans-serif;			
			color: #05055A;
			font-size: 1.2em;
			font-weight: normal;
		  line-height: 1.3em;
}

h4 {
	    margin: 0px 0px 2px 100px;
			padding: 4px 5px 3px 0px;
      font-family:Arial,Verdana,Helvetica,sans-serif;			
			font-size: 1.1em;
			color: #05055A;
			font-weight: bold;
		  line-height: 1.3em;
}

h4.breit {
	    margin: 0px 0px 2px 10px;
			padding: 4px 5px 3px 0px;
      font-family:Arial,Verdana,Helvetica,sans-serif;			
			font-size: 1.1em;
			color: #05055A;
			font-weight: bold;
		  line-height: 1.3em;
}


p {
			margin: 4px 5px 0px 100px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;
      			
}

p.hundert {
			margin: 4px 5px 0px 120px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;
}


p.breit {
			margin: 4px 5px 0px 10px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;
}

body.events p.breit {
			margin: 4px 5px 0px 10px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;
}


p.top {
			margin: 15px 5px 5px 10px;
			padding: 1.8em 0.8em 0.8em 0.8em;
}

body.sortiment p.top {
			margin: 15px 5px 5px 10px;
			padding: 0px 5px 4px 0px;
}

body.sortiment p {
			margin: 4px 5px 0px 10px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;
}
		
body.events p {
			/*margin-left: 120px;
			margin: 4px 5px 0px 120px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;*/
			margin: 4px 5px 0px 120px;
			padding: 0px 5px 4px 0px;
   		line-height: 1.4em;


}

body.events p.date	{
			height: 60px;
			margin: 0px 0px 0px 0px;
			padding: 5px 12px 5px 10px;
			float: left; 
		  border-right: 1px solid #C0C0C0;
			clear:both;
			white-space:nowrap;
}


p.right {
      /*width:200px;
			margin: 4px 5px 0px 0px;
			margin: 0px;
			padding: 0px;*/
			margin: 0px;
			padding: 0px;
			float: right;
			text-align:center;
			/*margin: 0.5em 0.3em 0.5em 1em; */	
}

p.right img {
		margin: 5px 5px 5px 0px;
		padding: 5px;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		/**/
}
p.imageframe img {
		margin: 5px 5px 5px 0px;
		padding: 5px;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
		/**/
} 

ul.blue {
		 margin: 0px 0px 0px 100px;
		 padding: 0em 0em 0.5em 0.5em;
		 line-height: 2em;
	   list-style-image:url(/utilities/img/bullet3.gif);
}	
ul.blue, ul.blue-breit li {
		 line-height: 1.4em;
}

body.angebot ul.blue {
			margin: 0px 0px 0px 100px;
	    /*margin: 0em 0em 0.5em 8.6em;*/
		  padding: 0px;
}	

body.events ul.blue {
			margin: 0px 0px 0px 125px;
	    /*margin: 0em 0em 0.5em 8.6em;*/
		  padding: 0px;
}	

body.sortiment ul.blue {
			margin: 0px 0px 0px 10px;
		 padding: 0em 0em 1.0em 0.5em;
	   list-style-image:url(/utilities/img/bullet3.gif);
}	

ul.blue-breit {
			margin: 5px 0px 0px 10px;
		 padding: 0em 0em 1.0em 0.5em;
	   list-style-image:url(/utilities/img/bullet3.gif);
}	

ul.link-start {
		 margin: 0px 0px 0px 128px;
		 padding: 0em 0em 0.5em 0.5em;
	   list-style-image:url(/utilities/img/link.gif);
}	

ul.link {
	   margin: 0em 0em 0.5em 0.5em;
		 padding: 0em 0em 0.5em 0.5em;
	   list-style-image:url(/utilities/img/link.gif);
}	


ul.link-top {
	   margin: 1.0em 0em 0.5em 0.5em;
		 padding: 0em 0em 0.5em 0.5em;
	   list-style-image:url(/utilities/img/link.gif);
		}	

li {
			margin: 0px 10px 4px 20px;
			padding: 0.0em 2.0em 0.2em 0em;
			line-height: 1.2em;
}

ul.link-top li {
			line-height: 1.4em;
}

span.underline {
      font-size: 8pt;
}
	



/*Footer*/	
div.footer {
		width:550px;/**/
	  background-color: #F0F0FA;
		margin: 10px 10px 5px 10px;
		padding: 0px 0px 5px 0px;
	  /*margin: 2.0em 1.0em 0.5em 0.6em;
		padding: 0em 0em 0.5em 0em;*/
		border-top: 1px solid #C0C0C0;
		border-left: 1px solid #C0C0C0;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
}


table.footer {
			width:100%;
			background-color: #F0F0FA;
			border:0em;
			padding:0em; 
}
table.footer td {
			vertical-align:top;
			padding: 0px;
			margin: 0px;
}
table.footer h3 {
			margin: 0em 0em 0.1em 0.3em;
			padding: 0em;
	    font-size:0.8em;
			font-weight: bold;
}
table.footer p {
			margin: 0em 0em 0em 0.5em;
			padding: 0em 0em 0em 0em;
	    font-size:0.7em;
			
}
	

/*Text-Links*/		
	a {
			font-weight: normal;
			text-decoration: none;
			color: #23007F;
		}
	
	a:visited {
			font-weight: normal;
			text-decoration: none;
			color: #23007F;
		}
	
	a:hover, a:active {
			color: #dc5532;
			text-decoration: none;
		}

	a:link img {
			border: none;
		}
	
	a:visited img {
			border: none;
		}
	
	a:active img {
			border: none;
		}
	
/* ... */
/*Kontaktseite*/
table.kontakt {
			width: 550px;
			background-color: #ffffff;
			border:0em;
			padding:0em; 
}

table.kontakt td {
			vertical-align:top;
			padding: 0px;
			margin: 0px;
}
table.kontakt h3 {
			margin: 1.0em 0em 0.1em 0.3em;
			padding: 0em;
	    font-size:1em;
			font-weight: normal;
}
table.kontakt p {
			margin: 0em 0em 0em 0.5em;
			padding: 0em 0em 0em 0em;
	    font-size:0.9em;
			
}


/*Kontaktformular*/

div.form {	
	font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 10px 20px 20px 20px;
	padding: 0px 0px 0px 5px;
}



div.form font.fieldname {	
	font: 9pt/12pt verdana, helvetica, geneva, sans-serif;
	margin-top: 0px;	
}



div.form input.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 2 0 1em 0;
	padding: 2 0 2 0;
}



div.form select.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 2 0 1em 0;

	padding: 2 0 2 0;
}



div.form textarea.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 2 0 1em 0;
	padding: 2 0 2 0;
}



div.dialog {
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	background-color: #C6C6C6;
	margin: 20px 20px 20px 20px;
	padding: 10px 10px 10px 10px;

}



font.fieldname {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	font-size: 9px;

}



div.dialog input.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}



div.dialog select.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;

}



div.dialog textarea.field {	
  font: 9pt/14pt verdana, helvetica, geneva, sans-serif;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;

}