body {
margin : 10px; 
font-family : Verdana, Arial, sans-serif; 
font-size : 13px; 
color : #000000; 
background : #ffffff; 
} 
a {
color : #000080;
background: transparent; 
font : bold 11px Verdana, Arial, sans-serif; 
text-decoration : none; 
} 
a:hover {
color : #ff0000;
background: transparent; 
text-decoration : none; 
} 
a:active {
color : #4178cb;
background: transparent; 
text-decoration : none; 
} 
td {
vertical-align : top; 
font-family : Verdana, Arial, sans-serif; 
font-size : 13px; 
line-height : 17px; 
} 
.tlink {
color : #000080;
background: transparent; 
font : bold 12px Verdana, Arial, sans-serif; 
text-decoration : none; 
} 
.tlink:hover {
color : #ff0000;
background: transparent; 
text-decoration : none; 
} 
.tlink:active {
color : #4178cb;
background: transparent; 
text-decoration : none; 
} 
.nav {
background : #ffffff url(http://www.juergens-workshops.de/tutorial/images/leftbg.jpg) repeat-x;
color: #000000; 
width : 163px;
} 
.top {
background : url(http://www.juergens-workshops.de/tutorial/images/rp2.gif) repeat-x; 
height : 1px; 
width : 150px; 
} 
.toptitel {
background : #46649b; 
height : 20px; 
width : 148px; 
color : #ffffff; 
font : bold 12px Verdana, Arial, sans-serif; 
padding : 2px 2px 2px 5px; 
} 
.linksrechts {
background : url(http://www.juergens-workshops.de/tutorial/images/rp1.gif) repeat-y; 
width : 1px; 
} 
.links {
font : bold 11px Verdana, Arial, sans-serif; 
padding : 2px 0 2px 5px; 
vertical-align : top; 
line-height : 18px; 
} 
.trenner {
background : url(http://www.juergens-workshops.de/tutorial/images/rp2.gif) repeat-x; 
height : 1px; 
font-size : 1px; 
line-height : 1px; 
margin : 0 -5px 5px; 
padding : 0; 
} 
.left {
width: 148px;
border : 1px solid #000080; 
background : #ffffff url(http://www.juergens-workshops.de/tutorial/images/leftbg.jpg) repeat-x;
color: #000000; 
vertical-align : top; 
} 
.inhalt {
color : #000000; 
font-size : 13px; 
border : 1px solid #000080; 
background : #f6f6f6; 
vertical-align : top; 
width: 100%;
} 
h2 {
color : #000080;
background: transparent; 
font : bold 15px Verdana, Arial, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
} 
.topnav {
color : #ffffff; 
font : bold 12px Verdana, Arial, sans-serif; 
border : 1px solid #000080; 
background : #5b78a4; 
} 
.toplogo {
background : #ffffff url(http://www.juergens-workshops.de/tutorial/images/toplogo.gif) repeat-y;
color: #000000; 
height : 80px; 
border : 1px solid #000080; 
} 
.fl {
color : #000080;
background: transparent; 
font : bold 11px Verdana, Arial, sans-serif; 
text-decoration : none; 
} 
.fl:hover {
color : #5279b4;
background: transparent; 
text-decoration : none; 
} 
.fl:active {
color : #4178cb;
background: transparent; 
text-decoration : underline; 
} 
.tab {
width : 500px; 
background : #a8bcd0;
color: #000000; 
} 
.th {
font : bold 11px Verdana, Arial, sans-serif; 
color : #000000; 
background : #dde4ea; 
padding : 3px; 
border-bottom : 1px solid #000080; 
border-top : 1px solid #b7cfdd; 
} 
.td {
font : 11px Verdana, Arial, sans-serif; 
color : #000000; 
border-top : 1px solid #b7cfdd; 
border-bottom : 1px solid #000080; 
background : #dde4ea; 
width : 250px; 
height : 20px; 
padding : 5px; 
margin : 5px; 
} 
input.field {
font : 11px Verdana, Arial, sans-serif; 
color : #000000; 
background : #d3dde9; 
border : 1px solid #000000; 
width : 230px; 
padding : 2px 1px 2px 2px; 
margin : 1px; 
} 
select.field {
font : 11px Verdana, Arial, sans-serif; 
color : #000000; 
background : #d3dde9; 
border : 0 none ; 
width : 230px; 
} 
textarea.field {
font : 11px Verdana, Arial, sans-serif; 
color : #000080; 
background : #d3dde9; 
border : 1px solid #000000; 
width : 490px; 
height : 150px; 
padding : 5px 3px; 
margin : 5px 1px 1px; 
} 
.button {
font : 11px Verdana, Arial, sans-serif; 
color : #000000; 
background : #d3dde9; 
border : 1px solid #000080; 
width : 120px; 
} 
.tdf {
font : 11px Verdana, Arial, sans-serif; 
color : #000000; 
border-top : 1px solid silver; 
border-bottom : 1px solid #000080; 
background : #dde4ea; 
height : 100px; 
padding : 5px; 
margin : 5px; 
vertical-align : top; 
line-height : 18px; 
} 
.tabrand {
background : #c8d7fb; 
border : 1px solid #000080;
color: #000000; 
} 
.tabinhalt {
background : #eaf3fc;
color: #000000; 
} 
ol {
border-left: 1px solid #b5bcc4;
border-bottom: 1px solid #b5bcc4;
list-style-type: none;
padding: 5px;
background-color: #f3f3f5;
margin: 5px 0px 5px 15px;
}
li {
border-bottom: 1px solid #ffffff;
background-color: #ffffff;

font-size: 11px;
}
h3 {
margin: 5px 0px 5px 15px;
font-size: 16px;
color: #414f6d;
border-bottom: 2px solid #b5bcc4;
text-align: right;
}
p {
margin: 5px 0px 5px 15px;
font-size: 11px;
}

