/* CSS für OTANI GmbH, 13.09.07 */

/* für die korrekte valide XHTML 1.0 W3C Darstellung ist das hier notwendig */
	html, body
	{
	height: 100%;
	}

body	    {
margin-left: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-right: 0px;
border-top: 1px solid #FFFFFF; 
font-size: 11px;
font-family: verdana,arial,helvetica,times;
color: #000000;
}

a				{font-size: 11px; font-family: verdana,arial,helvetica,times;}
a:link		{color: #990000; text-decoration: none;}
a:visited	{color: #990000; text-decoration: none;}
a:hover     {text-decoration: underline;}
a:active    {}

a.footer			{font-size: 10px; color: #333333; font-family: verdana,arial,helvetica,times; line-height: 17px; outline: none;}
a.footer:link		{color: #333333; text-decoration: none;}
a.footer:visited	{color: #333333; text-decoration: none;}
a.footer:hover 	{background-color: #cccccc; text-decoration: none;}
a.footer:active	{}

.td		{
color: #000000;
}

b		{font-weight: bold; color: #333333;}

/* ARBEITEN : Layer Text für Bildinformationen */
.arbeitenbildinfo {
width: 801px; 
height: 21px; 
border: 0px; 
margin: 0px auto; 
text-align: left; 
color: #990000; 
padding-top: 6px;
}

/* ARBEITEN : Layer Thumbs */
.arbeitenthumbs {
width: 801px; 
text-align: left; 
margin: 0px auto;
}

/* ARBEITEN : Layer für Kundeninformationen*/
.arbeiteninfo {
width: 801px; 
text-align: left; 
margin: 0px auto; 
padding-top: 12px;
line-height: 15px;
}

.kundenhead {
font-weight: bold;
}

.head {
font-weight: bold;
color: #333333;
}

.headred  {
font-weight: bold;
color: #990000;
}


/* BASIS */

/* CONTENT-BILD : positioniert die komplette Content-Bild-Tabelle*/
.bildhg {
min-height: 399px;
background-color: #F7F7F7;
border-top: 1px solid #FFFFFF;
text-align: center;
vertical-align: top;
background-image:url(/pictures/basis/vartop_verlauf.gif);
background-repeat:repeat-x;
}

/* Für alle REFERENZ-Seiten in denen die Flash-Datei referenz.swf vorkommt */
.bildhgreferenz {
height: 401px;
background-color: #F7F7F7;
border-top: 1px solid #FFFFFF;
text-align: center;
vertical-align: top;
background-image:url(/pictures/basis/vartop_verlauf.gif);
background-repeat:repeat-x;
}

/* CONTENT-BILD: 800x399px/400px großes CONTENT-Bild */
.bild {
width: 800px;
height: 399px;
background-color: #F7F7F7;
vertical-align: top;
}

/* CONTENT-TEXT : positioniert die komplette Content-Text-Tabelle */
.texthg {
background-color: #FFFFFF;
}

/* CONTENT-TEXT : positioniert das Content-Textfeld */
.text {
width: 801px;
vertical-align: top;
text-align: left; 
margin: 0px auto;
}

/* CONTENT-TEXT/BILD : variable Breite des Contentfeldes (Text + Bild) */
.var {
width: 5px;
vertical-align: top;
}


/* ****** LINKE NAVIGATION BEGIN ********* */

.lnavi {
width: 148px;
height: 25px;
vertical-align: top;
text-align: left;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #F7F7F7;
}

/* Link-Box aktiv */
.ln-aktiv {
width: 148px;
height: 25px;
text-align: left;
vertical-align: middle;
padding-left: 8px;
background-color: #FFFFFF;
font-size: 11px;
}

/* Link-Box inaktiv */
.ln-inaktiv {
width: 148px;
height: 25px;
text-align: left;
vertical-align: middle;
padding-left: 8px;
background-color: #F7F7F7;
}

/* horizontaler Trenner */
.ln-trenner {
width: 148px;
height: 1px;
}

/* Links */
.ln-aktiv a:link			{color: #333333; text-decoration: none;}
.ln-aktiv a:visited			{color: #333333; text-decoration: none;}
.ln-aktiv a:hover			{color: #990000; text-decoration: none;}
.ln-aktiv a:hover			{color: #990000; text-decoration: none;}

.ln-inaktiv a:link			{color: #333333; text-decoration: none;}
.ln-inaktiv a:visited		{color: #333333; text-decoration: none;}
.ln-inaktiv a:hover			{color: #990000; text-decoration: none;}
.ln-inaktiv a:active		{color: #990000; text-decoration: none;}


/* ****** LINKE NAVIGATION ENDE ********* */


/* HOMEPAGE : News-Box */

	.newspfeil	{
	margin-left: 11px;
	width: 14px;
	height: 11px;
	vertical-align: top;
	text-align: left; 
	float: left;
	}
	
	.newsdatum	{
	color: #333333;
	width: 374px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	height: 11px;
	}
	
	.newstext	{
	width: 374px;
	margin-left: 25px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 11px;
	}
	
	.newstext	a			{font-family: verdana,arial,helvetica,times;}
	.newstext	a:link		{color: #FFFFFF;}
	.newstext	a:visited	{color: #FFFFFF;}
	.newstext	a:hover		{color: #D5D5D5; text-decoration: none;}
	.newstext	a:active	{color: #D5D5D5; text-decoration: none;}


/* ARBEITEN : vertikaler Trenner */
.trennervert {
width: 1px;
height: 99px;
background-image:url(/pictures/basis/trenner_vert.gif);
}

/* ARBEITEN : vertikaler unsichtbarer Trenner */
.trennervertinv {
width: 1px;
height: 99px;
}

/* ARBEITEN : horizontaler Trenner */
.trennerhoriz {
width: 99px;
height: 1px;
}

/* ARBEITEN : 1x1px großer Trenner */
.trennernichts {
width: 1px;
height: 1px;
}

/* ARBEITEN : Referenz-Box */
.box {
width: 99px;
height: 99px;
}

/* HEADSPALTEN, z.B. für NEWS-ARCHIV */
.hspalte100 {
width: 99px;
height: 25px; 
vertical-align: middle; 
font-weight: bold;
text-align: left;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.hspalte200 {
width: 199px;
height: 25px; 
vertical-align: middle; 
font-weight: bold;
text-align: left;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.hspalte450 {
width: 449px;
height: 25px; 
vertical-align: middle; 
font-weight: bold;
text-align: left;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

/* NEWS SPALTEN */
.nspalte200 {
width: 199px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.nspalte450 {
width: 449px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.nspalte100 {
width: 99px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}


/* NORMALE SPALTEN, z.B. für NEWS-ARCHIV */
.spalte50 {
width: 49px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #FFFFFF;
}

.spalte100 {
width: 99px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.spalte150 {
width: 149px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.spalte200 {
width: 199px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
/* Ausnahme border-color = weiß */
border-right: 1px solid #FFFFFF;
}

.spalte300 {
width: 299px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
/* Ausnahme border-color = weiß */
border-right: 1px solid #FFFFFF;
}

.spalte350 {
width: 349px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
/* Ausnahme border-color = weiß */
border-right: 1px solid #FFFFFF;
}

.spalte400 {
width: 399px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
/* Ausnahme border-color = weiß */
border-right: 1px solid #FFFFFF;
}

.spalte500 {
width: 499px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}

.spalte550 {
width: 549px;
text-align: left;
vertical-align: top;
color: #333333;
line-height: 17px;
border-right: 1px solid #F7F7F7;
}


/* Darüber ist wichtig, .. für UPDATE 05.09.06 */

/* Trennerspalte bei NEWS-ARCHIV */
.spalte801 {
width: 801px;
}

/* SPALTEN: 199px breite Spalten (1/4-Spalte) (z.B. ARBEITEN : KUNDENLISTE) */
.spalte199 {
width: 199px; 
border-left: 1px solid #FFFFFF; 
vertical-align: top; 
text-align: left;
line-height: 17px;
color: #333333;
}

/* SPALTEN: 299px breite Spalten (1 1/2-Spalte) */
.spalte299 {
width: 299px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
vertical-align: top;
text-align: left;
line-height: 17px;
color: #333333;
}


/* SPALTEN: 349px breite Spalten (1 4/3-Spalte) */
.spalte349 {
width: 349px;
border-left: 1px solid #FFFFFF;
vertical-align: top;
text-align: left;
line-height: 17px;
color: #333333;
}

/* SPALTEN: 450px breite Spalten (2 Spalten) */
.spalte450  {
width: 450px;
vertical-align: top;
text-align: left;
line-height: 17px;
padding-left: 49px;
color: #333333;
}

/* SPALTEN: 499px breite Spalten (2 1/2-Spalte) */
.spalte499 {
width: 499px; 
border-left: 1px solid #FFFFFF; 
vertical-align: top; 
text-align: left;
line-height: 17px;
color: #333333;
}

/* SPALTEN: 599px breite Spalten (3 -Spalten) */
.spalte599 {
width: 599px; 
border-left: 1px solid #FFFFFF; 
vertical-align: top; 
text-align: left;
line-height: 17px;
color: #333333;
}