/*margin oben, rechts, unten, links
padding:oben, rechts, unten links.
/* fs-style*/
 * {
		    margin: 0;
		    padding: 0;
	}
	html {
		    color: #fff;
		    background-color: #757575;
	}

	div#container {
	    width: 765px;

	    margin: 0 auto;

	    margin-top: 5px;
	    text-align: center;
	    border: 3px double #7d7e9a; 
	    color: #F9F9D3;
	    background-color: #fff;
	}

	div#wrapper {
	    width: 100%;
   	    min-height:600px;
	    float: left;
	    background-color:#F9F9D3;
	    color:#000;
	}


div#wrapper a ,a:link ,a:visited, img,a:link img,a:visited img {border:none;text-align: left;}


div#bilder img,a:link img,a:visited img{float: none;border:none;text-align: center;margin:0 auto; padding:0;}

	div#content {
	    margin: 0 5px 5px 35%;
	    text-align: left;
	}

	div#column01 {
	    float: left;
	    width: 20.6%;
	    margin-left: -20.8%;
	    text-align: left;
	    border-left: 1px solid #000;
	    border-bottom:1px solid #000; 
	    background-color:#bdcbd0;
	}

	div#column02 {
	    float: left;
	    width: 34%;
	    margin: 30px 0;
	    margin-left: -99.6%;
	    text-align: center;
	    border-right: 0;
	    border-bottom:0; 
	    background-color:#F9F9D3;
	}

	div#header {
	    width: 100%;
		  height:100px;
	    margin: 0;
		  padding: 0;
	    border-top:1px solid #fff;
	    background: url('http://www.gajatek.de/webseitenbilder/kopfbild2.jpg');
	    color:inherit;
	    
	}	
.mini{
	font-size:0.6em;
}
		
	div#headtext {
		float: left;
		height:60px;
		width: 40%;
		line-height:1em;
		margin-top: 8px;
		margin-left: 30px;
		padding: 0px;
		color: #000;
		text-align: left;
	}


	div#topnavitext {
		width: 100%;
		height:26px;
		padding: 0;
		margin: 0;

		text-align: left;
	    border-top:0;
	    background-color:#388AFF;
	    color:inherit;

	}


/*---Kopf-Navigation---*/
.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(prodrop2/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#CED0D0; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}

.menu2 li.sub {display:block; float:left; position:relative;}


.menu2 li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:1px; top:30px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:150px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:144px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(prodrop2/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(prodrop2/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(prodrop2/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:150px; z-index:200; height:auto;}

/*---Ende Kopf-Navigation

	ul#naviMain li {display: inline; border-right: 1px solid black; font-weight: bold;}

---*/


	div#footer {
	    margin: 0 auto;
	    text-align: center;
		clear: left;
		width: 100%;
	    border-top: 3px double #7d7e9a;
	    background-color:#dadada;
	    color:inherit;
		height:30px;
		color: #000;
	}


/*---verhindert blauen Rand um verlinkte Bilder---*/
a img,
a:link img,
a:visited img{border:none;text-align: left;}


/*---Schriftgroesse-Art festlegen---*/
html, body {
	   font: 0.9em/1.4em Verdana, Arial, sans-serif;
  }

/*---Listen in den Spalten---*/

div#column01 ul,
div#column02 ul{
      margin:12px 2px 12px 12px;
      list-style:none;
  }
      
div#column01 ul li,
div#column02 ul li{
      padding-left:8px;
      line-height:1.5em;
  }
 
/*---content p  h2 damit das Beispiel ein wenig besser aussieht ---*/

h2,
p{
      margin:4px;
      padding:2px 10px;
      text-align: left;
  } 
h1 {margin:4px; padding:2px 10px; text-align: left;}
.numero {color:#808080;float:left;font-size:29pt;font-style:normal;font-weight:normal;line-height:80%;margin:1px 2px 0 4px;padding:2px 0 0 10px}
h4.fett {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; color: #999; text-align: center; margin: 5px; padding: 2px 10px; text-decoration: underline; border-style: solid; border-width:5px 0 0 0;}
h4 {padding: 0 0 0 15px;}
table {margin:4px; padding:2px 10px;}
td {text-align: left;}
div#header h1 {
	    position: absolute;
      top:0px;
	    left: 24%;
      font: bold 260%/170% "Palatino Linotype", swiss, serif;/*Groesse der Schrift anpassen*/
	    color:#b8083e;
	    background-color: transparent;
  }

/* Begin mailer */
#mailer body{font-family:arial,sans-serif;text-align: center;}
#mailer p{color:#FF293A;font-size:1em;}
#mailer table{background-color:#FFF;width:440px;border-collapse:collapse;font-size:1em;margin-left: auto; margin-right: auto;}
#mailer td{background-color:#7296BB;border:1px solid black;padding:5px;color:#fff;text-align: left;height:30px;font-size:1em;}
#mailer table input{width:250px;height:18px;}
#mailer table textarea{width:250px;}
#mailer table input.sm{width:20px;vertical-align: bottom;}
#mailer table .inputbutton{width:80px;height:20px; margin-top:0px;padding:0px; background-color:#fff;color:#3D5E7F;font-size:1em;}
#mailer .scode{border:0;width:50px;height:40px;display:inline;float:left;}
#mailer .cap{width:60px;margin:0px;padding:0px 0 0 0px ;height:40px;text-align: center;font-size:1em;}
.bruch3 {clear: both;}
/*mittig zwei boxen*/

.aussen {	width: 750px;
	text-align: center;
    padding: 0px;
	margin: 0 auto;
	min-width: 138px;/*Opera/Mozilla brauchen dies breite aenderbar*/}
.innen1 {width: 100%;height:1px/*  für IE Win */}
.box01 {width: 441px; /*untere Boxen*/
	min-width: 50px;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 60%;
	display: inline;}

.box01a {float: right;
	text-align: left;
	width: auto;}
.box02 {	width: auto; /*untere Boxen*/
	min-width: 50px;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	float: left;
	width: 30%;
	display: inline;}
.box02a {	float: left;
	text-align: left;
	width: auto;}

/*---Listen Index---*/
	ul.angebote{
	    list-style:disc inside;
	    width:70%;
		margin-left:30px;
	    text-align: left;
	    background-color:#F9F9D3;
	    width:700px;
	}
	li.angebote{
		margin-left:30px;
		padding-left:10px;
		}

	ol.decimal{
	    list-style:decimal outside;
	    padding:0.3em 0.3em 0.3em 1.3em;
	    color:red;
	    margin-left:1em;
	}
	ul.circle{
	      list-style:circle url(pinsel.png)  inside;
	      padding:0.3em;
	      font:normal 1em Arial, sans-serif;
	      color:black;
	      margin-left:0;
	  }
	ol.angebote{
	    list-style:disc;
	    text-align: left;
	    padding-left:10px;
	    margin-left:1em;
	    text-decoration: underline;
	    
	    }