/* Simon Schabel für ing-schabel.de*/

/* ALLGEMEINE DEFs */
body, html {
	margin: 0px;
	padding: 0px;

	color: #000;
	background-color: #808080;
	background-image: url(bilder/backgr_body.gif);
	background-repeat: repeat-y;

	
	font: normal normal normal 1.0em "Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif;;	
	font-size: 100.01%;	
		
	height: 100%; 	

	
}

img{
	border-style: none;
	border-width: 0px;
}

/* LINK DEFINITIONS FOR OVER-EFFEKTS*/
A:link { 
	text-decoration: none; 

}
A:visited { 
	text-decoration: none; 

}
A:active { 
	text-decoration: none; 

}
A:hover { 
	text-decoration: none; 
}
A:focus{
	outline: 0;
}



/* FONT DEFs */
/*
EM - PX zum kopieren oder nachschauen
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/

.s1{
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	color: #000;
}

#s2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #b0b0b1;
}



/* BASIC DEFs FÜR STARTSEITE */

#panorama1{
	position: relative;

	width: 100%;
	height: 244px;
	
	background-color: #c0e1eb;
	background-image: url(bilder/backgr_pan3.jpg);
	background-repeat: repeat-x;
	background-position: 0 30px;
	
}

#rslogo{
	position: absolute;	
	bottom: 4px;
	left: 20px; 
	width: 233px;
	height: 111px;

	background-image: url(bilder/rslogo.png);
	background-repeat: no-repeat;
}

* html #rslogo {
  background-image: url(bilder/rslogo.gif);
}

#xinglogo{
	position: absolute;
	right: 0px;
	top: 10px;
	
	width: 120px;
	height: 37px;
	
	background-color: #b3b3b3;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #fff;	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
}

#wirbeixing{
	margin-top: 3px;
	margin-left: 4px;	
}

#logovonxing{
	position: absolute;
	right: 4px;
	top: 18px;
}

#home{
	visibility: hidden;
}


#blackbar{
	position: relative;
	width: 100%;
	height: 24px;
	
	background-color: #000;
	border-color: #fff;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;	
}

#nav_container1{
	position: absolute;
	right: 13%;

	
}

.navelem1{
	display: block;
	position: relative;
	top: -47px;
	
	width: 112px;
	height: 112px;
	
	background-color: #62c04d;	
	float: left;
	margin: 0 35px;
	
	text-align: right;
	
	border-color: #fff;
	border-style: solid;
	border-width: 1px;

}

.navelem1 img{
	margin-top: 92px;
	margin-right: 0px;

}

.navelem1:hover{
	background-image: url(bilder/nav_gr_on.jpg);
	background-repeat: no-repeat;
}

.navelem1:hover img{
	visibility: hidden;
}

#nav11{
	background-color: #62c04d;
	background-position: -1px -1px;
}

#nav12{
	background-color: #ffe900;
	background-position: -115px -1px;
}

#nav13{
	background-color: #e54000;
	background-position: -1px -115px;
}

#nav14{
	background-color: #5b63d1;
	background-position: -115px -115px;
}

#zf{
	position: absolute;
	right: 13%;
	margin-top: 200px;
	
	text-align: right;
	
}

#willkommen{	
	width: 713px;
	height: 52px;
	
	background-image: url(bilder/willkommen2.gif);
	background-repeat: no-repeat;
	
}

#adresse{
	position: relative;
	margin-top: 100px;
	margin-left: 230px;
	margin-bottom: 40px;
	
	width: 462px;
	height: 164px;
	
	background-image: url(bilder/adresse2.gif);
	background-repeat: no-repeat;
}







/* 
#############################################
###### BASIC DEFs FÜR DIE MAINSEITEN  #######
#############################################
*/

#panorama2{
	position: relative;

	width: 100%;
	height: 159px;
	
	background-color: #c0e1eb;
	background-image: url(bilder/backgr_pan3.jpg);
	background-repeat: repeat-x;
	background-position: 0 -20px;
	
}

html>body #pfeil{
	background-image: url(bilder/pfeil2.gif);
	width: 7px;
	height: 17px;
	
	position: absolute;
	top: 4px;
}



#nav_container2{
	position: absolute;
	left: 266px;
}

.navelem2{
	display: block;
	position: relative;
	top: -17px;
	
	width: 56px;
	height: 56px;
	
	background-color: #62c04d;	
	float: left;
	margin: 0 15px;
	
	border-color: #fff;
	border-style: solid;
	border-width: 1px;

}

.navelem2 span{
	margin-top: 92px;
	margin-right: 0px;

	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	color: #000;
	visibility: hidden;
}

.navelem2:hover{
	background-image: url(bilder/nav_kl_on.jpg);
	background-repeat: no-repeat;
}





#nav21{
	background-color: #62c04d;
	background-position: 0 0;
}

#nav21:hover span{
	visibility: visible;
}

/* FÜR IE6 */
* html #nav_ueberuns{
	color: #000;
	visibility: hidden;
	background-color: #62c04d;
}

