header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media (min-width: 768px) {

/* ALLGEMEIN ---------------------------------------------------------------------------------------- */

html {
    overflow-y: scroll;
}
body {
    background-color:#f2f2f2;
    background:-moz-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-webkit-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-o-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-ms-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:linear-gradient(50deg,#fff 30%,#a3b4c0 70%);
    -pie-background:linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    font:87.5%  'droid_sansregular', Verdana,Arial,Helvetica,sans-serif;
    color:#444;
    background-attachment: fixed;
}
#wrapper {
    max-width:880px;
    margin-top:24px;
    padding-right:20px;
    padding-left:20px;
}

/* HEADER ---------------------------------------------------------------------------------------- */
.logo {
    width:210px;
    height:140px;
    float:left;
    background-color:#fff;
    background-image:url("../../files/theme/theme_karlswerk/webdesign_logo.png");
    border:1px solid #fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
.kopf_rechts {
    height:140px;
    margin-left:220px;
    background:#fff url("../../files/theme/theme_karlswerk/header.jpg") left top no-repeat;
    border:1px solid #fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
.kopftext {
    padding-top:12px;
    padding-right:18px;
    text-align:right;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    color:#fff;
}
.kopftext a {
    text-align:right;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    color:#fff;
}
.kopftext a:hover {
    color:#fc0;
}

/* INHALT-CONTAINER ---------------------------------------------------------------------------------------- */
#main .inside {
    margin:8px 1px 0 9px;
    padding:12px 36px 0;
    background-color:#fff;
    border:1px solid #fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
#main .inside:before,
#main .inside:after {
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5);
      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      position: absolute;
      left: 15px;
      bottom: 10px;
      z-index: -1;
      width: 50%;
      max-width: 300px;
      height: 500px;
      content: "";
}
#main .inside:after {
    right:15px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

/* SEITENABSCHLUSS ---------------------------------------------------------------------------------------- */
#seitenabschluss {
    width:260px;
    margin:0 auto;
    padding-left:30px;
    font-size:.8em;
}
#seitenabschluss img {
    margin-top:180px;
}
#seitenabschluss_innen {
    width:220px;
    margin:60px 0 100px 33px;
    font-size:.8em;
}
#seitenabschluss a {
    text-decoration:none;
    color:#999;
}
#seitenabschluss .telefon {
    font:2em Helvetica,Verdana,Geneva,sans-serif;
    text-decoration:none;
    color:#666;
}
#seitenabschluss .telefon a {
    font-size:1em;
    text-decoration:none;
    color:#666;
}
#seitenabschluss a:hover,
#seitenabschluss .tel a:hover {
    text-decoration:none;
    color:#f90;
}

/* LINKE SPALTE (NAVIGATION) ---------------------------------------------------------------------------------------- */
#left .inside {
    margin-top:8px;
}

/* FOOTER ---------------------------------------------------------------------------------------- */
#karlswerk {
    max-width:620px;
    margin:60px 24px 160px 240px;
    text-align:center;
}
#karlswerk-rahmen {
    max-width:620px;
    padding-top:1px;
    padding-bottom:2px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
#karlswerktext {
    font-size:9px;
    color:#999;
}
}

@media (max-width: 767px) {

/* ALLGEMEIN ---------------------------------------------------------------------------------------- */
html {
    overflow-y: scroll;
}
body {
    background-color:#f2f2f2;
    background:-moz-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-webkit-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-o-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:-ms-linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    background:linear-gradient(50deg,#fff 30%,#a3b4c0 70%);
    -pie-background:linear-gradient(40deg,#fff 30%,#a3b4c0 70%);
    font:87.5% 'droid_sansregular', Verdana,Arial,Helvetica,sans-serif;
    color:#444;
}
#wrapper {
    max-width:880px;
    margin-top:8px;
    padding-right:10px;
    padding-left:10px;
}

/* HEADER ---------------------------------------------------------------------------------------- */
.logo {
    height:140px;
    background-color:#fff;
    background-image:url("../../files/theme/theme_karlswerk/webdesign_logo.png");
    background-repeat:no-repeat;
    border:1px solid #fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
.kopf_rechts {
    display:none;
}

/* INHALT-CONTAINER ---------------------------------------------------------------------------------------- */
#main .inside {
    margin-right:1px;
    padding:8px 8px 40px;
    background-color:#fff;
    border:1px solid #fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}
#main .inside:before,
#main .inside:after {
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .5);
      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      position: absolute;
      left: 15px;
      bottom: 10px;
      z-index: -1;
      width: 50%;
      max-width: 300px;
      height: 500px;
      content: "";
}
#main .inside:after {
    right:15px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}

