/* CSS Tischlerei MB, Kiel | Oktober 2008, ineins internetservices + networks www.ineins.de */

/*---Allgemeine Bereiche---*/

a[href^="http:"] {
	background:transparent url(bilder_allgemein/b_linkout.gif) 100% 50% no-repeat;
	padding-right:15px;
}
a[href^="http://tischlerei-mb.de"], a[href^="http://www.tischlerei-mb.de"] {
	background:transparent;
	padding-right:0px;
}

* { margin:0; padding:0; }

html, body {
	height:100%; top:0; left:0; min-width:55em;
	background-color:#F3EEE6;
	background-image:url(bilder_allgemein/hg_haupt.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font:normal 100,01%;
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
}

a:link { color:#990000;	text-decoration:underline; }
a:visited { color:#990000; text-decoration:underline; } 
a:hover { color:#666666; text-decoration:none;	}
a:active { color:#990000; text-decoration:underline; }

.mitte {vertical-align:middle;}
.galerie	{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-style:normal; font-weight: normal; }
.kurs	{ font-style:italic; }
.fett	{	font-weight:bold;	}
.dklgrau	{ color:#666666; }	
.rot	{ color:#BF0000; }
.rotfett	{ color:#BF0000; font-weight:bold;}
.blau	{ color:#274388; }
.mittel	{ vertical-align:middle; }
.abstand01	{ margin:36px 0 0 0; }
.abstand02	{ margin:39px 0 0 0; }
.abstand03	{ margin:40px 0 30px 0; }
.abstand04	{ margin:10px 0 0px 0; }
.abstand05	{ margin:20px 0 60px 0; }
.abstand06	{ margin:20px 0 40px 0; }
.abstand07	{ margin:250px 0 0 0; }
.abstand08	{ margin:20px 0 40px 0; }
.abstand09	{ margin:20px 0 340px 0; }
.abstand10	{ margin:20px 0 940px 0; }
.abstand11	{ margin:20px 0 445px 0; }
.abstand12	{ margin:20px 0 190px 0; }
.abstand13	{ margin:20px 0 130px 0; }
.abstand14	{ margin:20px 0 1970px 0; }
.abstand15	{ margin:20px 0 570px 0; }
.abstand16	{ margin:20px 0 100px 0; }
.abstand17	{ margin:20px 0 85px 0; }
.abstand18	{ margin:10px 0 10px 0; }
.abstand19	{ margin:10px 0 10px -3px; }
.float_r	{ float:right; padding:10px 0 15px 20px; }
.float_l	{ float:left; padding:5px 30px 15px 0px; }
.float_l2	{ float:left; padding:0px 20px 5px 0; }
.abstand_obenunten	{ margin: 10px 0 10px 0	}

/*---Schriftbereiche---*/

h1 {
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:normal;
	padding:0 0 15px 0;
}
h2	{
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:14px;
	color:#33333;
	font-weight:normal;
}	
h3	{
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:0.75em;
	color:#33333;
	font-weight:bold;
}
h4	{
	font-family: Arial Narrow, tahoma, verdana, arial, sans-serif;
	font-size:18px;
	color:#33333;
	font-weight:normal;
  	letter-spacing:1px;
	padding:0 0 10px 0;
}
h5	{
	font-family: Arial Narrow, tahoma, verdana, arial, sans-serif;
	font-size:20px;
	color:#33333;
	font-weight:normal;
  	letter-spacing:1px;
	padding:0 0 10px 0;
}
p {
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:18px;
	font-weight:normal;
}


/*---Hauptbereiche---*/

#gesamtrahmen	{		/* Rahmen um alles */
	width:1000px;
	text-align: left;    /*Seiteninhalt wieder links ausrichten*/
    margin: 0 auto;      /*standardkonforme horizontale Zentrierung*/
}

#contentrahmen	{		/* Rahmen um den Content incl. der Boxen links, rechts und info */
	width:1000px;
	background-color:#FFFFFF;
}

#kopf	{
	height:300px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ 

* html #contentrahmen {
  margin-top:-3px;
  } 
* html #kopf {
  height:1%;
  margin-bottom:0;
  }
  
/* End hide from IE5/mac */







#links1	{
	background-color:#FFFFFF;
	width:150px;
	float:left;
	text-align:right;
	padding:0 20px 0 20px;
}
#links1 p	{
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:14px;
	font-weight:normal;
}
#links1 h2	{
	font-family:"Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:14px;
	font-weight:normal;
}

#rechts1	{	/* Contentbereich! */
	background-color:#F3EEE6;
	margin:0 0px 0 190px;
	padding:0 180px 0 40px;
}


#rechts2	{	/* Contentbereich! */
	background-color:#F3EEE6;
	margin:0 0px 0 190px;
	padding:0 20px 0 40px;
}

#info	{
	float:right;
	margin:0 0 0 0;
}

/*---Navigation---*/

/*Horizontale Navigation*/

