/*
Theme Name: Dr. Andreas Schneider (Neurologe)
Theme URI: http://dev.dolomitenstadt.at
Description: Wordpress Theme für Neurologe Lienz
Author: Mathias Gomig
Author URI: http://dev.dolomitenstadt.at
Version: 1.0
*/

/* Updated on 10. Juli 2013 16:05:37 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#mti_wfs_colophon{
	display: none !important;
}

/* ----------------------------------------------------------------- */
/* ------------------------ Wordpress Theme ------------------------ */
/* ----------------------------------------------------------------- */
@font-face {
    font-family: 'DINNextLTProBold';
    src: url('./fonts/dinnextltpro-bold.eot');
    src: url('./fonts/dinnextltpro-bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dinnextltpro-bold.woff') format('woff'),
         url('./fonts/dinnextltpro-bold.ttf') format('truetype'),
         url('./fonts/dinnextltpro-bold.svg#DINNextLTProBold') format('svg');
}


@font-face {
    font-family: 'DINNextLTProLight';
    src: url('./fonts/dinnextltpro-light.eot');
    src: url('./fonts/dinnextltpro-light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dinnextltpro-light.woff') format('woff'),
         url('./fonts/dinnextltpro-light.ttf') format('truetype'),
         url('./fonts/dinnextltpro-light.svg#DINNextLTProLight') format('svg');
}

@font-face {
    font-family: 'DINNextLTProMedium';
    src: url('./fonts/dinnextltpro-medium.eot');
    src: url('./fonts/dinnextltpro-medium.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dinnextltpro-medium.woff') format('woff'),
         url('./fonts/dinnextltpro-medium.ttf') format('truetype'),
         url('./fonts/dinnextltpro-medium.svg#DINNextLTProMedium') format('svg');
}

@font-face {
    font-family: 'DINNextLTProRegular';
    src: url('./fonts/dinnextltpro-regular.eot');
    src: url('./fonts/dinnextltpro-regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/dinnextltpro-regular.woff') format('woff'),
         url('./fonts/dinnextltpro-regular.ttf') format('truetype'),
         url('./fonts/dinnextltpro-regular.svg#DINNextLTProRegular') format('svg');
}


body{
	
	background: url('./images/background.png?v=3') repeat;
	font-family: Arial, sans-serif;
	font-family:'DINNextLTProLight', sans-serif;
	color:#6c503a;
	margin:0px;
	font-size: 16px;
	
}

a:link, a:visited { text-decoration:none; color:#6c503a; }
a:focus, a:hover, a:active { text-decoration:underline; color:#6c503a; }

#top-color-bar {
	
	background-color: #966b48;
	height: 10px;
	width: 100%;
}

#wrapper {
	
	width:960px;
	margin:0px auto;
	margin-top: 60px;
	margin-bottom: 30px;
}

h1{
	font-size: 28px;
	margin-bottom: 15px;
}

iframe {
	border: 1px solid #dbd8d4;
	padding: 4px;
}


/* ----------------------------------------------------------------- */
/* --------------- Infobox (Kontakt, Öffnungszeiten) --------------- */
/* ----------------------------------------------------------------- */


#infobox {
	background-color: #966b48;
	width: 224px;
	display: block;
	float: right;
	padding:20px;
	padding-top: 12px;
	padding-bottom: 14px;
	margin-top: -60px;
	font-size: 14px;
	color:white;
}


#infobox .devider {
	border-bottom: 1px solid #ab896d;
	height: 1px;
	margin-bottom: 12px;
	padding-top: 12px;
	float: left;
	width: 100%;
}


#infobox .alle-kassen {
	font-size: 16px;
}


#infobox a:link, #infobox a:visited { text-decoration:none; color:white; }
#infobox a:focus, #infobox a:hover, #infobox a:active { text-decoration:none; color:white; }

