/*   3n.css   */
 /** 
Schrift, Hintergrundfarbe 
	dark-blue: #3f4c5f
	blue: #aab6c7
	light-blue: #d6dbde
	yellow need to look up: #DFE2CB, #FAFFE5
**/


/* PRINT - VERSION*/
/*
body
{
	background-color:white !important;
}
.color_bold
{
color:black !important;
}

#header
{
	background-color: white !important;
}

#impressum
{

	background-color: white !important;
	color: black !important;
}

*/
/* PRINT - VERSION ENDE*/



html
{
	min-height: 100%;
	min-width: 600px;
}


body 
{
	font-family: Quicksand, Helvetica, Arial; 
	color: #3f4c5f;
	background-color:#3f4c5f;
	min-width: 600px;

}



#logo
{
	/*
	logo3 evtl mobile, anpassung navbar erforderlich (scrolling)

	margin: 5px;
	margin-bottom: 15px;
width: 50%;
*/
	
		
	/*logo2*/

margin-right: 10%;


	/*
	logo1
margin-left: 80%;
margin-right: 5%
*/
}

body
{
	background-color: #aab6c7;
	padding: 0px;
	margin: 0px;
}


#header
{
	background-color: #d6dbde;
	margin: 0px;
		vertical-align: middle;
		text-align: center;
}

#gesamtbanner
{
width: 95%;

min-width: 600px;
padding: 5px;
}

/*
#banner
{
max-width: 70%;
min-width: 50%;
		display: inline-block;
float: left;
}

#logo_img
{
	background-color: #d6dbde;
	text-align: right;
	margin: 0px;
	clear:left;
		display: inline-block;
}


#headertext
{
	display: inline-block;
	float: left;
	vertical-align: middle;
	background-color: black;
}
*/



#menuliste
{
	width:250px;
	padding: 0px;
	padding-left: 20px;
	position: fixed;
	overflow: auto;
 
}

#menuliste a
{
	text-decoration:none;
	font-weight:normal;
	color: #3f4c5f;
	display: block;
}


#menuliste li
{
	list-style-type: none;
}

#menuliste li a
{
		padding: 30px 30px;
		margin: 5px 5px;
	/*	font-variant: small-caps;*/
		font-weight: bold;
		font-size: 1.0em;
/*		border-bottom: 2px solid #FAFFE5;*/
		border-bottom: 2px solid #3f4c5f;
		border-bottom-left-radius: 25px;
		border-top-right-radius: 25px;
		border-left: 2px solid #3f4c5f;
			/*background-image: url(navelement.png);*/
	/*	text-transform: uppercase; */
}

#menuliste li a:hover
{
	/* background-color: #3f4c5f; */
	color: #DFE2CB;
	background-image: linear-gradient(to right, #3f4c5f, #aab6c7);
	border-bottom: 2px solid #FAFFE5;
}

a
{
	text-decoration:none;
	font-weight:normal;
	color: #3f4c5f;
}

#text
{
	margin-left: 350px;
	overflow: auto; 
	max-width:50%;
}

#impressum
{
	position: fixed;	
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	background-color: #3f4c5f;
			color: white;

}

#impressum a
{
		color: #FAFFE5;
}



.grossetabelle { 	
			margin-left:50px; }			/* Breite und linker Abstand */

/*

#inhalttabelle  {  	 
			margin-top:0px; margin-left:10px;  
			padding-left:0px; padding-bottom:10px; padding-top:25px;
		 	border-style:solid; border-color:#150962;  
			border-top-width:6px; border-left-width:6px; border-bottom-width:6px; border-right-width:0px; 
			background-image: url(hintergrund.jpg); }


#menuliste {		list-style: none; 
			padding-top:10px; padding-bottom:10px; padding-left:25px;  }
*/
/*
#menuliste.a:hover
{
	color:#DFE2CB;
}


#tab1 , 
#tab2 , 
#tab3 , 
#tab4 , 
#tab5 , 
#tab6 , 
#tab7 , 
#tab8 	{ 		padding:10px; }
*/

/*
#startseite #tab1 a, 
#elektronik #tab2 a,
#datentechnik #tab3 a,
#produkte #tab4 a,
#referenzen #tab5 a,
#firmendaten #tab6 a,
#lageplan #tab7 a,
#mitteilung #tab8 a  
{ 	font-weight: bold; color:#150962; text-decoration:none;}

*/
/*
.liste { 		list-style-type:disc;  padding:5px;  }                /*Standard Listenpunkt für Inhalt */
.listeohne  {		list-style-type:none; }
*/

#lage1 {   	   	float:right;						/* Bild */
      	 		padding-right:25px ;  padding-top:10px;   padding-left:10px;
      			border:none; }




hr 
{ 
	color:#d6dbde;
	background-color: #d6dbde;
	height: 2px;
	border-width:0;
	width:80% ;
}


.hrdaten 
{ 		width:200px ;}			
#trennstrich { 		width:150px ; }



.inhalt { 		padding-left: 35px; }



/* Formatting, Spans*/

.color_bold
{
	color: #FAFFE5;
	font-size: 1.2em;
	font-weight: bold;
}

.headline

{
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	/*margin-right: 30%;*/
}

/*Formatting Lists Items*/
ul
{
/*	list-style-type: square;*/
	color: black;
}

#text li
{
	list-style-type: square;
	list-style-image: url(cogwheel_icon.png);
	/*padding: .3em 0 1em 40px; */
	no-repeat;
	color: #3f4c5f;
}