a:link {color:#0b2f39; text-decoration:none;}
a:visited {color:#0b2f39; text-decoration:none;}
a:hover {color:#c89619; text-decoration:none;}

#footer a:link {font-size:10px;}
#footer a:visited {font-size:10px;}
#footer a:hover {font-size:10px;}
#footer .active {font-size:10px; color:#c89619;}

* {
font-family:Lato,Arial,Helvetica,sans-serif;
font-size:12px;
color:#0b2f39;
margin:0px;
padding:0px;
}

html{
scrollbar-base-color:#ffffff;
scrollbar-3d-light-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ccc;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#ccc;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
height:100%;
width:100%;
}
		
body {
background-color:#eef3fa;
line-height:16px;
height:100%;
width:100%;
}

input, select, textarea {
border-width:1pt; 
border-style:solid; 
border-color:#c89619;
background-color:#ffffff;
margin:1px;
}

input.errordesignfields, textarea.errordesignfields {background-color:#c89619; color:#ffffff;}

h1 {font-size:14px; font-weight:bold; color:#0b2f39; margin:0px 0px 20px 0px; text-transform:uppercase; font-family:Cinzel,Arial,Helvetica,sans-serif;}
h2 {font-size:12px; font-weight:bold; color:#c89619; margin:0px 0px 10px 0px;}

ul {margin:0px; padding:0px 0px 0px 15px;}
ol {margin:0px; padding:0px 0px 0px 20px;}
img {border-width:0px;}

hr {margin:10px 0;}

.clear {clear:both; height:1px;}
.topclear {clear:both; height:1px; position:absolute;}

#center {width:945px; margin:auto;}
.start h1 {font-size:20px; line-height:20px; text-align:right; font-weight:normal; color:#fff; margin:0px 0px 0px 0px; text-transform:uppercase; font-family:Cinzel,Arial,Helvetica,sans-serif;}
.start #content {min-height:203px; padding:200px 250px 0px 80px; background: url(../images/delius_start.png) no-repeat bottom;}

#header {height:105px; background: url(../images/delius_header.png) no-repeat; background-color: #fff; background-color: rgba(255,255,255,0.9);}
#logo {width:170px; height:80px; position:absolute; margin:20px 0px 0px 760px;}
#menue {padding:20px 15px 0px 15px;}

#content {min-height:403px; background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9);}
#textleft {float:left; width:415px; padding:0px 15px 30px 30px; height:373px; overflow:auto; vertical-align:bottom;}
#textleft .spalte {width:48%; margin:0 2% 0 0; float:left;}
#picright {float:right; width:485px; height:403px;}

.gewerbehead {display:block; background-color:#0b2f39; padding:10px; color:#fff;}
.titel {font-size:14px;}
.produktbild {max-height:90px; max-width:90px; line-height:90px; border: solid 1px #000000; margin:0 8px 8px 0; overflow:hidden!important; width:90px!important; height:90px!important; float:left;}
.galerie {margin:0 10px 10px 0; border:1px solid #0b2f39;}

.detailleer {padding:10px;}
.detail {padding:10px; border-bottom:1px solid #0b2f39; min-height:90px;}
.detail2 {padding:10px; border-bottom:1px solid #0b2f39;min-height: 100px;}
.detail:hover {padding:10px; border-bottom:1px solid #0b2f39; background:rgba(200, 150, 25, 0.3); min-height:90px;}

#detail {height:403px; overflow:auto;}
#detail #left {float:left; width:405px; padding:0px 30px 30px 30px;}
#detail #right {float:right; width:430px; padding:0px 30px 0px 0px;}

#footer {height:18px; padding:5px 15px 0px 15px; font-size:10px; border-top:solid 1px #0b2f39; text-transform:uppercase; background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9);}
.startfooter {border-top:0px!important;}

.startseite-btn {
	animation: start 2s;
}

@keyframes start {
	0% {opacity: 0; transform:  translateX(-300px) scale(0.7);}
	100% {opacity: 1; transform:  translateX(230px) scale(1);}
}