body 
{
	font: normal 20px segoe ui, Arial; 
    font-weight: 100;
    color: #505050;    
    background-color: #ffffff;
    margin:0px;
    padding:0px;
}

#cookiebox 
{ 	
	height: auto; 
    width: 100%;    
    padding:10px;
    color: #ffffff;
    z-index:999;
    background-color: #404040; 
    opacity: 0.7;   
    font-size: 80%;
}  

.img-container
{
	display: inline-block;
	text-align:center;
	font-size:90%;
	margin:0;
	margin-right:10px;
	margin-bottom:20px;						
}	

ol.alpha
{
	list-style-type: lower-alpha;
}

ol.pad-small
{
	padding-left: 1.2em;
}

.pad-small > li
{	
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

ol.pad-normal
{
	padding-left: 1.2em;
}

ol.small, ul.small
{
	font-size: 90%;
	list-style-type: none;
	padding-left:0;
}

.pad-normal > li
{
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

@media (max-width: 767px) 
{        
    .navbar 
    {
		border-bottom:none;
		margin-bottom: 0;
		background-color:#ffffff;				
	}	
	
	.preview2 
	{
		border:solid 1px #c0c0c0;
		width:140px;
		height:auto;
		padding:1px;
		margin:0px;
		margin-right:10px;
		margin-bottom:15px;
	} 
	
	.img-container img
	{
		width:auto;
		height:130px;				
		display: inline-block;						
	}	
	
	.infohead 
	{
		font-size: 24px;
		font-weight: bolder;
		color:#ffffff;			
	}
	
	.autosize
	{
		font-size: 16px;
	}	
	
	.space
	{
		height: 2em;
	}	
	
	.mobile
	{
		display:block;
	}	
	
	.desktop
	{
		display:none;
	}	
	
	h1
	{
		color: #606060;
		font-size: 130%;
	}	
	
	.centertext
	{
		font-size:90%;
		margin-top:0.4em;
		margin-bottom:0.4em;				
	}
}

@media (min-width: 768px)
{		
	.navbar 
	{
		border-bottom:none;
		margin-bottom: 0;
		padding-left:40px;
		padding-right:30px;	
		background-color:#ffffff;				
	}	
	
	.preview2 
	{
		border:solid 1px #c0c0c0;
		width:250px;
		height:auto;
		padding:1px;
		margin:0px;
		margin-right:20px;
		margin-bottom:20px;
	}	
	
	.img-container img
	{
		width:auto;
		height:150px;				
		display: inline-block;						
	}	
	
	.infohead 
	{
		font-size: 40px;
		color:#ffffff;				
	}
	
	.autosize
	{
		font-size: 20px;
	}	
	
	h1
	{
		color: #606060;
		font-size: 180%;
	}
	
	.space
	{
		height: 3em;
	}
	
	.mobile
	{
		display:none;
	}
	
	.desktop
	{
		display:block;
	}	
	
	h1
	{
		color: #606060;
		font-size: 140%;
	}	
	
	.centertext
	{
		font-size:100%;
		margin-top:0.4em;
		margin-bottom:0.4em;	
	}
}


h2
{
	color: #606060;
	font-size: 125%;
	font-weight:400;
}

td h2
{
	color: #606060;
	font-size: 125%;
	font-weight:400;
}

td h4
{
	color: #606060;
	font-size: 100%;
	font-weight:normal;
}


.smalltext
{
	color: #606060;
	font-size: 75%;
	font-weight:lighter;
}

h3
{
	color: #606060;
	font-size: 110%;
}

h4
{
	font-size: 100%;
	color: #606060;
}

img 
{
    border:0;
}

img.main
{
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left:0;
	border-right:0;
}

.padtb8
{
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.padtb15
{
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#CONTENT 
{
	background: url(img_content.jpg) no-repeat center;
    color: #505050;
}

.bgblue
{	
	background-color:#406080;	
    color:#c0e0f0;    
}

.bggray
{	
	background-color:#d0d0d0;	
    color:#404040;    
}

.blockblack
{	
	background-color:#303030;
    color:#909090;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin: 0px;
    margin-bottom: 40px;
}

.blockblue
{	
	background-color:#406080;	
    color:#b0d0e0;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

.blocklila
{	
	background-color:#804570;	
    color:#f0c0e0;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

.blockgreen
{	
	background-color:#207010;	
    color:#d0f0c0;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

.blockorange
{	
	background-color:#b96020;	
    color:#e0c080;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

.blockgray
{	
	background-color:#707070;	
    color:#d0d0d0;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

.blockred
{	
	background-color:#a03030;	
    color:#f0d0d0;
    font-size:24px;
    padding:30px;    
    padding-left:0px;
    margin:0px;
    margin-bottom:40px;
}

a,td {
	color:#606060;
}	
	
a:link {
	color:#2060a0;
}

a:visited {
	color:#2060a0;
}
a:hover {
	color:#3080b0;
}	

a.white {
	color:#ffffff;
}

a.black {
	color:#303030;
	font-weight:400;
}

a.blue {
	color:#206090;
}

a.blue:link {
	color:#206090;
}

a.blue:visited {
	color:#206090;
}

a.blue:hover {
	color:#3080b0;
}

.line 
{
	border: none;
	border-top:solid 1px #d0d0d0;	
	height: 1px;	
}

.colorblock
{
	padding-bottom:30px;
	padding-top:10px;
	padding-left:40px;
	padding-right:50px;
	background-color:#c0d0ff;
	border:solid 1px #b0b0b0;
}

.preview
{
	border:solid 1px #c0c0c0;
	padding:1px;
	margin:10px;
	
}

.preview0
{
	border:none;
	padding:1px;
	margin:10px;	
}

table td {
    font-family: 'Roboto Condensed', 'Segoe UI' sans-serif;
    color: #505050;      
}

table.tabs td
{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 8px;	
}

.borderless
{
	border: none;
}

.margin8
{
	margin-bottom:8px;
}

.line
{
	border: none;
	border-top: solid 1px #d0d0d0;
}

.solid2
{
	border: none;
	border-top: dotted 3px #8090a0;
}

.line2
{
	border: none;
	border-top: dotted 5px #6090c0;
	margin:0px;
	padding:0px;
}

.white
{
	color:#ffffff;
}

.graytext {
    color: #909090;    
}

.black 
{
	color: #404040;
}

.gray 
{
	color: #909090;
}

.green 
{
	color: #309040;	
}

.blue 
{
	color: #37559e;	
	font-weight:100;
}

.red 
{
	color: #d02020;		
}

.colorframe 
{
	border:none;
	background-color: #e0e0ff;
	padding:20px;
}

.bluebox
{
	background-color:#6080a0;	
    padding-left:0px;
    margin:0px;   
}

.marginr
{
	margin:0px;
	margin-right:15px;
}

.selected
{
	background-color: #ffffff;
	color: #303030;
	padding: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 2px;
}

label {
    font-weight: normal !important;
    color:#606060;
    font-size: 18px;
}

.padlr10
{
	padding-left:20px;
	padding-right:10px;
}

.smallimg
{	
	max-width: 130px;
	height: auto;
}


ol.flatlist
{
	padding-left:0;
	margin-left:1.3em;
}

ol.flatlist li
{
	padding:0;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

ul.flatlist
{
	padding-left:0;
	margin-left:1em;
}

ul.flatlist li
{
	padding:0;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

.orange
{
	background-color:#e0ffd0;
}