/*---basics---*/

html {
height:100%;
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
background:url(./img/stripe_<? echo ("$akt_main");?>_l.gif) repeat-y;
height:100%;
margin:0;
padding:0;
width:100%;
}

table {
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
line-height:15px;
}

/*img {
border:0;
}*/

.imgborder {
border:1px solid #999;
}

/*---font---*/

/*---listen---*/

ul {
list-style-type:none;
}

ul.text {
list-style-type:square;
margin-left:10px;
margin-right:10px;
margin-top:5px;
padding-left:15px;
}

#mainnavi {
background:url(./img/stripe_<? echo ("$akt_main"); ?>.gif);
position:absolute;
height:360px;
width:140px;
padding-top:38px;
margin:0;
}

#mainnavi ul {
margin:0;
padding:0;
list-style-type:none;
}

#mainnavi a {
display:block;
width:140px;
}

#mainnavi a:link, #mainnavi a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#<? echo ("$farbwert");?>;
text-decoration:none;
text-align:right;
}

#mainnavi a:hover {
height:14px;
background-image:url(./img/pfeil_<? echo("$akt_main"); ?>.gif);
background-repeat:no-repeat;
}

.abstand {
height:54px
}

.pfeilabstand {
height:54px;
background-image:url(./img/pfeil_<? echo("$akt_main"); ?>.gif);
background-repeat:no-repeat;
}

#subnavi {
color:#fff;
list-style-type:none;
padding:0;
}

#subnavi li {
display:inline;
text-align:left;
padding:0;
}

a:link, a:visited, a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#<? echo ("$farbwert");?>;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/*---main---*/

/*---sub---*/
a.sub:link, a.sub:visited, a.sub:active {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
}

a.sub:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-decoration:underline;
}

.nosub {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

/*---text---*/
.headline {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#<? echo ("$farbwert");?>;
line-height:30px;
}

.subheadline {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#<? echo ("$farbwert");?>;
line-height:18px;
font-weight:bold;
}

.copybold {
color:#<? echo ("$farbwert");?>;
font-weight:bold;
}

.footer {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

a.footer:link, a.footer:visited, a.footer:active {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

a.footer:hover {
text-decoration:underline;
}

/*---tooltipp---*/
/*---tooltipp unternehmen---*/

div#linkun {
position:absolute;
}

div#linkun a {
display:block;
color:#<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
}

div#linkun a:hover {
background:#fff;
text-decoration:none;
}

div#linkun a span {
display:none;
}

div#linkun a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:5px;
left:-205px;
width:200px;
padding:5px;
margin:5px;
z-index:100;
background:white;
}

/*---tooltipp case---*/

div#linkcase {
position:absolute;
}

div#linkcase a {
display:block;
color:#<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
}

div#linkcase a:hover {
background:#fff;
text-decoration:none;
}

div#linkcase a span {
display:none;
}

div#linkcase a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:5px;
left:230px;
width:100px;
padding:5px;
margin:5px;
z-index:100;
background:white;
}

/*---tooltipp team---*/

div#linkteam {
position:absolute;
}

div#linkteam a {
display:block;
color:#<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
}

div#linkteam a:hover {
background:#fff;
text-decoration:none;
}

div#linkteam a span {
display:none;
}

div#linkteam a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:-2px;
left:-400px;
width:350px;
height:250px;
padding:5px;
margin:5px;
z-index:100;
background:white;
}

/*---tooltip kundenliste---*/

div#linkkunde {
position:absolute;
}

div#linkkunde a {
display:block;
color:<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
}

div#linkkunde a:hover {
background:#fff;
text-decoration:none;
}

div#linkkunde a span {
display:none;
}

div#linkkunde a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:0px;
left:-175px;
margin:5px;
z-index:50;
background:white;
}

/*---tooltipp jobs---*/

div#linkjob {
position:absolute;
}

div#linkjob a {
display:block;
color:#<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
}

div#linkjob a:hover {
background:#fff;
text-decoration:none;
}

div#linkjob a span {
display:none;
}

div#linkjob a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:-0px;
left:-175px;
width:165px;
padding:5px;
margin:5px;
z-index:100;
background:white;
}

/*---tooltipp arbeiten---*/

div#linkarbeiten {
position:absolute;
}

div#linkarbeiten a {
display:block;
color:#<? echo ("$farbwert");?>;
font-size:11px;
text-decoration:none;
width:140px;
}

div#linkarbeiten a:hover {
background:#fff;
text-decoration:none;
}

div#linkarbeiten a span {
display:none;
}

div#linkarbeiten a:hover span {
display:block;
text-decoration:none;
position:absolute;
border:1px solid #<? echo ("$farbwert");?>;
top:-151px;
left:-6px;
width:130px;
height:130px;
padding:5px;
margin:5px;
z-index:100;
background:white;
}

/*---Listen im Text---*/

ul.text {
list-style-type:square;
margin:0px;
padding-left:15px;
}

/*---ID-selectors---*/

#head {
height:90px;
width:100%;
margin:0;
}


#main {
height:360px;
width:100%;
padding:0;
margin:0;
}


#bild {
position:absolute;
height:360px;
width:480px;
padding:0;
}


#modul {
position:absolute;
height:360px;
width:360px;
padding:0;
}


#content{
width:840px;
padding:0;
margin:0 0 0 140px;
}

#footer {
width:840px;
padding:0;
margin:0 0 0 140px;

}


#logo {
width:336px;
height:33px;
background:url(./img/lup_logo_blau.gif) no-repeat;
float:right;
margin:28px 48px 0 0;
}


#newsstar {
position:absolute;
z-index:100;
width:106px;
height:106px;
}


/*-------Cases-----------------------------------------------------------------------------------------------------*/

.case_preview{

	width:140px; 
	margin-right:20px;
	float:left;
	margin-bottom:10px;

}

.case_preview .case_preview_img{

	width:140px; 
	height:140px; 
	background-color:#99CCFF;
	margin-bottom:5px; 

}

.case_preview .case_preview_misc{
	
	font-size:9px;

}

.case_preview .case_preview_data{
	
	height:30px;
	width:140px;

}

.case_preview .case_preview_data .case_preview_head{
	
	font-weight:bold;

}