/**********************************************
   Copyright (c) 2019 CDNET INTERNETSERVICE   *
     last modify  29.10.2026                  *
***********************************************/
html * {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	

body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	line-height:175%;
	background-color: #9495a0;
	color:#555;
}



h1 { font-size:150%;
	margin:0 0 0.3em 0;
	letter-spacing:0.2em;
	color:#000;
	font-weight:600;

}

h2 { font-size:120%;
	color:#666;
	font-weight:600;
	text-align:center;

}


h4 {	display:block;
	color:#666;
	font-weight:600;
	font-size:1.2em;
	margin-top:-0.5em;
}

a { text-decoration:none;
}

.small  {
	font-size:0.8em;
	letter-spacing:1.2px;
	text-align:center;
	margin:0 44px;
}
.error {
	color:#d00;
	font-weight:800;
	background-color:#edc;
	border-color:#d00;
}



/*  CSS Layout
----------------------------------------------- */

#main {	
	max-width:54em;
	width:100%;
	margin:5em auto;
	text-align:left;
}

#main #logo,
#main #content,
#main #navi {
	width: 4.4em;
	float:left;
	height:25em;
}

#main #logo img {
	width: 4.125em;
	height:auto;
}


#main #content {
	max-width:42.125em;	
	width:100%;
	height:27.625em;
	background-size:contain;
	background-size:100%;
	padding:2% 3%;
	text-align:left;line-height:175%
	}

#main #content.start {
	background: url(../img/start.jpg) 0 0 no-repeat;
}

#main #content.conti {
	background: url(../img/back_contact.jpg) 0 0 no-repeat;
}

#main #content.conti2 {
	background: url(../img/back_layer5.jpg) 0 0 no-repeat;
}

#main #content.vita {
	background: none;
	background: url(../img/back_vita.jpg) 0 0 no-repeat;

}

#main #content.referenz {
	background: none;	
	padding:0;

}

/*===== Links im Content =====*/

#main #content a.seclink {
	color:#446;
	background: url(../img/link-pfeil.png) 0 3px no-repeat;
	padding-left:1em;
}
#main #content a.seclink:hover {
	text-decoration:underline;
}

#main #content td { vertical-align:top;
	padding-right:0.6em;line-height:175%
}

#main #content #bildrechts {
	position:relative;
	top:-28em;
	left:33em;
	z-index:99;
	width:5em;

}
/*===== REFERENZEN =====*/


#main #content .quad {
	width:13.6em;
	height:13em;
	float:left;
	margin: 0 0 0.2em 0.5em;
}

#main #content .eins {
	margin:0 0 0.2em 0;
}

#main #content .quad img{
	width:13.3em;
	height:13.3em;
	border:0.7em solid #767878;
}
#main #content  img.super {
	width:0;
	height:0;
	border:none;
}


/* ___LAYER IM CONTENT____ */

#main #content .layer {
	display:block;
	position:absolute;
	top:5em;
	width:42.88em;
	height:27,688em;
	z-index:90;
	padding:0.7em 1.8em;
	color:#667;
	background: url(../img/back_layer3.jpg) 0 0 no-repeat;
}
#main #content  .pro1 {
	background:url(../img/back_layer_projekt_1.jpg) 0 0 no-repeat;
}
#main #content  .pro2 {
	background:url(../img/back_layer_projekt_2.jpg) 0 0 no-repeat;
}
#main #content  .pro3 {
	background:url(../img/back_layer_projekt_3.jpg) 0 0 no-repeat;
}



#main #content  a.lobo {
	display:block;
	position:relative;
	top:0;
	width:2em;
	height:2em;
	left:38em;
	z-index:33;
	background: url(../img/close.png) 0 0 no-repeat;

}

#main #content  p.gala_txt {
	height: 8.78em;
	font-size:90%
}
	
	
#main #content #galerie {
	margin-left:-1.77em;
	margin-top:0;
}

#main #content #galerie img{
	width:70%;
	height:16em
}


/*========BILDERGALERIE=========*/

#main #content #photo { 
	height: 6em; 
	width: 42.6em;
	margin-left:-1.8em;
	margin-top:1em;
}

#main #content #photo li { 
	display:inline;
	width:7em;
	height:7em;
	float:left;
	margin-right: 1.2em;
	background-image:none
}
#main #content #photo img { 
	width:7em;
	height:7em;
	border:0.5em solid #fff;
}


/*_________HAUPT-NAVI____________*/
#main  #navi {
	background-image:none;
	width:5.8em;
	padding-left:1em;
	list-style:none
}
#main  #navi li {
	height:6.18em;
	width:6.18em;
	background-color:#848487;
	margin-bottom:1em;
}
#main  #navi li.u {
	background-color:#868784;
}
#main  #navi li.v {
	background-color:#848476;
}
#main  #navi li.w {
	background-color:#6e7280;
	margin-bottom:0;
}
#main  #navi li.f {
	background-color:transparent;
	margin:0.2em 0 0 -0.3em;
	padding:0;
}
	
	

#main  #navi li  a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:0.8em;
	letter-spacing:0.8;
	padding:5px;
}
#main  #navi li  a.sec_navi {
	float:right;
}
#main  #navi li  a:hover, 
#main  #navi li  a.active {
	color:#000;
}
#main  #navi li  a.ralph {
	background: transparent url(../img/ralph-stintz.jpg) 0 0 no-repeat;
	height:7.8em;
	width:7.8em;
}
#main .clear {
	clear:both;
	margin:0;
	font-size:0;
	height:0;
	padding:0;
}
#main .abstand {
	height: 1.1rem;
}

/*   Formularfelder wie Name, Kontonr. etc. 
-------------------------------------------------------- */

#main #content fieldset {
	width:100%;
}
#main #content fieldset p {
	width:100%;
	margin:0 0 2% 0;
	color:#446;
	line-height:130%;
}
#main #content fieldset label {
	display: inline;
	width:26%;
	min-width:5em;
	float: left;
	line-height:200%;
	font-size:90%;
	text-align:right;
	margin-right:2%;
	padding:0.5em;
	}

#main #content fieldset p.text {
	width:66%;
	margin:0 0 0 9%;
	line-height:1.8em;
}

#main #content fieldset p input,
#main #content fieldset p select,
#main #content fieldset p textarea	{
	border: 3px solid #69c;
	border-radius: 15px 15px 15px 15px;
	background-color:#ccc;
	line-height:130%;
	padding:0.5em 1em;
	color:#333;
	width:65%;
	margin-bottom:0.2emx;
}
#main #content fieldset p input:hover,
#main #content fieldset p textarea:hover,
#main #content fieldset p input:focus,
#main #content fieldset p textarea:focus {
	background-color: #fff;
	border-color:#000;
}
#main #content fieldset p .send {
	cursor:pointer;
	width:auto;
	padding:0.2em 3em;
	font-size:100%;
	color:#335;
	background-color:#aab;
	font-weight:700;
	margin-left:7.8em;
	border:none;
}
#main #content fieldset p .send:hover {
	background-color:#666;
	color:#fff;	border:none;
}

#main #content fieldset p textarea {
	height:7em;
}