#infobox .kontakt {
	float: left;
}

	#infobox .kontakt:after {
		content: "|";
		color:#ab896d;
		margin-left: 18px;
		margin-right: 18px;
	}


	#infobox .kontakt-content {
		display: none;
		line-height: 16px;
	}
	
	#infobox .openings-content {
		display:none;
		line-height: 15px;
	}
	
	#infobox .kontakt .icon-kontakt {
		background: url("./images/kontakt.png") no-repeat;
		width:18px;
		height: 18px;
		background-size: 18px 18px;
		display: inline-block;
		margin-top: -3px;
		float: left;
		margin-right: 5px;
	}
	
	#infobox .openings .icon-openings {
		background: url("./images/openings.png") no-repeat;
		width:18px;
		height: 18px;
		background-size: 18px 18px;
		display: inline-block;
		margin-top: -3px;
		float: left;
		margin-right: 8px;
	}


/* ----------------------------------------------------------------- */
/* ---------------------------- Header ----------------------------- */
/* ----------------------------------------------------------------- */

#header {
	margin-bottom: 45px;
	float: left;
}

	#header h1 {
		font-size: 34px;
		margin-bottom: 5px;
	}
	
	#header h2 {
		font-family:'DINNextLTProLight';
		font-size: 21px;
	}

#header a:link, #header a:visited { text-decoration:none }
#header a:focus, #header a:hover, #header a:active { text-decoration:none }



/* ----------------------------------------------------------------- */
/* --------------------------- Sonstiges --------------------------- */
/* ----------------------------------------------------------------- */

.uppercase {
	text-transform: uppercase;
}

.bold {
	font-family:'DINNextLTProMedium';
}


/* ----------------------------------------------------------------- */
/* -------------------------- Navigation --------------------------- */
/* ----------------------------------------------------------------- */

#navigation {
	background-color: #966b48;
	float: left;
	width: 100%;
	display: block;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	width:210px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 10px;
	font-family:'DINNextLTProLight';
	font-size: 20px;
	color:white;
	display: block;
}

#navigation ul li#menu-item-257 a{
	width: 120px;
}

#navigation ul li a:link, #navigation ul li a:visited { text-decoration:none }
#navigation ul li a:focus, #navigation ul li a:hover, #navigation ul li a:active { text-decoration:none; background: #543c28; font-family:'DINNextLTProRegular'; padding-top: 14px; padding-bottom: 8px; }

#navigation li.current-menu-item a {
	text-decoration:none; background: #543c28; font-family:'DINNextLTProRegular'; padding-top: 14px; padding-bottom: 8px; 
}


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

#footer {
	width:100%;
	display: block;
	background-color: #966b48;
	min-height: 150px;
	padding-top: 40px;
	padding-bottom: 40px;
	color:white;
	font-size: 15px;
	font-family:'DINNextLTProLight';
	line-height: 20px;
	margin-bottom: 12px;
}

#footer-info {
	width:960px;
	margin:0px auto;
	margin-bottom: 50px;	
}

#footer a:link, #footer a:visited { text-decoration:none; color:white; }
#footer a:focus, #footer a:hover, #footer a:active { text-decoration:underline; color:white; }

#footer-box {
	width:960px;
	margin:0px auto;
}

.footer-widget {
	width: 220px;
	margin-right: 74px;
	border-right: 1px solid #ac8a6f;
	float: left;
	padding-right: 75px;
	min-height: 146px;
}

.footer-widget-title {
	
	font-size: 20px;
	font-family:'DINNextLTProMedium';
	
	margin-bottom: 10px;
}

.last {
	padding:0px;
	margin:0px;
	border:0px;
	border-right: 0px;
}


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

#content {
	margin-top: 50px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	color: #666666
}

#content p {
	margin-bottom: 12px;
}

#content a:link, #content a:visited { text-decoration:underline }
#content a:focus, #content a:hover, #content a:active { text-decoration:underline !important }

#content h1.page-title {
	font-size: 28px;
	margin-bottom: 15px;
}