/* SEITENABSCHLUSS ---------------------------------------------------------------------------------------- */
#seitenabschluss {
    width:260px;
    margin:0 auto;
}
#seitenabschluss img {
    margin-top:80px;
}
#seitenabschluss_innen {
    width:220px;
    margin:60px 0 40px 33px;
    font-size:.8em;
}
#seitenabschluss a {
    text-decoration:none;
    color:#999;
}
#seitenabschluss .tel {
    font:2em Helvetica,Verdana,Geneva,sans-serif;
    text-decoration:none;
    color:#666;
}
#seitenabschluss .tel a {
    font-size:1em;
    text-decoration:none;
    color:#666;
}
#seitenabschluss a:hover,
#seitenabschluss .tel a:hover {
    text-decoration:none;
    color:#f90;
}

/* FOOTER ---------------------------------------------------------------------------------------- */
#karlswerk {
    max-width:620px;
    margin:60px 8px 80px;
    text-align:center;
}
#karlswerk-rahmen {
    max-width:620px;
    padding-top:1px;
    padding-bottom:2px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
#karlswerktext {
    font-size:9px;
    color:#999;
}
}

@media (min-width: 768px) {

/* RESPONS. MENUBUTTON AUSBLENDEN ---------------------------------------------------------------------------------------- */
#header .mod_navigation,
div.menubutton {
    display:none;
}

/* MENUE ---------------------------------------------------------------------------------------- */
#left .mod_navigation li a {
    width:210px;
    height:50px;
    display:inline-block;
    margin-top:0;
    text-align:center;
    border:1px solid #dcdcdc;
    border-radius:4px;
    font:12px/50px Arial;
    text-decoration:none;
    color:#777;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    background: linear-gradient(to top, #ededed, #dfdfdf);
    background: -ms-linear-gradient(to top, #ededed, #dfdfdf); 
    background: -webkit-linear-gradient(to top, #ededed, #dfdfdf);
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
}
#left .mod_navigation li a:hover {
    background: linear-gradient(to top, #dfdfdf, #ededed);
    background: -ms-linear-gradient(to top, #dfdfdf, #ededed); 
    background: -webkit-linear-gradient(to top, #dfdfdf, #ededed);
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
}
#left .mod_navigation li a:active {
    top:1px;
    position:relative;
}
#left .mod_navigation li strong.active {
    width:210px;
    height:50px;
    display:inline-block;
    margin-top:4px;
    text-align:center;
    border:1px solid #dcdcdc;
    border-radius:4px;
    font:12px/50px Arial;
    text-decoration:none;
    color:#777;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    background-color: #fff;
}
}

@media (max-width: 767px) {

/* MENUE LINKS INAKTIV ---------------------------------------------------------------------------------------- */
#left .mod_navigation {
    display:none;
}

/* MENUBUTTON AKTIV ---------------------------------------------------------------------------------------- */
div.menubutton {
    right:0;
    top:24px;
    position:absolute;
    display:block;
    z-index: 10;
}
div.menubutton a {
    display:block;
}
div.menubutton .shownav {
    margin-right:24px;
    padding-right:46px;
    background-image:url("../../files/theme/theme_karlswerk/menubutton.png");
    background-position:right center;
    background-repeat:no-repeat;
    font-size:1.5rem;
    text-decoration:none;
    color:#ccc;
}
div.menubutton .hidenav {
    margin-right:24px;
    padding-right:46px;
    background-image:url("../../files/theme/theme_karlswerk/menubutton.png");
    background-position:right center;
    background-repeat:no-repeat;
    font-size:1.5rem;
    text-decoration:none;
    color:#ccc;
}
div.menubutton a.hidenav {
    display:none;
}

/* MENUE II IM HEADER ---------------------------------------------------------------------------------------- */
nav.mod_navigation {
    position:relative;
    margin:6px 0 0;
    padding:0;
    transition: 1s;
}
nav.mod_navigation li a {
    height:40px;
    display:block;
    margin-top:4px;
    text-align:center;
    border:1px solid #dcdcdc;
    border-radius:4px;
    font:12px/40px Arial;
    text-decoration:none;
    color:#777;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    background: linear-gradient(to top, #ededed, #dfdfdf);
    background: -ms-linear-gradient(to top, #ededed, #dfdfdf); 
    background: -webkit-linear-gradient(to top, #ededed, #dfdfdf);
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
}
nav.mod_navigation li a:hover {
    background: linear-gradient(to top, #dfdfdf, #ededed);
    background: -ms-linear-gradient(to top, #dfdfdf, #ededed); 
    background: -webkit-linear-gradient(to top, #dfdfdf, #ededed);
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
}
nav.mod_navigation li a:active {
    top:3px;
    position:relative;
}
nav.mod_navigation li strong.active {
	height:40px;
    display:block;
    margin-top:4px;
    text-align:center;
    border:1px solid #dcdcdc;
    border-radius:4px;
    font:12px/40px Arial;
    text-decoration:none;
    color:#777;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 0px 0px #fff;
    background-color: #fff;
}
#header nav.mod_navigation {
    max-height:0;
}
#menu:target nav.mod_navigation {
    max-height:40rem;
}
#menu:target a.shownav {
    display:none;
}
#menu:target a.hidenav {
    display:block;
}
}

@media (min-width: 768px) {

/* SCHRIFTEN ---------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'droid_sansregular';
    src: url('../../files/fonts/DroidSans-webfont.eot');
    src: url('../../files/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-webfont.woff2') format('woff2'),
         url('../../files/fonts/DroidSans-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
}

h1 {
    margin-top:64px;
    font:40px/40px 'droid_sansregular', Helvetica,Verdana,Geneva,sans-serif;
    color:#666;
    letter-spacing:1px;
}
h2 {
    font:18px/24px 'droid_sansregular', Verdana,Geneva,sans-serif;
    color:#666;
}
strong {
    color:#999;
    letter-spacing:1px;
    font-weight: 500;
}
em {
    font-weight:bold;
    color:#f90;
    letter-spacing:1px;
    font-style:normal;
}
#main .mod_article a,
#main .tel {
    text-decoration:none;
    color:#999;
}
#main .mod_article a.visited {
    color:#000;
}
#main .mod_article a:hover {
    color:#f90;
}
.referenzen .textrechts {
    font-size:.85em;
}
/* .klienten .mod_article .ce_text,
.leistungen .mod_article .ce_text p,
.hostunddomain .mod_article .ce_text p,
.karlswerk .mod_article .ce_text p,
.impressum .mod_article .ce_text p,
.datenschutz .mod_article .ce_text p {
    text-align:justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
} */
.mod_article .ce_text {
    text-align:justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}
/* RECHTE SPALTE IM TEXT ---------------------------------------------------------------------------------------- */
#main .mod_article .textrechts {
    min-width:220px;
    display:table;
    margin:60px 32px 0 12px;
}

/* AUFZAEHLUNGEN ---------------------------------------------------------------------------------------- */
.startseite #main .mod_article li,
.hostunddomain #main .mod_article li {
    margin-top:4px;
    padding-left:29px;
    background-image:url("../../files/theme/theme_karlswerk/aufzaehlung_haken.png");
    background-position:left top;
    background-repeat:no-repeat;
}

