/* ============================== */
/* ! Farbschema   */
/* ============================== */

/*
Hintergrund: Creme #f2f1ec
Highlight: Rot #8d0e1a
Highlight-hell: Rot #aa1428
Alternativ: Grau #666
Alternativ-hell: Grau #777

*/

/* ============================== */
/* ! Reset   */
/* ============================== */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

ol, ul {
	list-style: none;
}

img, a img {
	border: 0;
}



/* ============================== */
/* ! Basis Container   */
/* ============================== */

body {
	height: 100%;
	background: #f2f1ec;
}

#header {
	height: 145px;
	width: 940px;
	margin: 0 auto;	
}

#navigation {
	float: left;
	width: 785px;
}

.fb-logo {
	margin: 10px 0px;
}

#logo {
	float: right;
	height: 125px;
	width: 150px;
	margin-top: 20px;	
}

.logo {
	margin: 10px 0px;
}

#wrapper {
	background: #fff;
}

#main {
	width: 940px;
	margin: 0 auto;
}


#footer {
	min-height: 150px;
	width: 940px;
	margin: 10px auto;	
}


hr {
	height: 10px;
	width: 940px;
	margin: 0 auto;	
	background: #8d0e1a;
	border: none;
}


.hidden {
	display: none;
}


.clear {
	clear: both;
}

.switch {
	clear: both;
	text-align: center;
	padding-bottom: 10px;
}




/* ============================== */
/* ! Infobereich (Footer)   */
/* ============================== */


#info {
	width: 940px;
	margin: 0 auto;
}

.info {
	font-size: 1.85em;
	border-bottom: #666 1px dashed;
	padding: 0px 0px 15px 31px;
	margin: 45px 0px 15px 0px;
	background: url(../images/pfeil.png) 0px 3px no-repeat;
}


/*
#info-links {
	float: left;
	width: 300px;
	margin-bottom: 25px;
}

#info-mitte {
	float: left;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 25px;
}

#info-rechts {
	float: right;
	width: 300px;
	margin-bottom: 25px;	
}

#info h1 {
	font-size: 1.85em;
	border-bottom: #666 1px dashed;
	padding: 0px 0px 15px 31px;
	margin: 45px 0px 15px 0px;
	background: url(../images/pfeil.png) 0px 3px no-repeat;
}


#info h1 a:link {
	text-decoration: none;
	color: #666;
}

#info h1 a:visited {
	text-decoration: none;
	color: #666;	
}

#info h1 a:focus {
	text-decoration: none;
	color: #8d0e1a;
}


#info h1 a:hover {
	text-decoration: none;
	color: #aa1428;
}

#info h1 a:active {
	text-decoration: none;
	color: #aa1428;
}
*/



/* ============================== */
/* ! Template Kontakt   */
/* ============================== */


.maps {
	padding: 4px 0px 0px 4px;
	border: 1px solid #eee;
}





/* ============================== */
/* ! Template Galerie   */
/* ============================== */

.galerie {
	position: relative;
	float: left;
	width: 450px;
	height: 160px;
	overflow: hidden;
	margin: 10px 10px 25px 10px;
}

.caption {
	position: absolute;
	background: rgb(0, 0, 0) url(../images/pfeil-r.png) 425px 23px no-repeat; /* Fallback */	
	background: rgba(0, 0, 0, 0.7) url(../images/pfeil-r.png) 425px 23px no-repeat;
	width: 450px;
	height: 45px;
	top: 115px;
	left: 0px;
}

.caption p {
	color: #fff;
	font-family: MemphisMed;
	text-transform: none;
	font-size: 0.95em;
	line-height: 1em;
	padding: 7px 35px 7px 10px;
}


/* ============================== */
/* ! Kontaktformular (Overlay)   */
/* ============================== */

#contact {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

#overlay {
	height: 370px;
	padding: 20px;
	background: url(../images/overlay.png) repeat;	
}	

#overlay-wrap {
	width: 940px;
	margin: 0 auto;
}

#button-close {
	height: 60px;
	background: url(../images/contact-close.png) bottom right no-repeat;	
}

#button-open {
	z-index: 99;
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/contact.png) bottom right no-repeat;	
}


.in-name {
	width: 445px;
	margin-bottom: 10px;
}

.in-mail {
	width: 445px;
	margin-bottom: 10px;
}

.in-betreff {
	width: 445px;
	margin-bottom: 10px;
}

.in-nachricht {
	width: 450px;
	height: 85px;
}


#text {
	float: left;
	width: 450px;
}

#form {
	float: right;
	width: 450px;
	margin-top: 2px;
}

#overlay h1 {
	color: #fff;
	border-bottom: #fff 1px dashed;
	margin: 0px 0px 35px 0px;
}

#overlay h2 {
	color: #fff;
	font-size: 1.3em;
	margin-top: 0px;
}

#overlay p {
	color: #fff;
	font-size: 0.85em;
}



/* ============================== */
/* ! Template Einspaltig   */
/* ============================== */

