/****************** CSS Template for los-angeles-san-francisco.com*************
/* Author: 	Stefan Bracher
/* Date: 	21.01.2012	
*********************************************************************/
body 							{
								background-color: #e3e3e3;
								text-align: center;
								font-family : Arial;
								font-size : small;
								}

a  							{
								font-weight : bold;
								color : #393F63;
								font-style : normal;
								text-decoration : none;
							}	


div 							{
								text-align: right;
								vertical-align : bottom;
							}

div.languages 						{
								position: absolute;
								top: 10px;
								right: 10px;
								text-align: right;
								vertical-align : bottom;
							}								
@media (min-width: 600px) 
{
div.left 						{	float: left;
								text-align: left;
								vertical-align : bottom;
								border-right: 10px solid white;
								border-bottom: 10px solid white;
								background-color: white;
								font-size: 10px;
							}
							
div.right 						{	float: right;
								text-align: left;
								vertical-align : bottom;
								border-left: 10px solid white;
								border-bottom: 10px solid white;
								background-color: white;
								font-size: 10px;
							}
}

@media (max-width: 600px) 
{
div.left 						{	text-align: left;
								width: 100%;
								vertical-align : bottom;
								border-bottom: 10px solid white;
								background-color: white;
								font-size: 10px;
							}
div.left img						{ width: 100%; }							
							
div.right 						{	
								text-align: left;
								width: 100%;
								vertical-align : bottom;
								border-bottom: 10px solid white;
								background-color: white;
								font-size: 10px;
							}
.right img						{ width: 100%; }
}



div.main						{
								position: relative;
								border: 0px solid black;
								max-width: 900px;
								min-width: 320px;
								overflow: hidden;
								text-align: left;
								margin-left: auto; 
								margin-right: auto;
								margin-bottom: 0px;
								padding: 5px 5px 5px 5px; 
								background-color: white;
								}
								


h1								{
								margin-top: 25px;
								font-size : x-large;
								font-weight : bold;
								font-style : normal;
								color : #3B3B3B;
								text-align : center;
								}

h2  							{
								font-size : large;
								font-weight : bold;
								font-style : normal;
								color : #3B3B3B;
								text-align : left;
								margin-bottom: 0px;
								 background-color: white;
								}

h3  							{
								font-size : medium;
								font-weight : bold;
								font-style : normal;
								color : #3B3B3B;
								text-align : left;
								margin-top: 25px;
								margin-bottom: 5px;
								border-bottom: 1px dashed gray;
								background-color: white;
								}
								
								
h4  							{
								font-size : small;
								font-weight : bold;
								font-style : normal;
								color : #3B3B3B;
								text-align : left;
								margin-bottom: 0px;
								background-color: white;
								}								

p  							{
								min-width: 300px;
								font-weight : normal;
								font-style : normal;
								color : #3B3B3B;
								text-align : justify;
								margin-top: 5px;
								background-color: white;
								}
ul							{	background-color: white;}



li							{	margin: 10px;
								background-color: white;
							}


img 							{
								border: 0px solid black;
								}
	
.clear							{ 	clear: both;}	
.subtitle						{	font-size : small;
								font-weight : bold;
								font-style : normal;
								color : #3B3B3B;
								text-align : center;
							}	

a.right							{ 	float: right;
								margin-top: 25px;
							}
ins							{	width: 98%;}							
							
#header_attribution					{ 	font-size : 8px; }
/***********END OF CSS**************************************
© Stefan Bracher www.bracher-automation.com
***********************************************************/