body {
margin: 0px;
padding: 0px;
/* background-image: url(http://talnetproductions.co.uk/images/talnet.jpg); */
background-repeat: no-repeat;
background-position: 5px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
color:#575757;
}

.main a {
color: #6D96B8;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 60px;
color: #D51A0B;
}

h2{
font-size: 150%;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top:  dotted 1px #6D96B8;
 border-bottom: transparent;
}

ul, li{
list-style-image: url(http://talnetproductions.co.uk/images/ul.jpg);
}

input{
border-bottom: 1px  solid silver;
border-top: 0px;
border-left: 0px;
border-right: 0px;
background-color: white;
}

button {
background-image: url(http://talnetproductions.co.uk/images/search.jpg);
background-color: white;
color: silver;
background-repeat: no-repeat;
border: none;
cursor: pointer;
height: 15px;
width: 15px;
}

.harp {
font-weight: bold;
font-style: italic;
}

.leftNav li {
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px;
line-height: 1.9em;
}

.leftNav ul {

margin: 0px;
padding: 0px;

}

.titel{
position: relative;
left: 110px;
width: 300px;
top: 10px;
}

.topNav {
position: absolute;
left: 10px;
top: 10px;
font-size: 90%;
color: #1171B9;
text-align: left;
}

.topNav a{
color: #1171B9;
text-decoration: none;
}

.topNav a:hover{
text-decoration: underline;
color: #FAAC06
}

.leftNav {
position: relative;
top: 170px;
text-align: left;
margin: 0px 0px 0px 10px;

}

.leftNav li a{
color: #1171B9;
font-size: 130%;
text-decoration: none;
padding: 0px;
font-weight: bold;
}

.leftNav li a:hover {
padding: 5px;
text-decoration: none;
color: #FAAC06;
}

.main {
clear: left;
position: relative;
top: -130px;
left: 180px;
width: 60%;
}

.footer {
position: absolute;
right: 10px;
text-align: right;
margin: 20px;
font-size: 80%;
color: gray;
}

.footer a {
color: silver;
text-decoration: none;
}

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

blockquote{
float: right;
margin: 15px 0px 15px 15px;
width: 170px;
font-size: 120%;
color: gray;
text-align: right;
line-height: 1em;
}

blockquote:first-letter{
font-size: 190%;
}

#clicked{
color:#D51A0B; 
padding: 5px; 
text-decoration: none; 
font-size: 130%; 
font-weight: bold;
}

#topclicked{
color:#D51A0B;
text-decoration: none; 
font-size: 90%;
}

.instruction{
font-size: 80%;
font-weight: bold;
}

#services{
color:#D51A0B; 
font-size: 130%; 
font-weight: bold;
}

#services-category{
color:#1171B9;
font-size: 110%; 
font-weight: bold;
padding: 5px;
}

#problem{
color:#FAAC06; 
font-size: 100%;
padding: 10px;
}

#solution{ 
font-size: 100%;
padding: 20px;
color:#575757;
}

}
.lhead { 
	background-color:#eee; 
	border-top:#aaa 3px solid;
	border-bottom:#aaa 3px solid;
	padding:3px;
	font:bold 14px verdana;
}
.lpart { 
	background-color:#f0f0f0; 
	border-left:#ccc 2px solid;
	padding-bottom:25px;
}
.lpage { 
	font:normal 12px verdana;
}
.lcount { 
	background-color:#999; 
	color:#fff;
	padding:2px;
	font:bold 12px verdana;
}

.articleboxinner {
    position: relative;
    width: auto;
    line-height: 20px;
    color: #575757;
    padding: 15px 6px 0px 6px;
    background: #fbfbfb;
    border:1px solid #efefef;
    text-align: justify;
    height: 300px;
}

.articleheader
{
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}

.mainpiccontrol
{
    border: 1px #DBB7DB solid;
    float: left;
    margin-right: 10px;
}