.bild-komplett {
	width: 940px;
}

.content-links {
	float: left;
	width: 460px;
	margin-bottom: 30px;
}

.content-rechts {
	float: right;
	width: 460px;
	margin-bottom: 30px;	
}




/* ============================== */
/* ! Template Standard (zweispaltig)   */
/* ============================== */


.bild-gross {
	width: 460px;
}

.bild-mittel {
	width: 300px;
}

.bild-klein {
	width: 140px;
}


.bild-thumb {
	width: 450px;
}





/* ============================== */
/* ! Template Termine/News   */
/* ============================== */


.termin {
	border-bottom: #666 1px dashed;
	margin-bottom: 25px;
}

.januar {
	background: url(../images/januar.jpg) 0px 1px no-repeat;
}

.februar {
	background: url(../images/februar.jpg) 0px 1px no-repeat;
}

.maerz {
	background: url(../images/maerz.jpg) 0px 1px no-repeat;
}

.april {
	background: url(../images/april.jpg) 0px 1px no-repeat;
}

.mai {
	background: url(../images/mai.jpg) 0px 1px no-repeat;
}

.juni {
	background: url(../images/juni.jpg) 0px 1px no-repeat;
}

.juli {
	background: url(../images/juli.jpg) 0px 1px no-repeat;
}

.august {
	background: url(../images/august.jpg) 0px 1px no-repeat;
}

.september {
	background: url(../images/september.jpg) 0px 1px no-repeat;
}

.oktober {
	background: url(../images/oktober.jpg) 0px 1px no-repeat;
}

.november {
	background: url(../images/november.jpg) 0px 1px no-repeat;
}

.dezember {
	background: url(../images/dezember.jpg) 0px 1px no-repeat;
}

.termin h1 {
	color: #8d0e1a;
	font-family: MemphisMed;
	text-transform: none;
	font-size: 1.7em;
	line-height: 1.3em;
	margin: 0px 0px 20px 50px;
	padding: 0px;
	border-bottom: none;	
}



.termin h2 {

}

.teaser p {
	font-size: 1.25em;
	line-height: 33px;
}


.teaser {
	background: url(../images/expand.png) right no-repeat;
	height: 33px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	margin:0px 0px 25px 50px;	
}



.details { 
   height:0; 
   overflow:hidden; 
   position:relative; 
   } 


.margin25 {
	height: 25px;
}




/* ============================== */
/* ! Navigation   */
/* ============================== */

.active a {
	color: #8d0e1a !important;
}


li a:link {
	color: #666;
}

li a:visited {
	color: #666;
}


li a:focus {
	color: #8d0e1a;
}


li a:hover {
	color: #aa1428;
}

li a:active {
	color: #aa1428;
}


#meta li {
	float: right;
	padding: 0px 10px;
	font-family: MemphisMed;
	font-size: 0.75em;
	text-transform: uppercase;
	border-right: 1px solid #666;
}

#meta li:first-child {
	border-right: none;
}






/* ============================== */
/* ! Typo allgemein   */
/* ============================== */


@font-face {
	font-family: 'MemphisMed';
	src: url('fonts/memphisltstd-medium-webfont.eot?#iefix') format('embedded-opentype'), 
	url('fonts/memphisltstd-medium-webfont.woff') format('woff'), 
	url('fonts/memphisltstd-medium-webfont.ttf')  format('truetype'),
	url('fonts/memphisltstd-medium-webfont.svg#fonts/memphisltstd-medium-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
}

@font-face {
	font-family: 'Arvo';
	src: url('fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
	url('fonts/Arvo-Regular-webfont.woff') format('woff'), 
	url('fonts/Arvo-Regular-webfont.ttf')  format('truetype'),
	url('fonts/Arvo-Regular-webfont.svg#fonts/Arvo-Regular-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
}


p {
	font-family: Arvo;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-bottom: 15px;
	color: #666;
}

strong {
	font-weight: bold;
}


h1 {
	color: #666;
	font-family: MemphisMed;
	text-transform: uppercase;
	font-size: 4.375em;
	line-height: 1em;
	border-bottom: #666 1px dashed;
	padding-bottom: 13px;
	margin: 20px 0px 35px 0px;
}

h2:first-child {
	margin-top: 0px;
}


h2 {
	color: #8d0e1a;
	font-family: MemphisMed;
	font-size: 1.25em;
	line-height: 1.3em;
	margin-top: 25px;
	margin-bottom: 5px;
}


h3 {
	color: #8d0e1a;
	font-family: MemphisMed;
	font-size: 1.25em;
	line-height: 1.3em;
	margin-bottom: 25px;
	margin-top: 0px;
}


/* ============================== */
/* ! Links allgemein   */
/* ============================== */



a:link {
	text-decoration: none;
	color: #8d0e1a;
}

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

a:focus {
	text-decoration: none;
	color: #8d0e1a;
}


a:hover {
	text-decoration: none;
	color: #aa1428;
}

a:active {
	text-decoration: none;
	color: #aa1428;
}