/*
 * basic style DiaLog Logopädie Höfingen
 *
 * grey:		0x767676 (text)
 * blue:		0x1b90aa (bg, headings)
 * light grey:	0xc6c6c6
 * white:		0xffffff
 *
 */
 
@import url(http://fonts.googleapis.com/css?family=Varela+Round|Nixie+One|Salsa|Paprika|Loved+by+the+King|Annie+Use+Your+Telescope););

html {
}

body {
	font-family:'Varela Round', sans-serif;
	background-color:#fff;
	color:#fff;
	font-size:14px;
}

a,
a:hover,
a:visited {
	color:#fff;
}
.main-col a { text-decoration:underline; }
.main-col a:hover { text-decoration:none; }
#footer a { text-decoration:none; }

h1,h2,h3,h4,h5 {
	font-family:'Paprika', serif;
	margin-bottom:35px;
	margin-top:30px;
}
h3,h4,h5 {
	margin-bottom:15px;
	padding-top:0;
}

cite {
	font-family:'Annie Use Your Telescope', cursive;
	font-size:1.5em;
	font-style:italic;
	line-height:normal;
	margin:0 10px;
}

.main-col p {
	line-height:1.6em;
}
.main-col strong {
	font-size:1.5em;
	line-height:0.8em;
	font-weight:normal;
}
.main-col .white strong {
	color:#1b90aa;
}

.container {
	background-color:#1b90aa;
}

.clearfix {
	height:50px;
}


/* navigation */
.navbar .container {
	background-color:inherit;
}
.navbar-default .navbar-brand {
	margin-top:4px;
	color:#1b90aa;
}
.navbar-default .navbar-nav > li > a {
	margin-top:5px;
	color: #777;
	border-bottom:5px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background-color: transparent;
	border-bottom:5px solid #1b90aa;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #1b90aa;
	text-shadow:0 0 3px #fff;
	border-bottom:5px solid #1b90aa;
}
.dropdown-header {
  font-size: 15px;
  line-height:normal;
  margin-top:10px;
  margin-bottom:10px;
  color: #1b90aa;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
/* activate dropdown on hover */
    display: block;
    margin-top:0px
}


.nopad { padding:0; }

.col-md-4,
.col-md-5,
.col-md-7,
.col-md-8 {
	padding:0;
	font-size:1.15em;
}
.main-col>div {
	padding-left:15px;
	padding-right:15px;
}
.right-col>div {
	padding-left:40px;
	padding-right:15px;
}

.white { color:#767676; }
.white h1,
.white h2,
.white h3,
.white h4,
.white h5 { color:#1b90aa; }
.white a { color:#767676;}

.main-col .white-large { background:url('../images/bg.main-col.large.png') no-repeat; min-height:616px; margin-top:20px; margin-bottom:30px; padding-top:30px; padding-bottom:30px; }
.main-col .white-small { background:url('../images/bg.main-col.small.png') no-repeat; min-height:350px; margin-top:20px; margin-bottom:20px; padding-top:50px; padding-bottom:20px; }
.main-col .white-bottom-large { background:url('../images/bg.main-col.bottom.large.png') bottom no-repeat; min-height:297px; }
.main-col .white-bottom-small { background:url('../images/bg.main-col.bottom.small.png') bottom no-repeat; min-height:88px; }
.right-col .white-large { background:url('../images/bg.right-col.large.png') 100% 0 no-repeat; min-height:568px; }
.right-col .white-small { background:url('../images/bg.right-col.small.png') 100% 0 no-repeat; min-height:316px; margin-top:15px; margin-bottom:15px; padding-top:15px; padding-bottom:15px; }
.right-col .white-bottom-small { background:url('../images/bg.right-col.bottom.small.png') 100% 100% no-repeat; min-height:88px; }

.ziel_light { background:url('../images/phonetics/ziel_light.png') 340px 30px no-repeat; min-height:180px;  }
.ziel_dark { background:url('../images/phonetics/ziel_darkt.png') 340px 30px no-repeat; min-height:180px;  }
.therapie_light { background:url('../images/phonetics/therapie_light.png') 180px 30px no-repeat; min-height:190px;  }
.therapie_dark { background:url('../images/phonetics/therapie_dark.png') 0px 30px no-repeat; min-height:190px;  }
.phonetik_light { background:url('../images/phonetics/phonetik_light.png') 0px 30px no-repeat; min-height:180px;  }
.phonetik_light { background:url('../images/phonetics/phonetik_light.png') 0px 30px no-repeat; min-height:180px;  }

#logo {
	position:absolute;
	right:0;
	top:65px;
	display:block;
	margin-bottom:50px;
}

/* footer */
#footer {
	border-top:1px solid #ccc;
}
#footer ul { list-style:none outside; margin-top:15px; }
#footer li { float:left; margin-right:30px; }
.dbl a {
	color:#000;
	font-size:1.3em;
	float:right;
	padding-top:28px;
}
.dbl a:hover {
	text-decoration:none;
}

/* Google Maps */
.googlemap {
	width:95%;
	height:500px;
	margin-left:-15px;
	margin-top:40px;
	border-radius:0 50% 50% 0;
}


/* responsive background design 
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}*/