/* CSS Document Sonja Bohl*/

* { 
	margin:0; padding:0;	
}
html, body {
	height:100%; top:0; left:0; 
	background-color:#FFFFFF;
	font: normal 100,01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
* html body  { 
	min-width:990px;
}
*:first-child+html body  {	
	min-width:990px;
}
a:link { color:#006600;	text-decoration:underline; }
a:visited { color:#006600; text-decoration:underline; } 
a:hover { color:#000000; text-decoration:none;	}
a:active { color:#006600; text-decoration:underline;
}

a[href^="http:"] {
	background:transparent url(bilder/b_linkout.gif) 99% 10% no-repeat;
	padding-right:15px;
}
a[href^="http://im-bilde.com"], a[href^="http://www.im-bilde.com"] {
	background:transparent;
	padding-right:0px;
}



h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	font-weight:normal;
    margin: 0 0 0.5em 0;
}
* html h1 { 
	font-size:16px;
    margin: 0 0 8px 0;
}
*:first-child+html h1 {	
	font-size:16px;
    margin: 0 0 8px 0;
}
h2	{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:1em;
	color:#000000;
	font-weight:normal;
    margin: 0 0 0.5em 0;
}	
* html h2	{ 
	font-size:16px;
    margin: 0 0 8px 0;
}
*:first-child+html h2 {	
	font-size:16px;
    margin: 0 0 8px 0;
}
h3	{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
}
h4	{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	font-size:0.7em;
	color:#666666;
	font-weight:normal;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#333333;
	line-height:1.6em;
	font-weight:normal;
	
}
* html p { 
	font-size:13px;
    margin: 0 0 5px 0;
	line-height:18px;
}
*:first-child+html p {	
	font-size:13px;
    margin: 0 0 5px 0;
	line-height:18px;
}

/*---weitere allgemeine---*/

.kleiner	{font-size:0.6em}
.clear_right {clear:right; }
.clear_left {clear:left; }
.clear_both {clear:both; }
.abstand_obenunten	{ margin: 10px 0 10px 0	}
.abstand {margin-top:7px; }
.abstandu {margin-bottom:15px; }
.abstand2 {margin-top:10px;}
.unterstrich {text-decoration:underline;}
.kurs {font-style:italic;}
.hervorhebung {background-color:#FFECDF;padding:2px;}
.center {text-align:center;}
.mitte {vertical-align:middle;}
.white	{color:#FFFFFF;}
.bold	{font-weight:bold;}
.rot	{color:#FF0000;}
.rot b	{font-weight:bold;}
.gruen 	{color:#418525;}
.gruen 	{color:#006600;}
.black	{color:#000000;}
.breaking {height:1em;}
.clear	{clear:both;}
.floatl	{
	float:left;
	padding:5px 10px 5px 0;
}
.floatlw	{
	float:left;
	padding:3px 9px 5px 0;
}

.floatr	{
	float:right; 
	padding:5px 0px 5px 10px; 
}


/*----Hauptbereiche----*/

#body	{
    width: 61.875em;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}
* html #body	{ 
    width:975px;
}
*:first-child+html #body {	
    width: 975px;
}
#head	{ /*Container für Head-Inhalt*/
	height:250px;
	width:990px;
}
#seite {	/*Container, der den gesamten Bereich unterhalb des Head beinhaltet*/
    width: 61.875em;
    padding: 0em;
}
* html #seite	{ 
    width:990px;
}
*:first-child+html #seite {	
    width: 990px;
}

#content	{	/*Contenbereich in der Mitte*/
    margin:0 0 0 14em;
    padding: 0 1em 1em 1em;
}
* html #content	{ 
    margin:-150px 0 0 225px;
    padding: 0 16px 16px 16px;
}
*:first-child+html #content {	
    margin:-150px 0 0 225px;
    padding: 0 16px 16px 16px;
}



/*---Navigation---*/

#Rahmen {
    float: left; 
    margin-left: 2em;
	margin-top: 0;
	padding: 0;
	border-right:1px #A1C0A1 solid;
  }
* html #Rahmen	{ 
    font-size: 12px;
    margin-left: 12px;
}
*:first-child+html #Rahmen {	
    font-size: 12px;
    margin-left: 16px;
}

  #Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; 
	padding: 0;
    text-align: left;
  }
  ul#Navigation li {
	list-style:none;
	align:middle;
    margin: 0; 
	padding: 0;    
    position: relative;
  }
  ul#Navigation li ul {
    margin: 0; 
	padding: 0;
    position: absolute;
    top: -0.1em; 
	left: 14em;
    display: none;  /* Unternavigation ausblenden */
	background-color:#C2D8C2;
	border:1px #A1C0A1 solid;

  }
  * html ul#Navigation li ul { 
    top: -1px; 
	left: 170px;
}
	*:first-child+html ul#Navigation li ul {	
    top: -1px; 
	left: 178px;
	}

  ul#Navigation li:hover ul {
    display: block;  
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin: 0;
  }
  ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0.4em 0 0.4em 1em;
    font-weight: normal;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-decoration:none;
    color:#418525;
	width: 11.3em;  /* Breite den in li enthaltenen Elementen zuweisen */
/*	border-bottom:1px #418525 solid;
*/  }
  * html ul#Navigation a, * html ul#Navigation span {  
    padding: 3px 0 3px 10px;
	font-size:14px;
	width: 178px;  /* Breite den in li enthaltenen Elementen zuweisen */
  }
	*:first-child+html ul#Navigation a, *:first-child+html ul#Navigation span {	
    padding: 3px 0 3px 22px;
	font-size:14px;
	width: 170px;  /* Breite den in li enthaltenen Elementen zuweisen */
	}


  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color:#ffffff; 
	background-color:#418525;

  }
  
  
  
  
/* Container für Kontaktseite */

#content_kontakt	{	/*Contenbereich in der Mitte*/
    margin:0 0 0 12.8em;
    padding: 0 0 1em 1em;
}
* html #content_kontakt	{ 
    margin:0 0 0 205px;
    padding: 0 0 16px 16px;
}
*:first-child+html #content_kontakt {	
    margin:0 0 0 205px;
    padding: 0 0 16px 16px;
}





#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 #BBBBBB;	
	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:13.2em;
	border:1px solid #BBBBBB;	
}
* 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 #BBBBBB;	
}
* 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 #BBBBBB;
	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;
}

/*---Tabelle---*/
.table	{
	border:none;
}

/*---Listen---*/
ol		{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	list-style-type:square;
	list-style-position:inside;
	margin-left:0em;
	line-height:1.6em;
}


