/* css Design by Ehl & Ing 2006*/

html 		{ margin: 0; padding: 0; }

body 		{ margin: 0; padding: 0; height: 100%; font: normal 12px Verdana, Tahoma, Arial; color: #000000; background-image: url('images/'); background-repeat: no-repeat; }

.logo		{ margin: 0; padding: 0; position: absolute; left: 10px; top: 0px; width: 235px; height: 75px; }
.navi		{ margin: 0; padding: 0; position: absolute; left: 15px; top:75px; width: 228px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; background-image: url('images/bg3.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; }
.navi ul	{ margin: 15px; padding: 0; list-style: none; }
.navi ul li	{ margin: 0; padding: 0; border-bottom: 1px solid #CCCCCC; }
.navi ul li a	{ margin: 0; padding: 5px 15px 5px 15px; display: block; color: #00AAFF; text-decoration: none; font: bold 12px Verdana, Tahoma, Arial; }
.navi ul li a:hover	{ color: #000000; background-image: url('images/haken2.gif'); background-repeat: no-repeat; background-position: bottom right;}
.navi ul li a:visited	{ background-image: url('images/haken2.gif'); background-repeat: no-repeat; background-position: bottom right;}
.content-vorschau	{ float: left; display: inline; width: 238px; background-image: url('images/bg2.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; margin: 0px 5px 5px 5px; border: solid 1px #CCCCCC; }
.content-vorschau2	{ float: right; display: inline; width: 238px; background-image: url('images/bg2.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; margin: 0px 5px 5px 5px; border: solid 1px #CCCCCC; }
h6			{ margin: 5px; font: normal 12px Verdana, Tahoma, Arial; color: #000000; }
h6 a			{ margin: 0; color: #00AAFF; text-decoration: none; }
h6 a:hover		{ text-decoration: underline; }
.content	{ margin: 0; padding: 0; position: absolute; left: 245px; top: 75px; width: 500px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-image: url('images/bg4.gif'); background-repeat: repeat-x; background-color: #FFFFFF; }
.content h1	{ margin: 5px; padding: 0; font: bold 16px Verdana, Tahoma, Arial; color: #00AAFF; }
.content p	{ margin: 10px 5px 10px 5px; padding: 0; font: normal 12px Verdana, Tahoma, Arial; color: #000000; }
.content p a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; }
.content p a:hover	{ text-decoration: underline; }
.content h2	{ margin: 5px 5px 0px 5px; padding: 0; font: bold 14px Verdana, Tahoma, Arial; color: #00AAFF; }
.content h5	{ margin: 10px 5px 0px 5px; padding: 0; font: normal 12px Verdana, Tahoma, Arial; color: #000000; }
.content hr	{ margin: 0px 5px 5px 5px; padding: 0; color: #000000; width: 490px; }
.content table	{ margin: 5px; padding: 0; font: normal 12px Verdana, Tahoma, Arial; }
.content .p2	{ margin: 5px 5px 5px 5px; padding: 0; font: normal 12px Verdana, Tahoma, Arial; color: #000000; }
.content .p2 a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; }
.content .p2 a:hover	{ text-decoration: underline; }
.content-footer	{ margin: 0px 0px -27px 0px; padding: 0; position: absolute; bottom: 0px; width: 100%; height: 27px; }
.content-footer a	{ margin: 0; padding: 0; color: #000000; text-decoration: none; font: normal 12px Verdana, Tahoma, Arial; }
.content-made	{ position: absolute; right: 10px; bottom: 5px; margin: 0px; padding: 0px; }
.content-footer2	{ margin: -27px 0px 0px 0px; padding: 0; position: absolute; top: 0px; width: 100%; height: 27px; }
.content-footer2 a	{ margin: 0; padding: 0; color: #000000; text-decoration: none; font: normal 12px Verdana, Tahoma, Arial; }
.content-made2	{ position: absolute; right: 10px; bottom: 5px; margin: 0px; padding: 0px; }
.content-box	{ margin: 5px; padding: 0; float: right; display: inline; width: 200px; border: 1px solid #CCCCCC; background-color: #E6F6FF; }
.content-box ul	{ margin: 0; padding: 0; list-style: none; }
.content-box ul li	{ margin: 0; padding: 0; border-top: 1px solid #CCCCCC; }
.content-box ul li p	{ margin: 5px; }
.content-box ul li a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; font: normal 12px Verdana, Tahoma, Arial; }
.content-box2	{ margin: 5px; padding: 0; width: 488px; overflow: hidden; border: 1px solid #CCCCCC; background-image: url('images/bg2.gif'); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; }
.content-box2 ul	{ margin: 5px; padding: 0; list-style-position: outside; color: #666666; }
.content-box2 ul li	{ margin: 5px 5px 5px 20px; padding: 0; list-style-type: disc; }
.content-box2 ul li p	{ margin: 0; }
.content-box2 ul li a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; font: normal 12px Verdana, Tahoma, Arial; }
.content-box2 h3	{ margin: 0; padding: 5px; width: 100%; background-color: #F0F0F0; color: #666666; text-decoration: none; font: bold 12px Verdana, Tahoma, Arial; }
.content-box2 h4	{ margin: 5px; padding: 0; color: #666666; font: normal 12px Verdana, Tahoma, Arial; }
.content-box2 a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; }
.content-box3	{ margin: 0; padding: 0; width: 100%;}
.content-box3 ul	{ margin: 5px; padding: 0; list-style-position: outside; }
.content-box3 ul li	{ margin: 5px 5px 5px 20px; padding: 0; list-style-type: disc; }
.content-box3 ul li p	{ margin: 0; }
.content-box3 ul li .p3	{ margin: 0; text-transform: capitalize; }
.content-box3 ul li a	{ margin: 0; padding: 0; color: #00AAFF; text-decoration: none; font: normal 12px Verdana, Tahoma, Arial; }
.content-box3 h3	{ margin: 10px 5px 0px 5px; padding: 0; width: 490px; color: #00AAFF; text-decoration: none; font: bold 12px Verdana, Tahoma, Arial; border-bottom: solid 1px #666666; }
.content-box3 h4	{ margin: 10px 5px 0px 5px; padding: 0; width: 490px; color: #00AAFF; text-decoration: none; font: bold 12px Verdana, Tahoma, Arial; border-bottom: solid 1px #666666; text-transform: capitalize; }
.content-box4	{ margin: 5px; padding: 0; width: 488px; overflow: hidden; border: 1px solid #F0F0F0; }
.glossar-box	{ margin: 0px 5px 5px 5px; padding: 0; width: 490px; }
.glossar-box a	{ float: left; margin: 0px 4px 5px 0px; padding: 1px; border: 2px solid #666666; background-color: #FFFFFF; color: #000000; text-decoration: none; display: block; text-align: center;}
.glossar-box a:hover	{ background-color: #00AAFF; border: 2px solid #00AAFF; color: #FFFFFF; }
.trenner	{ margin: 0px 5px 0px 5px; padding: 0; width: 490px; height: 1px; border-top: 1px solid #666666; font-size: 1px; }
.abstand	{ margin: 5px; }
.abstand2	{ margin: 0px 5px 5px 5px; }
.form		{ margin: 0px 5px 5px 5px; }
.form input, .form textarea	{ border: 1px solid #00AAFF; width: 300px; }
.ads		{ margin: 0; position: absolute; top: 15px; left: 260px; width: 700px; height: 60px; }
.counter		{ position: absolute; left: 0px; top:  0px; width:  1px; height: 1px; overflow: hidden; }
