@charset "utf-8";

@media screen and (max-width:950px) {
.container1, .container10, .container11, .container13  {
background-image:none !important;	
}
.inhalt, .inhalt4 {
width:64% !important;
padding-left:0 !important;
}
.infobox {
width:34% !important;	
}
}

@media screen and (max-width:840px) {
.linksdiv, .top01, .top02 {
display:none;
}	
.umflossen {
left:12px !important;
top:4px !important;	
}
.rundschalter {
right:12px !important;
}
.adresse {
right:66px !important;
}
.top {
left:0px !important;
right:0px !important;
background-image: linear-gradient(#6c777b 5px, #fff 25px, #6c777b 50px);
}
.menutop {
left:0px !important;
}
.menulinie {
left: 0px !important;
right:0px !important;
}
.menuabschluss {
right:0px !important;
left:486px !important;
}
.abdeckung2 {
padding-left:0px !important;
padding-right:0px !important;
}
.headerinfo {
padding-left:12px !important;	
}
.imagehead {
padding-left:12px !important;	
}
.footer2 {
left:19% !important;
right:19% !important;
width:60% !important;
}
}

@media screen and (max-width:600px) {
.container, .container2, .container3, .container4, .container5, .container6, .container7, .container8, .container9, .container10, .container11, .container12  {
background-image:none!important;	
}
.inhalt, .inhalt1, .inhalt2, .inhalt3, .inhalt4 {
margin-top:10px !important;
width:100% !important;
}
.infobox {
margin-top:10px !important;
width:100% !important;
}
h1 {
font-size:28px !important;
}
}

@media screen and (max-width:510px) {
.rundschalter {
display:none !important;
}
.adresse {
right:12px !important;
}
.home {
display:none;
}
.menuabschluss {
right:0px !important;
left:450px !important;
}
}

.wrapper, .wrapper80 {
width:120px;
float:right;
box-shadow: 1px 2px 5px #333;
margin-right:2px;
margin-bottom:2px;
background:#000;
}
.wrapper80 {
width:80px;
}
.menu, .menu80, .menu ul {
list-style:none;
margin-top:0px;
}
.menu {
}
.menu li {
}
.menu li > a, .menu80 li > a {
float : right;
width:120px;
line-height:14px;
background:#000;
color:#aaa;
text-decoration:none;
font-family:arial, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
margin-bottom:1px;
transition-duration : 0.5s;
padding-top:4px;
padding-bottom:4px;
}
.menu80 li a {
width:80px;
}
.menu li:hover > a, .menu80 li:hover > a {
background:#3a4042;
color:#fff;
}
.menu ul {
background:#000;
height:0;
box-shadow: 0px 2px 4px #333;
overflow:hidden;
float:right;
}
.menu ul li > a {
background:#3a4042;
font-weight:normal;
}
.menu ul li > a:hover {
background:#50585b;
}
.menu > li > a:active {
background:#000;
}
.menu > li > a:active + ul {
}
.menu > li > a:active + ul.fly {
}
.menu li > a:focus {
cursor:default;
background:#000;
color:#fff;
}
.menu > li a:focus + ul {
padding:0 0 0 0;
}
.menu > li a:focus + ul.fly {
height:auto;
}
.menu > li > ul:hover {
padding:0 0 0 0;
}
.menu > li > ul.fly:hover {
height:auto;
}

@font-face {
font-family: 'Montserrat';
src: url('fonts/MontserratAlternates-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

html {
font-family : Verdana, Helvetica, Arial, sans-serif;
cursor:default;
}

body {
font-family : Verdana, Helvetica, Arial, sans-serif;
cursor:default;
background-color: #d0d0d0;
margin: 116px 0 0 0;
}

.abdeckung {
width:auto;
position:fixed;
height:88px;
left:0px;
right:0px;
top:0px;
text-align:right;
line-height:212px;
white-space:nowrap;
background-color:#fff;
padding-right:36px;
background-color:#d0d0d0;
background-image: linear-gradient(#444 0px, #d0d0d0 50px);
z-index:3;
}

.abdeckung2 {
background-color:#fff;
width:auto;
padding-top: 1px;
padding-left:32px;
padding-right:32px;
border-bottom: 1px solid #fff;
background-image: linear-gradient(#d0d0d0 0px, #fff 90px);
margin-bottom:-15px;
overflow:hidden;
z-index:3;
}

.top {
position:fixed;
top:0px;
right:12px;
left:40px;
width:auto;
height:60px;
overflow:hidden;
white-space:nowrap;
z-index:4;
}

.top01 {
position:fixed;
top:0px;
right:32px;
background-color:#6c777b;
background-image: linear-gradient(#6c777b 5px, #fff 25px, #6c777b 50px);
float:right;
width:480px;
height:60px;
padding-left:6px;
border-radius : 0px 0px 0px 18px;
z-index:4;
}

.top02 {
position:fixed;
top:0px;
right:12px;
background-color:#6c777b;
background-image: linear-gradient(#6c777b 5px, #fff 25px, #6c777b 50px);
float:right;
width:20px;
height:88px;
border-radius : 0px 0px 18px 0px;
box-shadow: 0px 3px 5px #000;
z-index:4;
}

.menutop {
position:fixed;
width:auto;
height:23px;
top:66px;
left:40px;
white-space:nowrap;
z-index:6;
}

.menulinie {
position:fixed;
width:auto;
height:4px;
top:62px;
right:36px;
left:40px;
background-color:#000;
box-shadow: 0px 3px 5px #333;
z-index:5;
}

.menuabschluss {
position:fixed;
width:auto;
height:23px;
top:66px;
right:36px;
left:526px;
background-color:#000;
box-shadow: 0px 3px 5px #333;
z-index:6;
}

.adresse {
position:fixed;
top:8px;
right:90px;
font-family : Arial, sans-serif;
font-weight:bold;
width:auto;
text-align:right;	
z-index:7;
}

.home {
background-image: url('bilder/home.png');
background-repeat:no-repeat;
background-position:center center;
background-color:#000;
width:34px;
height:23px;
box-shadow: 1px 2px 5px #333;
margin-right:2px;
float:right;
}

.home:hover {
background-color:#3a4042;
}

.linksdiv {
position:fixed;
top:0px;
right:210px;
width:auto;
height:60px;
padding-left:6px;
border-radius : 0px 0px 0px 18px;
background-color:#6c777b;
background-image: linear-gradient(#6c777b 5px, #fff 25px, #6c777b 50px);
z-index:6;
}

.seitenlinks {
font-family:Arial, sans-serif;
font-weight:bold;
font-size:12px;
color:#000;
float:left;
background-image:url(bilder/Webdesign.png), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
background-repeat:no-repeat;
background-position:center;
background-color:#6a737c;
height:40px;
width:50px;
margin-right:4px;
margin-top:1px;
text-indent: 100%;
line-height:42px;
overflow:hidden;
white-space:nowrap;
box-shadow:0px 2px 2px #000;
border-radius:10px 10px 10px 10px;
-moz-transition-timing-function:ease-in;
-moz-transition-duration:0.5s;
}

.seitenlinks:hover {
height:40px;
width:auto;	
text-indent: 0px;
background-image:url(bilder/blank.png), linear-gradient(#4b595e 0px, #fff 15px, #4b595e 45px);
background-repeat: no-repeat;
background-position: center;
}

.s2 {
background-image:url(bilder/Interfacedesign.png), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
}

.s3 {
background-image:url(bilder/Mobildesign.png), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
}

.s4 {
background-image:url(bilder/3d.png), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
}

.s5 {
background-image:url(bilder/CD.png), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
}

img { 
border: 0; 
}

h1 {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#000;
font-size:34px;
text-shadow:2px 2px 3px #666;
line-height:1.25em;
padding-left:12px;
}

h2 {
font-family : 'Montserrat', sans-serif;
text-decoration : none;
color:#fff;
font-size:26px;
text-shadow :3px 3px 3px #000;
line-height:1.25em;
margin-top:0px;
}

h3 {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#fff;
font-size:18px;
text-shadow:3px 3px 3px #000;
line-height:1.25em;
}

hr { 
background-color:#000; 
height:2px; 
border:none;
margin-top:0px;
margin-bottom:0px;
width:100%;
}

.copyhinweis {
line-height:1em;
color:#000;
font-size:10px;
white-space:nowrap;
}

.input {
width:100%;
border: 2px solid;
border-color:#fff;
border-radius:10px;
height:20px;
transition-duration:0.5s;
margin-bottom:6px;
box-shadow: 2px 3px 5px #000;
}

.input:hover {
border-color:#000;
}

.area {
width: 100%;
border: 2px solid;
border-color: #fff;
border-radius: 10px;
transition-duration: 0.5s;
margin-bottom: 8px;
overflow: auto;
box-shadow : 2px 3px 5px #000;
}

.area:hover {
border-color: #000;
}

ul { 
padding-left: 1em;
margin-left: 1em;
list-style-position: outside;
list-style: square;
text-decoration : none;
color : #000000;
font-size : 16px;
margin: 0px;
line-height: 1.5em;
}

.sliderhead {
font-family:'Montserrat', sans-serif;
font-size:20px;
line-height:40px;
color: #000;
margin-top:-2px;
margin-bottom:0px;
width:100%;
height:40px;
padding-left:46px;
padding-top:6px;
text-shadow:1px 1px 3px #666;
text-align:left;
}

.imagehead {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#000;
font-size:18px;
padding-left:44px;
padding-top:9px;
height:24px;
background-color:#fff;
text-shadow: 1px 1px 3px #666;
border-top-left-radius:22px;
border-top-right-radius:22px;
}

.schalter2 {
font-size:12px;
color:#FFF;
margin-bottom:2px;
margin-right:2px;
margin-top:10px;
height:16px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
background-color:#000;
transition-duration:0.5s;
border-radius:12px;
border:1px solid #000;
line-height:16px;
}

.schalter2:hover {
text-decoration:none;
background-color:#444;
color:#fff;
border:1px solid #fff;
}

.schalter3 {
font-size:12px;
font-weight:bold;
color:#FFF;
height:24px;
line-height:24px;
text-decoration:none;
background-color:#444;
transition-duration:0.5s;
border-radius: 12px;
border: 1px solid #fff;
width:100%;
box-shadow: 2px 3px 5px #000;
}

.schalter3:hover {
text-decoration:none;
background-color:#000;
color:#fff;
border:1px solid #fff;
}

.umflossen {
position:fixed;
top:6px;
left:40px;
z-index:8;
}

.container {
padding:3% 2% 0 2%;
background-repeat:no-repeat;
background-color:#aaa;
background-size:contain;
background-size:30% auto;
}

.container1 {
background-image:url(bilder/x);
}

.container2 {
background-image: url(bilder/x);
}

.container3 {
background-image: url(bilder/x);
}

.container4 {
background-image: url(bilder/x);
}

.container5 {
background-image: url(bilder/x);
}

.container6 {
background-image: url(bilder/x);
}

.container7 {
background-image: url(bilder/bg_image_08.jpg);
}

.container8 {
background-image: url(bilder/bg_image_09.jpg);
}

.container9 {
background-image: url(bilder/bg_image_10.jpg);
}

.container10 {
background-image: url(bilder/bg_image_11.jpg);
}

.container11 {
background-image: url(bilder/x);
}

.container12 {
background-image: url(bilder/x);
}

.container13 {
background-image: url(bilder/x);
}

.inhalt1 {
text-decoration:none;
color:#000000;
font-size:16px;
line-height:1.5em;
float:right;
width:80%;
}

.inhalt2 {
width:75%;
}

.inhalt3 {
width:95%;
}

.inhalt4 {
width:58%;
float:left;
padding-left:12%;
}

.clear {
clear:both;
}

.rundschalter {
position:fixed;
top:5px;
right:32px;
border-radius:25px;
height:50px;
width:50px;
text-decoration:none;
background-color:#222;
transition-duration:1s;
box-shadow:0px 2px 2px #000;
background-image: url('bilder/fon.png'), linear-gradient(#6a737c 0px, #fff 13px, #6a737c 45px);
background-repeat:no-repeat;
background-position:center;
line-height:50px;
vertical-align:central;
z-index:12;
}

.rundschalter:hover {
background-image: url('bilder/fon_hover.png'), linear-gradient(#4b595e 0px, #fff 15px, #4b595e 45px);
}

a.tooltip:hover {
position:fixed;
}

a.tooltip span {
position:relative;
visibility:hidden;	
}

a.tooltip:hover span {
visibility:visible;
position:absolute;
left:-260px;
top:80px;
white-space:nowrap;
}

#map {
height:320px;
padding:0px;
margin:0px;
position:relative;
}

.t12s {
text-decoration:none;
color:#000;
font-size:12px;
line-height:1.25;
}

.t12b {
text-decoration:none;
color:#000;
font-weight:bold;
font-size:12px;
line-height:1.5;
}

.t12sb {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#000;
font-size:12px;
line-height:1.5;
}

.t12sb:hover {
text-decoration:none;
color:#666;
cursor:pointer;
}

.t12sbinaktiv {
font-family:'Montserrat', sans-serif;
text-decoration:none;
font-size:12px;
line-height:1.5;
color:#555;
}

.t12w {
text-decoration:none;
color:#fff;
font-size:12px;
line-height:1.25;
text-shadow:1px 1px 2px #000;
}

.t14 {
text-decoration:none;
color:#000;
font-size:14px;
line-height:1.5;
}

.t14w {
text-decoration:none;
color:#fff;
font-size:14px;
line-height:1.5;
text-shadow:2px 2px 2px #000;
}

.t14wl {
text-decoration:none;
color:#fff;
font-size:14px;
text-shadow:2px 2px 2px #000;
}

.t14wl:hover {
text-decoration:none;
color:#ddd;
font-size:14px;
text-shadow:2px 2px 2px #000;
cursor: pointer;
}

.t14wb {
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:14px;
line-height:1.5;
text-shadow:2px 2px 2px #000;
}

.t16 {
text-decoration:none;
color:#000;
font-size:16px;
margin:0px;
line-height:1.25em;
}

.t16b {
text-decoration:none;
color:#fff;
font-size:16px;
line-height:1.25em;
text-shadow:3px 3px 3px #000;
}

.t16sb {
text-decoration:none;
color:#000;
font-size:16px;
font-weight:bold;
line-height:1.25em;
}

.t16sb:hover {
text-decoration:underline;	
}

.t18wb {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow:2px 2px 3px #000;
}

.t20sb {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#000;
font-size:20px;
font-weight:bold;
line-height:22px;
}

.t26sb {
font-family:'Montserrat', sans-serif;
text-decoration:none;
color:#000;
font-size:26px;
font-weight:bold;
line-height:28px;
}

.t30wb {
text-decoration:none;
color:#fff;
font-size:30px;
font-weight:bold;
text-shadow:3px 3px 3px #000;
}

.googlediv {
float:left;
padding-top:6px;
white-space:nowrap;	
}
	
.gplusdiv {
float:right;
white-space:nowrap;
}

.nachoben {
float:right;
white-space:nowrap;
}

.v2 {
vertical-align:-1px;
}

.marginright {
margin-right:4px;
}

.olControlAttribution {
bottom:0px;
right:0px;
background:#fff;
color:#000;
font-family: Arial, Verdana;
font-size:11px;
margin-bottom:-60px;
margin-right:-3px;
width:100%;
text-align:right;
}

.olControlAttribution a {
color: #000;
}

#topbox {
display:none;
position:fixed;
bottom:0px;
width:100%;
height:24px;
}

.footer1 {
position:relative;
bottom:0px;
background-color:#000;
width:100%;
height:24px;
z-index:1;
}

.footer2 {
position:relative;
bottom:8px;
left:32%;
right:32%;
height:34px;
width:34%;
border-radius:14px 14px 0px 0px;
box-shadow: 0px 3px 5px #000;
font-weight:bold;
font-size:12px;
color:#000;
line-height:34px;
background-image: linear-gradient(#6c777b, #fff 15px, #6c777b 35px);
white-space:nowrap;
text-align:center;
z-index:2;
}

.upschalter {
position:relative;
left:44%;
bottom:4px;
border-radius:25px;
height:50px;
width:50px;
background-color:#222;
box-shadow:0px 2px 2px #000;
background-image: url('bilder/up.png'), linear-gradient(#6a737c 3px, #fff 15px, #6a737c 35px);
background-repeat:no-repeat;
background-position:center;
line-height:50px;
vertical-align:central;
}

.upschalter a {
display:block;
height:100%;
}

.headerinfo {
padding-left:40px;
font-size:12px;	
}

.infobox {
position:relative;
float:right;
width:28%;
font-size:12px;
margin-left:2%;
}

.box1 {
background-image:url(bilder/3d-work-01.jpg);
background-repeat:no-repeat;
background-color:#98a0a3;
background-position:center;
height:170px;
border:2px solid #fff;
border-radius:12px 12px 0 0;
}

.box2 {
background-image:url(bilder/3d-work-02.jpg);
}

.box3 {
background-image:url(bilder/3d-work-03.jpg);
}

.box4 {
background-image:url(bilder/3d-work-04.jpg);
}

.box5 {
background-image:url(bilder/3d-work-05.jpg);
}

.box6 {
background-image:url(bilder/webdesign-01-responsive.jpg);
}

.box7 {
background-image:url(bilder/webdesign-02-mobil.jpg);
}

.box8 {
background-image:url(bilder/webdesign-03.jpg);
}

.box9 {
background-image:url(bilder/x);
background-position:center;
height:192px;
}

.box10 {
background-image:url(bilder/x);
}

.box11 {
background-image:url(bilder/motiv_prof-nagel.jpg);
}

.textinfo {
padding:4px 10px 10px 10px;
font-size:12px;
line-height:16px;
border-radius:0 0 12px 12px;
background-color:#FFF;
color:#000;
margin-bottom:12px;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
}

.imginbox {
float:left;
border:0;
margin-right:6px;

}