div#rahmen {
	height:40px;
	margin-left:40px;
    padding:0;
}
div#rahmen div {
     clear:left;
}
ul#navigation {
    margin:0; 
	padding:0;
    text-align:center;
}
ul#navigation li {
    list-style:none;
    float:left;  
    position:relative;
    margin:1px 1px 1px 1px; 
	padding:0;
    top:8px;
}
ul#navigation li ul {
	margin:0; 
	padding:0;
    position:absolute;
    top:16px; 
	left:-2px;
    display:none;  /* Unternavigation ausblenden */
}
ul#navigation li:hover ul {
    display:block;  /* Unternavigation in modernen Browsern einblenden */
}
ul#navigation li ul li {
    float:none;
    display:block;
    margin-bottom:0px;
}
ul#navigation a, ul#navigation span {
    display:block;
    width:100px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding:3px 6px 3px 6px;
    text-decoration:none;
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    color:#993300; 
	background-image:url(bilder_allgemein/hg_links.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
li a#aktuell {
    color:#FFFFFF; 
}
ul#navigation a:hover, ul#navigation span	{  /* Hovereffekt */
	color:#FFFFFF;
}
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color:#FFFFFF; 
}
ul#navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color:#993300;
}



/* Container für Kontaktseite */

#content_kontakt	{	/*Contenbereich in der Mitte*/
	background-color:#F3EEE6;
	margin:0 0px 0 190px;
	padding:0 0px 0 40px;
}


#ausgabe	{	/* Ausgabecontainer für email-Formular */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#336699;
}
* html #ausgabe	{	
	font-size:11px;
}
*:first-child+html #ausgabe	{	
	font-size:11px;
}
#kon_left	{
	width:50%;
	float:left;
}
#kon_right	{
}
#kon_table_body	{ /*Hauptrahmen für Tabelle des Kontaktformulars */
	margin-top:0.5em;
}
* html #kon_table_body	{ /*Hauptrahmen für Tabelle des Kontaktformulars */
	margin-top:8px;
}
*:first-child+html #kon_table_body	{ /*Hauptrahmen für Tabelle des Kontaktformulars */
	margin-top:8px;
}
#kon_table	{ /*linke Seite innerhalb des Kontaktformulars */
}

.kon_table_z	{ /*die einzelnen Zeilen auf der linken Seite */
	text-align:right;
	padding:0.26em 1em 0.2em 0;
}
* html .kon_table_z	{ /*die einzelnen Zeilen auf der linken Seite */
	padding:3.2px 0 3px 0;
}
*:first-child+html .kon_table_z	{ /*die einzelnen Zeilen auf der linken Seite */
	padding:3.2px 0 3px 0;
}
.kon_table_z p	{
	font-size:0.7em;
}
* html .kon_table_z p	{
	font-size:11px;
}
*:first-child+html .kon_table_z p	{
	font-size:11px;
}
.b_los	{
	width:2em;
	height:1.2em;
	border:1px solid #999999;
	vertical-align:middle;
}
* html .b_los	{
	width:32px;
	height:19px;
}
*:first-child+html .b_los	{
	width:32px;
	height:25px;
}
.b_los2	{
	width:10em;
	height:2em;
	vertical-align:middle;
	text-align:center;
}
* html .b_los2	{
	width:160px;
	height:29px;
}
*:first-child+html .b_los2	{
	width:160px;
	height:29px;
}
/*---Kontaktformular---*/

.feld02	{ /* Felder Kontaktformular */
	width:16em;
	height:1.2em;
	border:1px solid #FFBC79;	
	vertical-align:middle;
}
* html .feld02	{ /* Felder Kontaktformular */
	width:256px;
	height:19px;
}
*:first-child+html .feld02	{ /* Felder Kontaktformular */
	width:260px;
	height:19px;
}
.feld03	{ /* Felder Kontaktformular */
	width:24em;
	height:100px;
	border:1px solid #FFBC79;	
}
* html .feld03	{ /* Felder Kontaktformular */
	width:360px;
	height:141px;
}
*:first-child+html .feld03	{ /* Felder Kontaktformular */
	width:360px;
	height:138px;	
}
.feld04	{ /* Felder Kontaktformular */
	width:5em;
	height:1.4em;
	border:1px solid #FFBC79;	
}
* html .feld04	{ /* Felder Kontaktformular */
	width:80px;
	height:25px;
}
*:first-child+html .feld04	{ /* Felder Kontaktformular */
	width:80px;
	height:25px;
}
.b_los	{
	width:2em;
	height:1.2em;
	border:1px solid #999999;
	vertical-align:middle;
}
* html .b_los	{
	width:32px;
	height:19px;
}
*:first-child+html .b_los	{
	width:32px;
	height:25px;
}
.b_los2	{
	width:10em;
	height:2em;
	vertical-align:middle;
	text-align:center;
	margin-left:8.5em;
}
* html .b_los2	{
	width:160px;
	height:29px;
	margin-left:110px;
}
*:first-child+html .b_los2	{
	width:160px;
	height:29px;
	margin-left:110px;
}

#formular	{
	margin: 0 auto;
	width: 700px;
	padding: 30px 30px 30px 30px;
	background-color:#fff;
	border:#FFBC79 1px solid;
}
hr			{    height:1px; color:#CCCCCC; margin: 20px 0 35px 0; }