/**************************************************'*/
/* css_global.css				      				*/
/* copyright 2011 tp-werbeagentur				    */
/*											 	    */
/****************************************************/
@import "content.css";
@import "navi.css";
@import "forms.css";
@import "box.css";
@import "nyroModal.css";
@import url(http://fonts.googleapis.com/css?family=Galdeano);
/*@import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy);*/
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
/***************************************************************/
/*********** Reset Styles **************************************/
/***************************************************************/
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;
	vertical-align: baseline;
	outline: 0;
	
}
html {
	overflow-y: scroll;
}
table {	border-collapse: collapse;	border-spacing: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a img{ border:0 }
figure{	position:relative }
figure img{width:100%}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/**********************************************************************************************************/
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	background: #f0ebe0;
	margin: 0px;
  	padding: 0px;
	leftmargin: 0px; 
	topmargin: 0px;
	color:#393939; 
	font-family: 'Galdeano', sans-serif; 
	font-size: 15px;
	line-height: 20px;
}
/*************************************************************/
/* ---- background image ---- */
/*************************************************************/
#superbgimage {
	display: none;
	background: #fff url('/templates/villa-toscana/images/superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}
/***************************************************************/
html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; }
/*************************************************************/
/* ---- Content über Bild ---- */
/*************************************************************/
#cont { position:absolute; top:0; left:0; z-index:5; }
/***************************************************************/
/*********** Header  *******************************************/
/***************************************************************/
#header{
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 1000;
	width: 95%;
	height: 75px;
	background: #f0ebe0 url("/templates/villa-toscana/images/navi_main_bg.jpg") 0 0 repeat-x;
}
#logo{
	position: relative;
	top: 0;
	left: 20px;
	z-index: 101;
	width: 187px;
	height: 75px;
	float: left;
}
#navigation{
	position: relative;
	z-index: 101;
	float: right;
	padding: 0 10px 0 0;
}
/***************************************************************/
/*********** Content Aufbau + Navi *****************************/
/***************************************************************/
.boxOuterButtonUp {
	position:fixed;
	top:0;
	left:235px; 
	height:30px; 
	width:440px;
	z-index:15;
	cursor:pointer;
	background: #FFF url('/templates/villa-toscana/images/arrows_content_up.png') center 0 no-repeat;
	border-bottom: 20px solid #FFF;
}
.boxOuterButtonUp:hover { background: #f0ebe0 url('/templates/villa-toscana/images/arrows_content_up.png')  center -30px no-repeat; }

.boxOuterButtonDown {
	background: #f0ebe0 url('/templates/villa-toscana/images/arrows_content_down.png')  center 0 no-repeat;
	cursor:pointer;
	border-bottom: none;
}
.boxOuterButtonDown:hover { background: #f0ebe0 url('/templates/villa-toscana/images/arrows_content_down.png')  center -30px no-repeat; }

#contBox { 
	position:absolute;
	top:0;
	left:235px;
	z-index:10;
	width:440px;
	background:#FFF;
}
.textContent {
	padding: 155px 30px 30px 30px;
}

#contBox img, #contBox object, #contBox embed { max-width: 100%; }
#contBox img { height: auto; }

#schnoerkel{
	width: 440px;
	height: 190px;
}
.boxInnerButtonUp { 
	height:30px; 
	width:440px;
	cursor:pointer;
	background: #e9e2d3 url('/templates/villa-toscana/images/arrows_content_up.png') center 0 no-repeat;
}
.boxInnerButtonUp:hover{ background: #e9e2d3  url('/templates/villa-toscana/images/arrows_content_up.png')  center -30px no-repeat; }

.textContent .item-page a.anfahrt.nyroModal {
	border: 0px!important;
	background: transparent!important;
	margin:0px!important;
	padding: 0px!important;
}



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
/* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */
@media only screen and (max-width: 480px) and (max-device-width: 480px) {

}


/*************************************************************/
/* ---- Browser Weiche ---- */
/*************************************************************/
@media all and (orientation:portrait) {
	/* Hier der allgemeine CSS-Code für Geräte im Portrait Modus */
}
 
@media all and (orientation:landscape) {
	/* Hier der allgemeine CSS-Code für Geräte im Landscape Modus */
} 
/* Computer und Tablet CSS */
@media only screen and (min-device-width: 800px) {
	/* Hier der CSS-Code für Tablets und Computer ab einer mindest Bildschirm Weite von 800 Pixeln */
}
@media only screen and (device-width: 768px) {
	/* Hier der CSS-Code speziell für das iPad */
	html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:auto; }
}
@media only screen and (device-width: 768px) and (orientation:portrait) {
	/* Hier der CSS-Code speziell für das iPad im Portrait Modus */
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

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

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}