body {
	margin: 0;
	background-color:#ecf4f8;
	color: #555555; /* war #a19f9f */
	font-style: normal;
	font-size: 12px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

/*
Container und Boxen
#############################################
*/

.container {
	position: relative;
	width: 800px;
	margin: 0 auto; /* ou lr*/
	padding: 0 0;
	box-sizing: border-box;
	background-color: white;
	}
  
.header {	
	position: relative;
	top: 20px;
	height: 420px;
	width: 100%;
	background: url(../img/001_rupprecht_header.png) no-repeat bottom;
	background-size: 800px 360px;
	}
	
.content {
	background: url(../img/002_rupprecht_footer.png) no-repeat center bottom;
	}

.sidetextbox {
	position: relative;
	width: 240px;
	margin: 50px 30px 280px 60px; /* orul */
	float: left;
	}
	
.maintextbox {
	position: relative;
	top: 50px;
	width: 365px;
	margin: 0 0 140px 0; /* orul */
	float: left;
	}
	
.clear { clear: both; }
	
.footer {
	position: relative;
	bottom: 0;
	left: 49px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #ffffff;
	}

				
.tbl_krabbe { width: 120px; height: 365px; background-image: url(../img/000_tbl_krabbe_365px.png); background-position: center top; background-repeat: no-repeat; left: 0; }				
.tbl_schildi { width: 120px; height: 365px; background-image: url(../img/000_tbl_schildi_365px.png); background-position: center top; background-repeat: no-repeat; left: 0; }				
				
/*
Sektion Footer (war #718792)
#############################################
*/
.footer_txt { color: #ffffff; font-size: 11px; text-align: right; vertical-align: middle; padding-right: 27px; }
.link_footer { color: #ffffff; text-decoration: none}
.link_footer:visited { color: #ffffff; text-decoration: none }
.link_footer:hover  { color: #e48b50; text-decoration: underline }

/*
Sektion Text
#############################################
*/
.main_txt { color: #666666; 
			text-align: left; 
			vertical-align: top; 
			 }
			 
h1 {
	color: #999999;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	line-height: 26px;
	vertical-align: baseline;
	text-transform: uppercase;
	margin: 0 0 19px 0;
	}
	
h2 {
	color: #b25b36;
	font-size: 16px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	line-height: 26px;
	vertical-align: baseline;
	margin: 0 0 19px 0;
	border-bottom: 1px solid #b25b36;
	}
	
strong {
	color: #333333;
	}
	
.sub_headline { color: #b25b36; font-size: 14px; font-weight: lighter; text-align: left; vertical-align: top; padding-bottom: 19px; }

.grey_txt { color: #a19f9f;  
			text-align: left; 
			vertical-align: top; 
			 }
			 
.wichtig_txt { color: #b25b36; 
			text-align: left; 
			vertical-align: top; 
			 }			 
			 
.link_grey_txt { color: #555555; 
			text-align: left; 
			vertical-align: top; text-decoration: none;
			}
.link_grey_txt:visited { color: #555555; 
			text-align: left; 
			vertical-align: top; text-decoration: none;
			}
.link_grey_txt:hover  { color: #b25b36; text-decoration: underline }

.link_orange_txt { color: #b25b36; 
			text-align: left; 
			vertical-align: top; text-decoration: none;
			}
.link_orange_txt:visited { color: #b25b36; 
			text-align: left; 
			vertical-align: top; text-decoration: none;
			}
.link_orange_txt:hover  { color: #a19f9f; text-decoration: underline }
			 
.note_txt { color: #b25b36; 
			font-size: 10px; 
			text-align: left; 
			vertical-align: top; 
			 }	
			 
.txt_hervorhebung { color: #b25b36;  
			 }				 
			 		 
/*
Sektion mit den Logo-to-home Navigation
#############################################
*/

.navlogo {
	position: relative;
	top: 20px;
	margin-left: 40px;
	}
	
a#home img  { background-image: url(../img/000_rupprecht_logo_off.png); background-size: 280px 115px; }
a:hover#home img  { background-image: url(../img/000_rupprecht_logo_on.png); background-size: 280px 115px; }
a:active#home img  { background-image: url(../img/000_rupprecht_logo_off.png); background-size: 280px 115px; }

a:hover#home, a:active#home {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none /*only to disable context menu on long press*/
	}

.navlogo_zusatz {
	position: relative;
	top: 10px;
	margin-left: 53px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #a19f9f;
	}

/*
Sektion neue Hauptnavigation
#############################################
*/

.navbar {
	position: relative;
	top: 0px;
	margin-left: 59px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;	
	}
	
.navbar ul {
	margin: 0;
	padding: 0;	
	}
	
.navbar li {	
	display: inline-block;
	border-left: 1px solid #7295a8;
	list-style-type: none;
	margin: 0 8px 0 0; /* orul */
	padding: 0 0 0 4px;
	line-height: 16px;
	font-size: 15px;
	text-align: left;
	vertical-align: middle;
	text-transform: uppercase;
	}
	
.navbar li:hover {	
	border-left: 1px solid #a19f9f;
	}
	
.navbar li.selected {	
	border-left: 1px solid #b25b36;
	}

.navbar a:link, a:visited {    
    color: #7295a8;
    text-decoration: none;   
	}

.navbar a:hover, a:active {
    color: #a19f9f;
	}

.navbar a[href].selected, a.selected:active{
	/*background-color: #066;*/
    color: #b25b36;
	}

.navbar a.selected:hover, a.selected:active {
    color: #b25b36;
	}

/*
Online-Terminvergabe einbinden
#############################################
*/
.scroll-to {
	padding-bottom: 0px;
	}
	
.terminvergabe_box	 {
	border: 1px solid #e0e0e0; /* #a19f9f */
	border-radius: 5px;
	background: #fafafa; 
	padding: 10px 5px 5px 10px; /* o r u l */
	margin-bottom: 10px;
	}
	
.terminbuchung-trigger, .terminbuchung-trigger:link {
	border: 1px solid #999;
	border-radius: 3px;
	background-color: #fff;
	font-size: 11px;
	font-weight: 300;
	color: #999;
	}

.terminbuchung-trigger:hover {
	border: 1px solid #4e6ea2;
	background-color: #fff; /* #cae5e4 */
	color: #4e6ea2;
	}
	
.terminbuchung-trigger:active {
	border: 1px solid #4e6ea2;
	background-color: #ecf4f8;
	color: #4e6ea2;
	}	

	
.terminvergabe_headline	 {
	color: #333333;
	font-weight: 600;
	margin-bottom: 10px;
	}
	
.terminvergabe_button {
	width: fit-content;
	margin: 0 0 0 auto;
	}
	


/*
Bilder vorladen
#############################################
*/
.hiddenPic {display:none;}

/*
Formular
#############################################
*/
.formular_felder { background-color: #ecf4f8; border-style: none; }

/*
Link Telefonnummer
#############################################
*/
a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration: none;
    color: #555555;
}

@media only screen and (max-device-width: 480px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
      text-decoration:    underline;
      color: #b25b36;
   }
}