/* FÜR ALLE ANDEREN */
html>body #nav_ueberuns{
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fefefe;
	
	position: relative;
	left: -260px;
	top: 17px;
}




#nav22{
	background-color: #ffe900;
	background-position: -56px 0;
}

#nav22:hover span{
	visibility: visible;
}

/* FÜR IE6 */
* html #nav_referenzen{
	color: #000;
	visibility: hidden;
	background-color: #ffe900;
}

/* FÜR ALLE ANDEREN */
html>body #nav_referenzen{
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fefefe;
	
	position: relative;
	left: -348px;
	top: 17px;
}




#nav23{
	background-color: #e54000;
	background-position: 0 -56px;
}

#nav23:hover span{
	visibility: visible;
}

/* FÜR IE6 */
* html #nav_kontakt{
	color: #fefefe;
	visibility: hidden;
	background-color: #e54000;
}

/* FÜR ALLE ANDEREN */
html>body #nav_kontakt{
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fefefe;
	
	position: relative;
	left: -435px;
	top: 17px;
}





#nav24{
	background-color: #5b63d1;
	background-position: -56px -56px;
}

#nav24:hover span{
	visibility: visible;
}

/* FÜR IE6 */
* html #nav_anfahrt{
	color: #fefefe;
	visibility: hidden;
	background-color: #5b63d1;
}

/* FÜR ALLE ANDEREN */
html>body #nav_anfahrt{
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fefefe;
	
	position: relative;
	left: -522px;
	top: 17px;
}

.footerspacer{
	height: 50px;
}
.navImpresssum{	float: right;	margin-right: 10px;	line-height: 24px;	}.navImpresssum a{	color: #eee; 	font-size: 12px;	vertical-align: middle;}
.navImpresssum a:hover{	text-decoration: underline;}

/* Inhaltselemente */
#unternavdiv{
	position: relative;
	z-index: 3;
	
	width: 228px;
	float: left;
}

.katbild{
	width: 228px;
	height: 228px;
}

#kat_ueberuns{
	background-image: url(bilder/kat_ueberuns3.jpg);
	background-repeat: no-repeat;
}

#kat_referenzen{
	background-image: url(bilder/kat_referenzen.jpg);
	background-repeat: no-repeat;
}

#kat_kontakt{
	background-image: url(bilder/kat_kontakt.jpg);
	background-repeat: no-repeat;
}

#kat_anfahrt{
	background-image: url(bilder/kat_anfahrt.jpg);
	background-repeat: no-repeat;
}

.katnav{
	margin-top: 35px;
	
	font-family: Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fefefe;
	
	list-style: square;
}

.katnav a{
	color: #fefefe;
}

.katnav a:hover{
	color: #fefefe;
	text-decoration: underline;
}

#choosenlink{
	color: #b3b3b3; 
	text-decoration: underline;	
}

#inhaltdiv{
	margin-left: 230px;
	/*margin-bottom: 50px;*/
	min-width: 500px;
}

.kat_title{
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: -13px;
	margin-left: auto;

	width: 84%;
	cursor: default;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 4.5em;
	font-weight: bold;
	color: #B3B3B3;
}

.kat_title_ref{
	margin-top: 57px;
	margin-right: auto;
	margin-bottom: -12px;
	margin-left: auto;


	width: 94%;
	cursor: default;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 4em;
	font-weight: bold;
	color: #B3B3B3;
}

.inhalt{
	position: relative;
	margin: 0 auto;
	width: 78%;
	color: #fefefe;
	
	background-color: #5a5a5a;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	
	z-index: 2;
	
	padding: 40px;
}


/* REFERENZEN */
.ref_elem{
	position: relative;
	margin: 0 auto 20px;
	width: 92%;
	color: #fefefe;
	
	background-color: #5a5a5a;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	
	z-index: 2;
	padding: 2%;
	
	text-align: center;
}

.ref_center{
	line-height: 1px;
	display: inline-block; 
	width: 100%; 
	padding-top:5px;
}

.ref_pic{
	line-height: normal; 
	display: inline-block; 
	display:inline; 
	width: 300px;	
}

.ref_beschr{
	line-height: normal;
	display: inline-block; 
	vertical-align: top; 
	width: 300px; 
	height: 225px;
}

.ref_beschr_inner{
	margin: 0 10px; 
	text-align: left; 
	display: block;
}

.ref_beschr_inner:first-line{
	font-weight: bold;
}

.ref_spacer{
	display: inline-block; 
	vertical-align: top; 
	width: 300px; 
	height: 1px; 
	line-height: 1px;
}



/* MAILADRESSEN */
.mailadr{
	unicode-bidi: bidi-override;
	direction: rtl;
}
.mailadr a{
	color: #fefefe;
	text-decoration: underline;
}
.mailadr a:hover{
	color: #fefefe;
	text-decoration: none;
}

/* KONTAKTFORMULAR */
input, textarea{
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}