/* STARTSEITE ---------------------------------------------------------------------------------------- */
.home_screensmiley {
    width:150px;
    float:left;
    margin:64px 36px 24px;
}

/* SCREENSHOTS SEITE KLIENTEN ---------------------------------------------------------------------------------------- */
.referenzen img {
    float:left;
    margin:82px 36px 12px 12px;
    padding:1px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

/* CARTOONS und TRANSPARENTE IMG ---------------------------------------------------------------------------------------- */
.leistungen img,
.host_und_domain img,
.karlswerk img,
.impressumtxt img,
.error_404 img {
    width:150px;
    float:left;
    margin:84px 36px 12px 24px;
}

/* SEITE KONTAKT - GOOGLE MAP ---------------------------------------------------------------------------------------- */
.googlemap {
    margin-top:24px;
}
.googlemap img {
    width:140px;
    margin:0 0 0 -10px;
}
}

@media (max-width: 767px) {

/* SCHRIFTEN ---------------------------------------------------------------------------------------- */



/* SCHRIFTEN ---------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'droid_sansregular';
    src: url('../../files/fonts/DroidSans-webfont.eot');
    src: url('../../files/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-webfont.woff2') format('woff2'),
         url('../../files/fonts/DroidSans-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
}

h1 {
    font:24px 'droid_sansregular', Helvetica,Verdana,Geneva,sans-serif;
    color:#666;
}
h2,
h3,
h4 {
    font:18px/24px 'droid_sansregular', Verdana,Geneva,sans-serif;
    color:#666;
}
strong {
    font-weight:bold;
    color:#999;
    letter-spacing:1px;
}
em {
    font-weight:bold;
    color:#f90;
    letter-spacing:1px;
    font-style:normal;
}
#main .mod_article a {
    text-decoration:none;
    color:#999;
}
#main .mod_article a.visited {
    color:#000;
}
#main .mod_article a:hover {
    color:#f90;
}
.referenzen .textrechts {
    font-size:.85em;
}
.klienten .mod_article .ce_text,
.leistungen .mod_article .ce_text p,
.hostunddomain .mod_article .ce_text p,
.karlswerk .mod_article .ce_text p,
.impressum .mod_article .ce_text p,
.datenschutz .mod_article .ce_text p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* RECHTE SPALTE IM TEXT ---------------------------------------------------------------------------------------- */
#main .mod_article .textrechts {
    min-width:220px;
    display:table;
    margin:60px 32px 0 12px;
}

