@charset "UTF-8";
/* ----------------------------------------
------------------------------------------
***** STYLE SHEET www.i-huber.de  **********
------------------------------------------
Letzte Aktualisierung:---03-11-2009
__________________________________________

/************  FARBEN  ************F
------------------------------------------
BRAUN:---------------- #918960
BRAUN(heller):-------  #a59d95
BRAUN(heller ++):----- #ede9de
GRAU:----------------  #747678
					   #5a5a5a
GRAU(heller):--------- #988F86
------------------------------------------*/



/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

.clear {
	float:none;
	clear:both;
}

/* Haupelemete
--------------------------------------------------------------------------------------- */

html { 
	padding: 0.5em 0;
	color:#333;
	font-size:75%;
	background:url(img/grid.png);

	
}

body  {
	font: 12.5px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*background:url(img/grid.png);*/
	background:url(../img/bg.gif);
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	overflow:scroll;
}

/* Links
--------------------------------------------------------------------------------------- */

a:link, a:visited  {
	color:#918960;
	text-decoration:none;
}

a:hover, a:active  {
	color:#747678;
	text-decoration:underline;
}

/* Container, Wrapper
--------------------------------------------------------------------------------------- */


#container {
	width: 66em;
	min-width: 725spx;
	margin: auto auto;
	position: relative;
	background-image:url(../img/bgwhite.png);
	border:10px solid #fff;
}

#content {
	padding: 2em 0.25em 0 0.25em;
	min-height: 320px;

}

#content-list {
	padding: 1.75em 0.25em 0 0.25em;
	min-height: 320px;
	margin:0;	
	
}

#footer {
	padding: 0;
	border-top: dotted #999 1px;
	margin:0;
		
	
}

#content-text {
	padding: 2.25em 0em 0.5em 1em;
	position: relative;
	clear:both;
	
}

/* Menue, Listen
--------------------------------------------------------------------------------------- */

#site-menue-top {
	position:relative;
	min-height:2em;
	float:right;
	width:35em;
	margin:0;
	padding:0;
	border-bottom: dotted #999 1px;
	
}

 #site-menue-bottom {
	height:2.25em;
	float:right;
	width:9.5em;
	margin-top:2em;
	

}


#site-menue-top li, #site-menue-bottom li {
	position: absolute;
	width: 9em;
	padding: 0.25em 1em 0.5em 1em;
	color:#000;
	list-style: none;
	font-variant:small-caps;
}



#content-menue  {
	position:relative;
	width: inherit;
	/*min-height:77px;*/
	float: left;
	line-height:1.45em;
	display:block;
	
}



a.menue-top {
	font-size:1em;
		color:#666;
}

a.menue-list  {
	color:#333;
	font-size:0.85em;
}

#content-menue li {
	position: absolute;
	width: 9em;
	padding: 1em;
	color:#666;
	list-style: none;	

}

#content-menue li a:hover


a.menue-list:hover {
	text-decoration:underline;
}

a.menue-top:hover {
	text-decoration:underline;
	color:#000;
}

#site-menue-top a:hover,  #site-menue-bottom a:hover {
	text-decoration:underline;
}



#A-site-menue { right: 22em; }
#B-site-menue { right: 11em; }
#C-site-menue { right: 0; }

#U-site-menue { right: 11em;}
#V-site-menue { right: 8em;}
#W-site-menue { right: 5em;}





#a { left: 0;}
#b { left: 11em;}
#c { left: 22em;}
#d { left: 33em;}
#e { left: 44em;}
#f { left: 55em;}



/* Headlines, Textelemente
--------------------------------------------------------------------------------------- */

h1 {
	width: 100%;
	color:#FFF;
	margin:0;
	height:105px;
	border-bottom: dotted #999 1px;
}

h2 {
	font: 1.5em/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	padding: 1em 0.5em 0.75em 0.5em;
	border-bottom: dotted #999 1px;
	border-top: dotted #999 1px;
}

h2 span {
	font-style:italic;
}



h3 {
	font: 1.5em/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	padding: 1em 0.5em 0.75em 0.5em;
	border-top: dotted #999 1px;
}
	
h3 span {
	font-style:italic;
}

h4 {
	font: 1.25em/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
	padding: 0;
	float:left;
}


h4.date {
	font: 1em/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
	padding: 0 0 0 2em;
	float:left;
}

h5 {	font: 0.8em/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	padding: 0,5em;
	margin-left:30em;
}

span.tiny {
	font-size: 0.75em;
}
	



#content-list h6.small {
	
	font: 1.3em/3 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0.5em 0 0 0.75em;
	
}


