/* GBO Dienste GmbH  */


/* F A R B E N  

orange #D0672F
grau #BBBBBB


Font weight
Light 300  
Normal 400 
Semi-Bold 600 
Bold 700



*/

/* 	B A S I C   L A Y O U T   */

	body { 
	font-family: Arial, sans-serif;
	font-weight:300;
	color: #fff;
	background-color:#FF6600;
	text-align:center;		
	}
	

	
	.content {
	padding-top: 10px;
	background: #FFFFFF;
	}
	

	hr {
	border:none;
	border-top: 3px solid #FDE2D6;	
	}
	
	.thin_hr {
	background-color: transparent;
	background:none;
	height: 1px;
	border-top-style:dotted;
	border-top-color: #7b7e81;
	border-top-width: 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding-bottom: 20px;
		
	}
	
	
	img {
	margin: 10px 0 10px 0;
	border:none;
	border-radius: 8px;	
	}
	
	
	table, td, tr {
	margin: 0;
	padding: 0;
	}
	
	
	

/* 	S C H R I F t E N   */	

	.container p {
	line-height: normal;
	margin: 0;
	}
	
	.content p {
	line-height: normal;
	color: #666;
	
	}
	
	.leftalign {
	text-align: left;	
	}
	
	.kleingedrucktes {
	text-align: left;
	font-size:0.8em;
	line-height:1.4em;
	}
	
	.BU {
	font-weight: 300;
	text-align: right;
	font-size:0.7em;
	color: #BBBBBB;
	letterspacing: 0.1em;
	padding: 0px 0 5px 0;
	}


	
	h1 {
	font-size: 1.8em;
	font-weight: 300;
	color: #FFF;
	letter-spacing: 0.1em;	
	line-height: normal;
	margin: 10px 0 10px 0px;
	}
	
	h2 {
	font-size: 1.5em;
	font-weight: 600;
	color: #666;
	letter-spacing: 0.1em;	
	text-align: left;
	line-height: normal;
	margin: 10px 0 10px 0px;
	}
	
	h3 {
	font-size: 1.4em;
	font-weight: 400;	
	color: #fff;
	letter-spacing: 0.1em;
	line-height: normal;
	margin: 10px 0 5px 0px;
	}
	

	
	.hellgrau {
	color: #BBBBBB;
	}
	



/* 	L I N K S   */
	
	a img {
	border: none;
	}
	
	
	a:link {
	color:#D98753;
	text-decoration:underline;
		
	}

	a:visited {
	color:#F7976D;

	}

	a:hover, a:active, a:focus  {
	color:#F7976D;
	}
	
	

	
	.button a:link {
	padding: 7px 7px 7px 7px;
	margin: 5px 0 5px 0;
	background: #FDE2D6;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 600;
	color:#FF6600;
	letter-spacing: 0.1em;
	display: block;  
	}

	
	.button a:visited {
	color:#FF6600;
	padding: 7px 7px 7px 7px;
	margin: 5px 0 5px 0;
	background: #FDE2D6;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 600;
	color:#FF6600;
	letter-spacing: 0.1em;
	display: block;  

	}

	.button a:hover {
	color:#F7976D;
	}

	.button a:focus {
	color:#FDE2D6;
	padding: 7px 7px 7px 7px;
	margin: 5px 0 5px 0;
	background: #FDE2D6;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: 0.1em;
	display: block;  
	}

	.button a:active {
	color:#FF6600;
	padding: 7px 7px 7px 7px;
	margin: 5px 0 5px 0;
	background: #FDE2D6;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 600;
	color:#FF6600;
	letter-spacing: 0.1em;
	display: block;  
	}
	
	

	
/*  F O O T E R   */

	
	.footer {
	margin: 20px 0 20px 0;
	letter-spacing: 0.1em;
	font-weight:300;
	}
	
	.footer a:link {
	color:#fff;	
	text-decoration: none;
	}
	
	.footer a:visited {
	color:#fff;	
	text-decoration: none;
	}
	
	.footer a:hover {
	color:#FDE2D6;
	text-decoration: underline;	
	}
	
	
/*  Listen   */
	
	ul, ol, dl {
	color:#666666;
	margin-top: 10px;
	text-align:left;
	padding-left: 0.8em; /* einruecken gesamt */
	text-indent: -0.8em;   /* einruecken der Zeilen mit Aufzählungszeichen */
	}
	
	ul.dreieck { 
	list-style-type:none;
	}
	
	ul.dreieck li:before { 
	content: "\25B8" " " ; 
	color: #BBBBBB;
	}

	

	
*/
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body { 
	background-color:#FF6600;
	
		
	}
	


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}


