/* CSS Datei fr www.pictures-united.com */

/* wichtige Farben

HOME
#00A6CE	hell blau

COMPANY
#FFB900	gelb 

SERVICES
#006F8A	mittel blau

VITA
#93D727	grün

IMPRESSUM
#003399	dunkel blau

Grauwerte
#C0C5CA	hellgrau
#9FA6AE mittelgrau
#596572 dunkelgrau

 */




body {
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}




/* Bereich IDs =================================================== */

/* Boxen */

#navigation {
width:198px;
height:360px;
		_height:362px;                 /* ================== show to IE */
position:absolute;
left:80px; top:100px;
background-color: #cccccc;
border: 1px solid #ffffff;
padding-left:0 mm;
padding-top:0 mm;
margin:0 mm;
}



#main{
width:430px;
height:360px;
		_width:432px;                 /* ================== show to IE */
		_height:362px;                 /* ================== show to IE */
position:absolute;
left:284px; top:100px;
background-color: #ffffff;
border: 1px solid #ffffff;
margin:0;
}


#sitesnavi{
width:130px;
height:18px;
position:absolute;
left:585px; top:443px;
background-color: #ffffff;
margin:0;
text-align:right;
}

#contact{
width:198px;
height:342px;
		_height:344px;                 /* ================== show to IE */
position:absolute;
left:720px; top:118px;
background-color: #c0c5ca;
border: 1px solid #ffffff;
padding-left:0 mm;
padding-top:0 mm;
margin:0 mm;
}


#farbblock{
width:430px;
height:60px;
		_width:432px;                 /* ================== show to IE */
		_height:62px;                 /* ================== show to IE */
position:absolute;
left:284px; top:466px;
border: 1px solid #ffffff;
padding-left:0 mm;
padding-top:0 mm;
margin:0 mm;
} 



#newsletter{
width:200px;
	_width:200px;          /* ================== show to IE */
height:83px;
	_height:83px;          /* ================== show to IE */
position:absolute;
left:720px; top:445px;	             /*left:720px; top:466px;*/
background-color: #9FA6AE;
border: 0px solid #9FA6AE;
background-image: url(bilder/ecke.gif);
background-repeat:no-repeat;
}

.flash {
padding-top:27px;
}
 
/* Runde Ecken */

#ro {
background-image:url("bilder/box_ro2.gif");
width:200px;
height:90px;
position:absolute;
left:720px; top:100px;

}


#lu {
background-image:url("bilder/box_lu.gif");
width:200px;
height:62px;
position:absolute;
left:80px; top:466px;
}




/* Bereich CLASSes =================================================== */

/* Farben fr FARBBLOCK mitte unten ________________ */

.home {
background-color:#00A6CE;
}
.company {
background-color:#FFB900;
}
.services {
background-color:#006F8A;
}
.vita {
background-color:#93D727;
}
.impressum {
background-color:#003399;
}

.loginthw {
background-color:#001689;
}

.loginjuh {
background-color:#CC3300;
}



/* weie Linie UNTEN ________________ */

.weissu {
border-bottom:1px solid #ffffff;
}

.weissou {
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
margin-top:18px;
}

.weissou2 {
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
margin-top:66px;
	_margin-top:80px;          /* ================== show to IE */
z-index:2;
}


.weissli {
border-left:1px solid #ffffff;
}

/* TEXT FORMATIERUNGEN -----------------------------------------------*/

h1 {
font-size:1.0em;
margin:21 30 8 20;
color:#596572;   /* dunkelgrau */
}

h2 {
font-size:0.8em;
font-weight:bold;
margin:0 30 8 20;
color:#596572;   /* dunkelgrau */
}

.fliess {
font-size:0.8em;
margin:0 30 5 30;
color:#596572;   /* dunkelgrau */
line-height:1.45em;
}

form{
font-size:0.8em;
      _font-size:1em;                  /* to IE only */
margin:0 30 5 30;
      _margin:0 30 5 0;                /* to IE only */
color:#596572;   /* dunkelgrau */
line-height:1.45em;
}


ul {
font-size:0.8em;
margin:0 30 5 15;
color:#596572;   /* dunkelgrau */
line-height:1.6em;
list-style-type:none;
padding-left:15px;
}


.klein {
font-size:0.7em;
margin-left:10px;
margin-top:5px;
color:#596572;
}


.kleinfett {
font-size:0.7em;
color:#596572;
margin-left:10px;
margin-bottom:0;
font-weight:bold;
}


.fett {
font-weight:bold;
}


.schwarz {
font-size:0.7em;
margin-left:10px;
margin-top:0px;
color:#000000;
}



/* HYPERLINKS __________________________ */

#contact a:link, #contact a:visited, #contact a:active
 { color : #596572; text-decoration : none; font-weight : bold; }   /* dunkelgrau */
#contact
a:hover { color : #ffffff; text-decoration : none; font-weight : bold; }   /* weiss */


#main a:link, #main a:visited, #main a:active
a:link { color : #000000; text-decoration : none; font-weight: normal; padding-left:12px; background-image:url(bilder/link.gif); background-repeat:no-repeat; }   /* dunkelgrau */
#main
a:hover { color : #9FA6AE; text-decoration : none; font-weight : normal; }   /* mittelgrau */


#sitesnavi a:link, #sitesnavi a:visited, #sitesnavi a:activ, #sitesnavi a:hover
{ text-decoration : none; }




#noflash a:link, #noflash a:visited, #noflash a:active
{ color : #ffffff; text-decoration : none; font-weight : bold; padding-left:12px; background-image:url(bilder/linknoflash.gif); background-repeat:no-repeat; }

#noflash a:hover
{ color : #596572; text-decoration : none; font-weight : bold; padding-left:12px; background-image:url(bilder/linknoflash.gif); background-repeat:no-repeat; }

#noflash
{
font-size:0.7em;
margin-left:25px;
color:#596572;
}