/*  Copyright (C) 20th BestMedia24 Ltd. www.best-media24.com - All rights reserved.  */

*
  {
    margin:0px;
    padding:0px;
  }

html 
  { 
    margin:0px; 
    height:100%; 
    width:100%;
  }

body 
  {
    background-image:url(../img/layout/bg.jpg);
    background-color:#333;
    background-repeat:repeat-x;
    background-position:center top;
    margin:0px;
		padding:0px;
		font-family: Tahoma, Arial, Verdana;
		font-size:12px;
		color:#a1a1a1;
  }
  
a { font-weight:normal; color:#fff; text-decoration:none; }
a:hover { color:#21b5ff; text-decoration:underline; }

a.bottom { font-weight:normal; color:#707070; text-decoration:none; padding:0 0 3px 0; margin:0 5px 0 5px; border-bottom:1px solid #333; }
a.bottom:hover { font-weight:normal; color:#a1a1a1; text-decoration:none; background-color:transparent; border-bottom:1px solid #21b5ff; }

a.bottom2 { font-weight:normal; color:#525252; text-decoration:none; padding:0 0 3px 0; margin:0 5px 0 5px; border-bottom:1px solid #333; }
a.bottom2:hover { font-weight:normal; color:#707070; text-decoration:none; background-color:transparent; border-bottom:1px solid #21b5ff; }

img.inline-r { float:right; border:5px solid #1a1a1a; }
img.desc { border:5px solid #1a1a1a; margin:0 10px 0 0; }
img.desc2 { border:5px solid #1a1a1a; margin:0 10px 10px 0; }

#start-flash { float:left; width:250px; height:188px; display:block; border:5px solid #1a1a1a; margin:0 50px 0 0; }
#fullsize { width:720px; height:576px; display:block; border:5px solid #1a1a1a; margin:auto; font-size:1px; line-height:1px; }

h1 { font-size:16px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 18px 0px; display:block; padding:0 0 10px 0; background-image:url(../img/layout/stripe2.gif); background-repeat:repeat-x; background-position:center bottom; }
h2 { font-size:14px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 10px 0px; display:block; background-color:#1a1a1a; padding:9px; }
h3 { font-size:12px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 9px 0px; }
h4 { font-size:13px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 4px 0px; }
h5 { font-size:13px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 4px 0px; color:#21b5ff; }
  h1 b, h2 b, h3 b,h4 b { color:#21b5ff !important; font-weight:normal; }

div.c1 div.c1-bg div.c1-inner b { color:#fff; }

span { font-weight:bold; color:#21b5ff; }

span.h4 { font-size:13px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 4px 0px; display:block; }
span.h5 { font-size:13px; font-family: Arial, Tahoma, Verdana; font-weight:normal; color:#fff; margin:0 0px 4px 0px; color:#21b5ff; display:block; }

p { margin:0 0 20px 0; line-height:17px; }
p.desc { font-size:10px; color:#5c5c5c; }
p.line { padding:0 0 10px 0; background-image:url(../img/layout/stripe3.gif); background-repeat:repeat-x; background-position:center bottom;}

ul.leistungen li { text-align:left; margin:6px 4px 9px 25px; list-style-type:disc; }
ul.agb li { text-align:left; margin:6px 4px 6px 18px; list-style-type:disc; }

ul.inline li { list-style-type:none; display:inline; }

img { border:0px; }

a.gal { text-decoration:none; border:1px solid #414141; font-size:9px; padding:7px; background-color:#191919; margin:0 7px 10px 7px; float:left; color:#414141; text-align:center; font-weight:normal; }
a.gal b { color:#414141; }
a.gal:hover b { color:#b7b7b7; }
a.gal img { border:1px solid #414141; margin:0 0 7px 0; }
a.gal:hover { text-decoration:none; border:1px solid #636363; color:#b7b7b7; background-color:#111111; }
a.gal:hover img { border:1px solid #a1a1a1; }

a.partner { text-decoration:none; border:1px solid #414141; border-top:4px solid #414141; font-size:12px; padding:16px; background-color:#191919; margin:0 10px 15px 0; float:left; color:#414141; text-align:center; font-weight:normal; }
a.partner:hover { text-decoration:none; border:1px solid #636363; color:#b7b7b7; background-color:#111111; }

div.slider { display:block; float:left; width:760px; margin:10px 0 10px 0; }
div.slider ul { padding:0; margin:0; display:block; }
div.slider li, div.slider ul li { list-style-type:none; padding:0; margin:0; width:152px; height:130px; float:left; }

a.next { margin:10px 0 10px 14px; width:20px; height:137px; display:block; float:left; background-color:#191919; background-image:url(../img/layout/next.jpg); background-repeat:no-repeat; background-position:left center; float:left; }
a.prev { margin:10px 14px 10px 0; width:20px; height:137px; display:block; float:left; background-color:#191919; background-image:url(../img/layout/prev.jpg); background-repeat:no-repeat; background-position:right center; float:left; }
a.next:hover { background-color:#111; background-position:right center; }
a.prev:hover { background-color:#111; background-position:left center; }

div#navigation { padding:0 0 20px 0; }
div#navigation a { font-weight:bold; display:block; padding:6px 3px 6px 10px; margin:0 0 1px 0; background-color:#1a1a1a; color:#707070; text-decoration:none; border-left:5px solid #1a1a1a; } 
div#navigation a:hover { padding:6px 3px 6px 13px; background-color:#111111; text-decoration:none; border-left:5px solid #006BA1; color:#fff; background-image:url(../img/layout/nav-bg.gif); background-repeat:repeat-x; } 
div#navigation a.due { font-weight:normal; display:block; padding:4px 3px 4px 10px; margin:0 0 1px 0; background-color:#9E003A; color:#fff; text-decoration:none; border-left:3px solid #9E003A; } 
div#navigation a.due:hover { font-weight:normal; padding:4px 3px 4px 11px; background-color:#6b0626; text-decoration:none; border-left:3px solid #fff; color:#ffcc00; } 

div#page { margin:auto; width:970px; display:block; }

div#javascript { margin:5px 0 5px 0; border:1px solid #474747; background-color:#202020; color:#a1a1a1; padding:11px; font-size:12px; font-weight:normal; text-align:center; letter-spacing:0px; }

div#ref-kunden { display:block; width:734px; height:50px; margin:20px 0 50px 0; clear:both; }
a#refk01, a#refk02, a#refk03, a#refk04, a#refk05, a#refk06 { display:block; float:left; background:url(../img/ref-kunden.gif) no-repeat; }
a#refk01 { width:130px; height:50px; background-position:0 0; }
a#refk02 { width:130px; height:50px; background-position:-130px 0; }
a#refk03 { width:129px; height:50px; background-position:-260px 0; }
a#refk04 { width:138px; height:50px; background-position:-389px 0; }
a#refk05 { width:73px; height:50px; background-position:-527px 0; }
a#refk06 { width:134px; height:50px; background-position:-600px 0; }
a#refk01:hover, a#refk02:hover, a#refk03:hover, a#refk04:hover, a#refk05:hover, a#refk06:hover { background-image:url(../img/ref-kundenh.gif); }

div#top { width:970px; height:34px; display:block; background-image:url(../img/layout/top.jpg); background-repeat:no-repeat; color:#707070; font-size:10px; }
div#top-left { width:485px; height:24px; display:block; float:left; padding:10px 0 0 0; }
div#top-right { width:485px; height:24px; display:block; float:left; text-align:right; padding:10px 0 0 0; }

div#top a { color:#707070; font-weight:normal; }
div#top a:hover { color:#a1a1a1; font-weight:normal; text-decoration:underline; }

div#logo { width:970px; height:84px; display:block; }
div#logo-left { width:485px; height:84px; display:block; background-image:url(../img/layout/left.jpg); background-repeat:no-repeat; float:left; }
  div#logo-left a { width:300px; height:20px; display:block; margin:31px 0 0 40px; border:0px solid #fff; }
div#logo-right { width:485px; height:84px; display:block; background-image:url(../img/layout/right.jpg); background-repeat:no-repeat; float:left; }

div#nav { width:970px; height:53px; display:block; }
a#nav1, a#nav2, a#nav3, a#nav4, a#nav5, a#nav6 { height:53px; display:block; margin:0px; background-repeat:no-repeat; background-position:left top; float:left; }
a#nav1:hover, a#nav2:hover, a#nav3:hover, a#nav4:hover, a#nav5:hover, a#nav6:hover { background-position:left bottom; }
a#nav1 { width:107px; background-image:url(../img/layout/nav1.jpg); }
a#nav2 { width:135px; background-image:url(../img/layout/nav2.jpg); }
a#nav3 { width:140px; background-image:url(../img/layout/nav3.jpg); }
a#nav4 { width:120px; background-image:url(../img/layout/nav4.jpg); }
a#nav5 { width:119px; background-image:url(../img/layout/nav5.jpg); }
a#nav6 { width:123px; background-image:url(../img/layout/nav6.jpg); }
div#nav-end { width:226px; height:53px; display:block; background-image:url(../img/layout/nav.jpg); background-repeat:no-repeat; float:left; }

div#head { width:970px; height:181px; display:block; }
div#head-left { width:292px; height:181px; display:block; background-image:url(../img/layout/head1.jpg); background-repeat:no-repeat; float:left; }
div#head-right { width:678px; height:181px; display:block; background-image:url(../img/layout/head2.jpg); background-repeat:no-repeat; float:left; }
div#head-right2 { width:678px; height:181px; display:block; background-image:url(../img/layout/head2-2.jpg); background-repeat:no-repeat; float:left; }
div#head-right3 { width:678px; height:181px; display:block; background-image:url(../img/layout/head2-3.jpg); background-repeat:no-repeat; float:left; }

div#head div#head-nav { margin:118px 0 0 118px; }
div#head div#head-nav a { display:block; float:left; padding:8px; background-color:#dfdfdf; color:#333; margin:0 5px 0 0; text-decoration:none; border:1px solid #fff; }
div#head div#head-nav a:hover, div#head div#head-nav a.active { background-color:#0074AF; color:#fff; text-decoration:none; }

div#content { width:970px; display:block; }
div.c1 { width:970px; display:block; }
div.c1 div.c1-top { width:970px; height:20px; display:block; background-image:url(../img/layout/c1-top.jpg); background-repeat:no-repeat; }
div.c1 div.c1-bg { width:970px; display:block; background-image:url(../img/layout/c1-bg.jpg); background-repeat:repeat-y; }
div.c1 div.c1-bg div.c1-inner { padding:25px 37px 1px 37px; }
div.c1 div.c1-bg div.c1-inner div.c1-left { width:430px; float:left; padding:0 17px 0 0; }
div.c1 div.c1-bg div.c1-inner div.c1-right { width:430px; float:left; padding:0 0 0 19px; background-image:url(../img/layout/stripe.gif); background-repeat:repeat-y; }
div.c1 div.c1-bg div.c1-inner div.c1-left2 { width:330px; float:left; padding:0 17px 0 0; }
div.c1 div.c1-bg div.c1-inner div.c1-right2 { width:530px; float:left; padding:0 0 0 19px; background-image:url(../img/layout/stripe.gif); background-repeat:repeat-y; }
div.c1 div.c1-bot { width:970px; height:20px; display:block; background-image:url(../img/layout/c1-bot.jpg); background-repeat:no-repeat; }

div.content-right { width:684px; display:block; float:left; }
div.c2 { width:684px; display:block; }
div.c2 div.c2-top { width:684px; height:20px; display:block; background-image:url(../img/layout/c2-top.jpg); background-repeat:no-repeat; }
div.c2 div.c2-bg { width:684px; display:block; background-image:url(../img/layout/c2-bg.jpg); background-repeat:repeat-y; }
div.c2 div.c2-bg div.c2-inner { padding:25px 37px 1px 37px; }
div.c2 div.c2-bot { width:684px; height:20px; display:block; background-image:url(../img/layout/c2-bot.jpg); background-repeat:no-repeat; }

div.content-left { width:286px; display:block; float:left; }
div.c3 { width:286px; display:block; }
div.c3 div.c3-top { width:286px; height:20px; display:block; background-image:url(../img/layout/c3-top.jpg); background-repeat:no-repeat; }
div.c3 div.c3-bg { width:286px; display:block; background-image:url(../img/layout/c3-bg.jpg); background-repeat:repeat-y; }
div.c3 div.c3-bg div.c3-inner { padding:25px 37px 1px 37px; }
div.c3 div.c3-bot { width:286px; height:20px; display:block; background-image:url(../img/layout/c3-bot.jpg); background-repeat:no-repeat; }

table#kontakt { width:530px; }
table#kontakt td.kontakt-form-td-left { width:265px; }
table#kontakt td.kontakt-form-td-left input { width:259px; padding:2px; border:1px solid #373737; color:#888; background-color:#191919; }
table#kontakt td.kontakt-form-td-left-captcha input { width:224px; padding:2px; border:1px solid #373737; color:#888; background-color:#191919; }
table#kontakt td.kontakt-form-td-left-send { padding:9px 0 0 0; }
table#kontakt td.kontakt-form-td-left-send input.submit-contact { width:100%; text-decoration:none; display:block; padding:5px 8px 5px 8px; border:1px solid #373737; background-color:#191919; color:#888; }
table#kontakt td.kontakt-form-td-left-send input.submit-contact:hover { width:100%; color:#0ca3d3; text-decoration:none; border:1px solid #636363; color:#b7b7b7; background-color:#111; cursor:pointer; }
table#kontakt p.kontakt-form { margin:4px 0 3px 0; padding:0; }
p.kontakt-form { margin:0 0 3px 0; padding:0; }
table#kontakt td.kontakt-form-td-right { width:255px; padding-left:10px; }
table#kontakt td.kontakt-form-td-right textarea { width:249px; padding:2px; border:1px solid #373737; color:#888; background-color:#191919; height:150px; }

div#footer { color:#707070; font-size:11px; width:970px; border-top:1px dashed #484848; margin:10px 0 0 0; }
div#footer-left { width:300px; text-align:left; float:left; padding:15px 0 20px 0; }
div#footer-middle { width:370px; text-align:center; float:left; padding:15px 0 20px 0; }
div#footer-right { width:300px; text-align:right; float:left; padding:15px 0 20px 0; }
div#footer2 { color:#525252; font-size:11px; width:970px; margin:10px 0 0 0; padding:0 0 60px 0; text-align:center; }

div.clear { clear:both; font-size:1px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*  Copyright (C) 20th BestMedia24 Ltd. www.best-media24.com - All rights reserved.  */