/* -- author www.visioprint.ch -- */


#navigation { 
position: absolute; 
top: 120px; 
right: 0px; 
width: 200px; 
border: 0px; 
}

#header { 
position: relative; 
top: 0px; 
left: 50px; 
width: 65%; 
height: 120px; 
border-bottom: 0px solid #000000; 
}

#content { 
position: relative; 
left: 50px; 
width: 65%; 
padding: 0 0 20px 0;
}

#footer { 
position: relative; 
left: 50px; 
width: 65%; 
padding: 0 0 40px 0; 
}

#import { 
position: relative; 
top: 0px; 
left: 0px; 
width: 100%; 
height: 100px; 
margin: 0 0 20px 0; 
border: 0px solid #000000; 
}

#edit { 
padding: 2px; 
margin: 0 0 0 0; 
background: #ddeeff; 
border: 1px solid #0099cc; 
}



/* -- form areas -- */

#formrow { 
position: relative; 
left: 50px; 
width: 65%; 
height: 30px; 
} 

#formrow1 { 
position: relative; 
left: 50px; 
width: 65%; 
height: 20px; 
}

#formrow2 { 
position: relative; 
left: 0px; 
width: 100%; 
height: 30px; 
}

#formrow3 { 
position: relative; 
left: 0px; 
width: 100%; 
height: 20px; 
}



#rowleft { 
position: absolute; 
float: left; 
left: 0px; 
width: 45%; 
display: block; 
} 

#rowright { 
position: absolute; 
left: 50%; 
width: 45%; 
display: block; 
} 

#rowbox { 
position: relative; 
padding: 0 0 10px 0; 
border: 0px solid #000000; 
}



#area1 { 
position: absolute; 
left: 0px; 
width: 25%; 
display: block; 
} 

#area1l { 
position: absolute; 
left: 0px; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area2 { 
position: absolute; 
left: 25%; 
width: 25%; 
display: block; 
} 

#area2l { 
position: absolute; 
left: 25%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#areat2 { 
position: absolute; 
left: 35%; 
width: 40%; 
display: block; 
} 

#area3 { 
position: absolute; 
left: 50%; 
width: 25%; 
display: block; 
} 

#area3l { 
position: absolute; 
left: 50%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area4 { 
position: absolute; 
left: 75%; 
width: 25%; 
display: block; 
} 

#area4l { 
position: absolute; 
left: 75%; 
width: 25%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area12 { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
} 

#area12l { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area12p { 
position: absolute; 
left: 0px; 
width: 50%; 
display: block; 
} 

#area12pl { 
position: absolute; 
left: 0px; 
width: 300px; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area13 { 
position: absolute; 
left: 0px; 
width: 75%; 
display: block; 
} 

#area13l { 
position: absolute; 
left: 0px; 
width: 75%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area14 { 
position: absolute;  
left: 0px; 
width: 100%; 
display: block; 
} 

#area14l { 
position: absolute;  
left: 0px; 
width: 100%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area23 { 
position: absolute; 
left: 25%; 
width: 50%; 
display: block; 
} 

#area23l { 
position: absolute; 
left: 25%; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area24 { 
position: absolute; 
left: 25%; 
width: 75%; 
display: block; 
} 

#area24l { 
position: absolute; 
left: 25%; 
width: 75%; 
display: block; 
border-top: 1px solid #0099cc; 
} 

#area34 { 
position: absolute; 
left: 50%; 
width: 50%; 
display: block; 
} 

#area34l { 
position: absolute; 
left: 50%; 
width: 50%; 
display: block; 
border-top: 1px solid #0099cc; 
} 




/* -- form items -- */

.input { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 120px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 120px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input60 { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 60px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input60_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 60px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input240 { 
font-size: 13px; 
color: #000000; 
background: #dddddd; 
width: 240px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 

.input240_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 240px; 
border: 0; 
border-bottom: 1px solid #0099cc; 
} 


.pulldown120 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 120px; 
border: 0; 
} 

.pulldown120_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 120px; 
border: 0; 
} 

.pulldown240 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 240px; 
border: 0; 
} 

.pulldown240_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 240px; 
border: 0; 
} 

.pulldown75 { 
font-size: 13px; 
color: #000000; 
background: #bbdced; 
width: 75%; 
border: 0; 
} 

.pulldown75_e { 
font-size: 13px; 
color: #000000; 
background: #cccc66; 
width: 75%; 
border: 0; 
} 

.clear { 
clear: both; 
}