/****************** CSS Template for new-york-chicago.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;
							}	

a.editmode  						{							
								font-weight : bold;
								color : #FF0000;
								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;
								background-color: white;
							}
							
div.right 						{	float: right;
								text-align: left;
								vertical-align : bottom;
								border-left: 10px solid white;
								background-color: white;
							}
}

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

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;
								border-radius: 10px;
								}
								
div.centerstrip						{
								position: relative;
								border: 0px solid black;
								width: 200px;
								text-align: center;
								margin-left: auto; 
								margin-right: auto;
								margin-bottom: 0px;
								padding: 5px 5px 5px 5px; 
								
								}

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 : white;
								text-align : left;
								padding: 5px;
								margin-bottom: 0px;
								background-color: #3B3B3B;
								border-top-left-radius: 5px 5px;
								border-top-right-radius: 5px 5px;
}

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;
								}								

p  							{
								font-weight : normal;
								font-style : normal;
								color : #3B3B3B;
								text-align : justify;
								margin-top: 5px;
								background-color: white;
								}
ul							{	text-align: left;}
i							{	text-align: left;}
ul.language_select					{	width: 100%;
								text-align: center;
							}

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

.language_select li					{	border: 1px solid white;
								padding: 5px 5px 5px 5px; 
								background-color: white;
								list-style-type: none;
								width: 200px;
  
							}
							
.language_select li:HOVER				{	border: 1px solid #eac100;
								background-color: #fffae5;
							}

.language_select li a					{	display: block;}

table							{
								border: 0px solid black;
								width: 100%;
								background-color: #FFFFFF;
								}

td 							{ 
								border: 0px solid black;
								vertical-align : top;
								font-weight : normal;
								font-style : normal;
								color : #3B3B3B;
								text-align : justify;
								text-decoration : none;
								}

img 							{
								border: 0px solid black;
								border-radius: 5px 5px;
								}
	
.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;
								color: white;
								margin-right: 5px;
							}
							
.box							{	
								border-top: 0px solid #3B3B3B;
								border-right: 1px solid #3B3B3B;
								border-left: 1px solid #3B3B3B;
								border-bottom: 1px solid #3B3B3B;
								border-bottom-left-radius: 5px 5px;
								border-bottom-right-radius: 5px 5px;
								margin-top: 0px;
								padding: 5px;
								
							}
/***********END OF CSS**************************************
© Stefan Bracher www.bracher-automation.com
***********************************************************/