#content .page-content {
	
	line-height: 19px;
}

#content .page-content p {
	margin-bottom: 14px;
}

#content .page-content b, .page-content strong {
	font-family:'DINNextLTProMedium';
	color: #555555;
}


#content .page-content li {
	list-style-type: disc!important;
	/* text-indent: 10px; */
	margin-left: 44px;
	margin-bottom: 4px;
}

#content .page-content ul {
	margin-bottom: 15px;
}


/* ----------------------------------------------------------------- */
/* ------------------------ Tabs (Leistungen ----------------------- */
/* ----------------------------------------------------------------- */

#tabs {
	margin-top: 46px;
}

#tabs ul.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #976b48;
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 8px;
}

#tabs ul.ui-tabs-nav li {
    display: inline;
}

#tabs ul.ui-tabs-nav li a {
    color: white;
    text-decoration: none !important;
    padding-top: 9px;
	padding-bottom: 7px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}

#tabs ul.ui-tabs-nav li a:link, #tabs ul.ui-tabs-nav li a:visited { text-decoration:none !important }
#tabs ul.ui-tabs-nav li a:focus, #tabs ul.ui-tabs-nav li a:hover, #tabs ul.ui-tabs-nav li a:active { text-decoration:none !important }

#tabs ul.ui-tabs-nav li a.selected,
#tabs ul.ui-tabs-nav li a:hover {
    background-color: #553c28;
    color: white;
    text-decoration: none !important;
}

#tabs ul.ui-tabs-nav li.ui-state-active a{
	
	background-color: #553c28;
    color: white;
    text-decoration: none !important;
	
}

#tabs > div {
	float: left;
}

.waste {
	min-height: 1000px;
}


/* ----------------------------------------------------------------- */
/* ----------------------- Team (Ordination) ----------------------- */
/* ----------------------------------------------------------------- */

#team {
	margin-top: 40px;
	border-top: 1px solid #dbd8d4;
	padding-top: 40px;
}

	/* Team Member No 1 - Dr. Schneider */
	
	#team-member-no-1 {
		float: left;
		width: 600px;
		margin-right: 40px;
	}
	
	#tmno1-name {
		font-size: 28px;
		margin-bottom: 25px;
	}
	
	#tmno1-image {
		margin-bottom: 22px;
	}
	
	
	/* Team Member No 2 - Melanie */
	
	#team-member-no-2 {
		float: left;
		width: 320px;
		border-bottom: 1px solid #dbd8d4;
		margin-bottom: 34px;
		padding-bottom: 20px;
	}
	
	#tmno2-name {
		font-size: 28px;
		margin-bottom: 25px;
	}
	
	#tmno2-image {
		margin-bottom: 22px;
	}
	
	
	/* Team Member No 3 - Marina */
	
	#team-member-no-3 {
		float: left;
		width: 320px;
		
	}
	
	#tmno3-name {
		font-size: 28px;
		margin-bottom: 25px;
	}
	
	#tmno3-image {
		margin-bottom: 22px;
	}


/* ----------------------------------------------------------------- */
/* ------------------------- Wordpress Core ------------------------ */
/* ----------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
		
/* ----------------------------------------------------------------- */
/* --------------------- @2x (für iPad Retina) --------------------- */
/* ----------------------------------------------------------------- */


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


	#infobox .kontakt .icon-kontakt
	{
		background: url("./images/kontakt-2x.png") no-repeat;
		width:18px;
		height: 18px;
		background-size: 18px 18px;
		display: inline-block;
		margin-top: -3px;
		float: left;
		margin-right: 5px;
	}
	
	#infobox .openings .icon-openings
	{
		background: url("./images/openings-2x.png") no-repeat;
		width:18px;
		height: 18px;
		background-size: 18px 18px;
		display: inline-block;
		margin-top: -3px;
		float: left;
		margin-right: 8px;
	}

}