/* AUFZAEHLUNGEN ---------------------------------------------------------------------------------------- */
.startseite #main .mod_article li,
.hostunddomain #main .mod_article li {
    margin-top:4px;
    padding-left:29px;
    background-image:url("../../files/theme/theme_karlswerk/aufzaehlung_haken.png");
    background-position:left top;
    background-repeat:no-repeat;
}

/* STARTSEITE ---------------------------------------------------------------------------------------- */
.home_screensmiley {
    width:150px;
    float:left;
    margin:64px 36px 24px;
}

/* SCREENSHOTS SEITE KLIENTEN ---------------------------------------------------------------------------------------- */
.referenzen img {
    float:left;
    margin:84px 36px 12px 12px;
    padding:1px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
}

/* CARTOONS und TRANSPARENTE IMG ---------------------------------------------------------------------------------------- */
.leistungen img,
.host_und_domain img,
.karlswerktxt img,
.impressumtxt img,
.error_404 img {
    width:150px;
    float:left;
    margin:84px 36px 12px 24px;
}

/* SEITE KONTAKT - GOOGLE MAP ---------------------------------------------------------------------------------------- */
.googlemap {
    margin-top:24px;
    border:1px solid #ccc;
    border-radius:8px;
}
.googlemap img {
    width:140px;
    margin-left:-10px;
}
}