/*  

Description: Stylesheet für bolamix
Version: 1.0
Author: Andreas Linder
Author URl: http://www.atelierfuergestaltung.eu

*/




/*Farben:


Orange:  #e89217
Grau:    #868277



*/





/*:::::::::::::::::: 
Allgemeines Styling  
:::::::::::::::::::*/



html[xmlns^="http"]
			{
			/* blendet leeren Scrollbalken immer ein
			 * > Firefox 1.5 und Safari
			 */
			overflow-y: scroll;
			}
			
			


body {
	text-align:center;
	background: #999999 url(../images/background/bg_tile.gif);
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	font-size:12px;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}


address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}


fieldset,img { 
	border:0;
}





a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none;
}


a:focus {
	outline:none;
}


#Content{
	color: #e89217 ;
}



h1 {
	font-size:19px;
	font-weight:normal;
	padding-bottom: 1.5em;
}


#Content p,
#Content li{	
	
	line-height: 1.7em;
	padding-bottom: 1em;
	padding-right: 40px;
	
}







	




/*::::::::::::::::::::::::: 
Klassen und id
:::::::::::::::::::::::::*/

.gap {
	padding-bottom:20px;
}
.biggap {
	padding-bottom:40px;
}


.clear {
	clear:both;
}


em{
	color:  #e89217;
	font-variant: normal;
	
}

/*Bilderleiste*/

#ImageColumn {
	padding-top: 75px;
}

#ImageColumn img{
	padding-bottom: 10px;
}


/*das Korn Platzieren*/

#SideBar img.grain{
	padding-top: 20px;
	float: right;
}

#Home #SideBar img.grain{
	padding-top: 440px;
}




/*Special-Layouts*/

/*Home*/

#Home h1{
	padding-top: 40px;
	color: #868277;
}

#Home #Navigation_2{
	width: 95px;
	padding: 0;
}







/*::::::::::::::::::::::::: 
Content - Allgemein
:::::::::::::::::::::::::*/





/*::::::::::::::::::::::::: 
Navigation_1 
:::::::::::::::::::::::::*/

#Visitenkarte #Navigation_1 ul{
	display: none;
}

#Navigation_1 ul{
	padding-left: 95px;
	padding-top: 10px;
	list-style-type:none;	
}

#Navigation_1 li{
	float:left;
	padding-right: 45px;
}


#Navigation_1 li a{
	color:#868277;
	font-size: 15px;
}


#Navigation_1 li a:hover,
#Navigation_1 li.active a{
	color:#e89217;
}




/*::::::::::::::::::::::::: 
Navigation_2
:::::::::::::::::::::::::*/

#Navigation_2 ul{
	padding-left: 20px;
	padding-top: 20px;
	list-style-type:none;	
}

#Navigation_2 ul ul{
	padding:0;
	padding-top: 10px;
}


#Navigation_2 li{
	padding-bottom: 8px;
}



#Navigation_2 li a{
	color:#868277;
	font-size: 13px;
	
}


#Navigation_2 li a:hover,
#Navigation_2 li.active a{
	color:#e89217;
	display: block;
}



#Wrapper #Navigation_2 li li{
	padding-left: 14px;
	
}



#Wrapper #Navigation_2 li li a{
	color:#868277;
	font-size: 13px;
	background: url(../images/background/navi-arrow.gif) no-repeat 0 3px;
	padding-left: 14px;
	display: block;
	
}


#Wrapper #Navigation_2 li li a:hover,
#Wrapper #Navigation_2 li li.active a{
	color:#e89217;
	background: url(../images/background/navi-arrow-active.gif) no-repeat 0 3px;
}





/*::::::::::::::::::::::::: 
Styling der Layoutbereiche 
:::::::::::::::::::::::::*/




#Wrapper {
	position:relative;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width:870px;
	background-color: #fff;
	overflow: auto;
}


#Header {
	float:left;
	width:870px;
	height:90px;
}






#Navigation_1 {
	float:left;
	width:870px;
	height:50px;
	background:#fff;
}


#Navigation_2 {
	float:left;
	width:180px;
	padding-right: 20px;
	min-height:470px;
	background:#fff;
	
}






#Content {
	float:left;
	width:510px;
	min-height:470px;
	background:#fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

	.widhtScreen #Content {
		float:left;
		width:775px;
		min-height:470;
	}
	

#SideBar{
	float:left;
	width: 160px;
	min-height:470px;
	background:#fff;
}	


#Footer {
	float:right;
	width:870px;
	height:25px;
}