#content-list h6.small-cv {
	
	font: 1.3em/3.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 0 0 0.75em;
	border-top: dotted #999 1px;
	border-bottom: none;
	
}

#content-list h6.small-u {
	
	font: 1.3em/3.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 0 0 0.75em;
	border-top: dotted #999 1px;
	
	
}


h6 { font: 1.5em/3"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	
}

#content-list h6 {
	padding: 0 0 0 0.5em;
	border-bottom: dotted #999 1px;
}



p { 
	font-size: 1.125em;
	margin:0;
	padding: 0.75em 2em 0 0.5em;
	line-height:1.45em;
	color:#7d746b;
}


.produkt { 
	font-size: 1.125em;
	line-height:1.45em;
	color:#7d746b;
	clear:both;
	padding: 2em;
	
}

p.blog { 
	font-size: 1.125em;
	line-height:1.45em;
	color:#7d746b;
	padding: 1em;
	margin-left:21em;
	border-bottom: dotted #999 1px;
			border-top: dotted #999 1px;
	
}


p span  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}

blockquote  {
	padding: 1.25em 0em 0em 0.5em;
	font: 1.25em/1.45 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position: relative;
	margin:0;
}

#content-list ul {
	margin:0;
	padding: 0.5em 0.5em 0.5em 0;
	border-bottom: dotted #999 1px;
	float:left;
	clear:both;
	width:100%;
}







#content-list li.vorn {

	padding: 0.5em 0 0 0.5em;
	color:#000;
	margin:0;
	list-style:none;
}


#content-list li.vorn-date {

	padding: 0;
	color:#000;
	margin:0 0 0 0.5em;
	list-style:none;
}



#content-list li {
	padding: 0 0 0 11em;
	color:#000;
	margin:0;
	list-style:none;
	width:70%;

} 

#content-list li.neu {
	padding: 0 0 0 15em;

} 

#content-list li.neu1er {
	padding: 3em 0 0 15em;

} 

#content-list li.highlight {
	padding: 0 0 0.25em 8.75em;
	color:#000;	
	list-style:none;
	font: 1.25em Georgia, "Times New Roman", Times, serif;
	

} 

#content-list li span {
	color:#666;
	
} 




#content-list ul li b {
	font: 1.25em Georgia, "Times New Roman", Times, serif;
	font-variant: normal;
	font-style:italic;
	
} 
	

/* Fotos, Bilder
--------------------------------------------------------------------------------------- */

img {
	border:none;
	
}


img.thumpnail {
	width:150px;
	height:105px;
	border: solid 1px #CCC;
}
	
	

#foto-box {
	margin: 2em 0.75em 0.75em 0.75em;
	border:#ede9de solid 1px;
	width: 63.75em;
	height: 37.24em;
	float:left;
}

#foto-box img {
	display:none;
	position:absolute;
	
}

.produkt-foto {
	border:#ede9de solid 1px;
	width: 63.75em;
	height: 37.24em;
	
}

.foto-kl {
	width: 20.6em;
	height: 12.41em;
	border:#ede9de solid 1px;
	float:left;
}

.foto {
	width: 63.75em;
	height: 37.24em;
}

.foto-gr {
	width: 583px;
	height: 350px;
}

.foto-gr-hk {
	width: 350px;
	height: 583px;
}



.noscript-foto img {
	display:block;
	position:absolute;
	margin: 2em 0.75em 0.75em 0.75em;
	border:#ede9de solid 1px;
	width: auto;
	height: 234px;
	float:left;
	
}

#none {
	display: none;
}


ul#site-menue-bottom li {
	position:relative;
	float:left;
	margin:0;
	padding:0.25em;
	width:22px;
	
	
}

#sb-one {
	margin:0;
	padding:0;
	background:url(../img/abb/xing.jpg)  no-repeat;
	display:block;


}

#sb-one:hover {
	margin:0;
	padding:0;
	background:url(../img/abb/xing-h.jpg) no-repeat;
	display:block;

}

#sb-two {
	margin:0;
	padding:0;
	background:url(../img/abb/facebook.jpg)  no-repeat;

	display:block;


}

#sb-two:hover {
	margin:0;
	padding:0;
	background:url(../img/abb/facebook-h.jpg) no-repeat;
	display:block;

}



#sb-three {
	margin:0;
	padding:0;
	background:url(../img/abb/twitter.jpg)  no-repeat;

	display:block;


}

#sb-three:hover {
	margin:0;
	padding:0;
	background:url(../img/abb/twitter-h.jpg) no-repeat;
	display:block;

}


.download {
	
height: 30%;
width: 30%;
padding: 0.75em;

}

.download-txt {
	

padding: 0.75em;

}