/*  =========================================================
Stylesheet for IMS Homepage 2007
Datei:  style.css
Datum:  29.04.2007
Autor:  Oliver Wild, www.owicom.de 
========================================================== */

/* ====================================== 
   Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }


/* Allgemeine Selektoren */

body { 
   color: black; 
   background-color: #e0e0e0; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   border: 0;
   margin: 0;
}

table {
   border: 0;
   margin: 0;
}

td, p
	{
   background-color: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: black; 
   line-height: 18px;
}

p { padding: 15 0 0 0; }

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 15px; 
   font-weight: em; 
   color: 3f3f3f; 
   line-height: 20px;
}

h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   font-weight: em; 
   color: 3f3f3f; 
   line-height: 20px;
}




#content
	{ background-color: #ffffff;
}

#content ul
{
padding: 0 0 0 10;
list-style-type: none;
}

#content li
{
color: #3f3f3f;
font-weight: bold; 
padding: 5 0 0 10;
background: transparent url(images/dotrose.gif) left 12 no-repeat;
}

/* Navigation */
#navigation ul
{
border: 0;
padding: 0 0 0 10;
}

#navigation ul li
{
padding: 6 0 9 0;
background: transparent url(images/nav-line.gif) left 25 no-repeat;
list-style-type: none; 
}

#navigation ul li a
{
background: transparent url(images/bulletgrey.gif) left center no-repeat;
padding: 2 0 0 10;
}

#navigation ul li a:hover
	{ background: transparent url(images/bulletrose.gif) left center no-repeat;
	color: black; 
	}

#navigation ul li a#current
	{ background: transparent url(images/bulletrose.gif) left center no-repeat; }

/* Navigation Variante 2*/
#navigation2 ul
{
border: 0;
padding: 0 0 0 10;
}

#navigation2 ul li
{
padding: 2 0 4 0;
list-style-type: none; 
}

#navigation2 ul li a
{
background: transparent url(images/bulletgrey.gif) left center no-repeat;
padding: 2 0 0 10;
}

#navigation2 ul li a:hover
{
background: transparent url(images/bulletrose.gif) left center no-repeat;
color: black;
}

#navigation2 ul li a#current
{
background: transparent url(images/bulletrose.gif) left center no-repeat;
}



/* linker Rand für Content-Tabelle */				 
.border {
   border-left: 1px solid #ccc; 
   padding-left: 10px;
   margin-left: 10px; 
}

.randtable { 
   background-color: transparent;
   border: 0;
   margin: 0;
}

.linie { border: 1px solid #ccc; }

.news {
	padding: 5 0 3 0;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   color: black; 
   line-height: 14px; }
   
 .news a {
background: transparent url(images/arrowrose.gif) left center no-repeat;
padding: 10;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   color: 999999; 
   line-height: 14px; 
   text-decoration: none;}
   
    .news a:hover {
background: transparent url(images/arrowrose.gif) left center no-repeat;
padding: 10;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   color: 000000; 
   line-height: 14px; 
   text-decoration: none;}
   

.bildlink a {}

.bildlink a:hover {
	boder: 2;
	color: silver;
}   


.link a {
background: transparent url(images/arrowrose.gif) left center no-repeat;
padding: 0 0 0 10;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: 999999; 
   line-height: 18px; 
   text-decoration: none;
		}
   
.link a:hover {
background: transparent url(images/arrowrose.gif) left center no-repeat;
padding: 0 0 0 10;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: 000000; 
   line-height: 18px; 
   text-decoration: none;
		} 
		
		
/* Das Kontaktformular */
form {
   background-color: #fff;
   width: 370px; /* Breite des Formulars */ 
   padding: 0px; 
   /*border: 1px solid #8c8c8c;*/
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
input#input, 
textarea { 
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}
textarea { 
   height: 7em; 
}
input#input:focus, 
textarea:focus {
   background-color: #d9d9d9; 
}

.checkbox {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.button {border: 1px solid black;}		
.button hover {border: 1px solid silver;}