/* ----------------------------------------------------------------------------------------- Grundlayout */

body 			{	font-family:  Arial, sans-serif;
					font-size: 13px;
					line-height: 1.428571429;
					color: #333333;
					background-image: url(/media/layout/img/background.jpg);
					background-repeat: repeat-x;					
				}


header 			{ 	padding: 0 5px 20px ; background-color:#F1861B; margin-bottom:20px;}

header a 		{	color: #666; font-weight:bold; line-height: 24px;}

header a:hover, 
header a:active,
header a:visited{	color: #666; }

.avanti a,
.avanti a:visited 		{ 	color:#ABABAB; text-decoration:none; padding-left: 20px;}

.avanti a:hover,
.avanti a:active		{	color:#575757; text-decoration:none; }


.subheader		{ 	background-color: white; padding: 0 20px 20px;}
.radius 		{	border-radius: 0px 0px 15px 15px;}



.logo			{	padding: 0;  }


.content		{	background-color: white; border: solid  5px #F1861B; border-radius:15px; padding: 20px; }


blockquote 		{	padding: 10px 20px; margin: 0px 0px 20px; border-left: 2px solid #F1861B;}

/* ----------------------------------------------------------------------------------------- Navi 
http://bootstrap3-menu.codedorigin.com/# 

.navbar-default 					{ 	background-color: #333; border-color: grey; }
.navbar-default .navbar-brand 		{	color: #ecf0f1; }
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {	color: #ecdbff; }
.navbar-default .navbar-text 		{	color: #ecf0f1; }
.navbar-default .navbar-nav > li > a{	color: #ecf0f1; }
.navbar-default .navbar-nav > li > 
a:hover, .navbar-default .navbar-nav 
> li > a:focus 						{	color: #ecdbff;	}
.navbar-default .navbar-nav > .active > a, .navbar-default 
.navbar-nav > .active > a:hover, .navbar-default .navbar-nav > 
.active > a:focus 					{	color: #666; background-color: #F0F0F0; }
.navbar-default .navbar-nav > .open > a, .navbar-default 
.navbar-nav > .open > a:hover, .navbar-default .navbar-nav > 
.open > a:focus 					{	color: #666; background-color: #F0F0F0; }
.navbar-default .navbar-toggle 		{	border-color: grey; }
*/

.navbar-default { background-color: #F1861B}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #3D1F0A}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #693511}

.dropdown-menu { background-color: #693511}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #3D1F0A}

.navbar-default { background-image: none; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-default { border-color: #3D1F0A}
.navbar-default .navbar-brand { color: #FFFFFF}
.navbar-default .navbar-brand:hover { color: #FFFFFF}
.navbar-default .navbar-nav>li>a { color: #FFFFFF}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:visited { color: #FFFFFF}

.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}

.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #3D1F0A; }




/* ----------------------------------------------------------------------------------------- Content */


h1  {color: #F1861B ;  font-size: 250%; }
.lead 				{ 	color: #F1861B ;}

a , a:visited 		{ 	color: #CC0033; text-decoration: none;}

.dl-horizontal dt 	{	width: 110px; }
.dl-horizontal dd 	{	margin-left: 140px; }

hr					{	background-color:white; height: 2px;}

/* ----------------------------------------------------------------------------------------- Footer */

footer 			{	/*display: block;*/ padding: 10px 0 ; font-size: 90%; background-color: #2E2E2E; }

a:visited,	
.footer, .footer a, 
.footer a:visited, 
.footer a:active,


.footer  li a, 
.footer  li a:visited 	{	color: #666; text-decoration:none; position:relative; left: -5px;}

.footer a:hover, .footer  li a:hover   	{ 	color: #444;}
/* active list element */
.footer  li.active 						{	color: #fff; }


/* IMG Hover Effekt */		

.img-home			{	border: 1px solid #ccc;  }	
.img-home:hover 	{	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
						-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
						box-shadow: 0 0 5px rgba(0,0,0,0.5);	}					
						
.img-bighome 		{	border-radius: 0px 40px 0px 40px; margin-bottom: 30px; border: 1px solid #ccc; }



/* Therapien */

.mecol 			{ font-weight:bold; text-align:left; border: 1px solid #3D1F0A; margin-bottom:3px; }
.mecold 		{ padding: 10px;}


.img-therapien { border-radius: 0px 40px 0px 40px; border: 1px solid #ccc;}


/* Anpassung Formular Modul */
.form_modul 	{  border: 2px solid #ccc; border-radius: 10px; padding:7px;}

.datetimepicker table tr td span:hover{
	background:#eee; color:#333;
}

/* ----------------------------------------------------------------------------------------- Responsive */

@media screen and (min-width: 984px) {
 .container { position: relative; left: 12px; }
 .logo			{	margin-top: 20px; }
 }
}
@media screen and (max-width: 884px) {
	
 .container { position: relative; left: 0; }
 /** Umschaltung auf Mobile Menu Version */
  .nav-collapse, .dropdown-menu, .navbar-default {  max-width: 768px; } 
}