/* 
 * Caado - Die Wunschagentur
 * 
 * sheet:	globals
 * language:	independend
 *
 * (c) konrad schandera | www.sachenwerk.de | schandera@sachenwerk.de
 *
*/



/* === MAIN ELEMENTS === */

div#master_pageSizer,
div#master {
	top: 0px;
	left: 0px;
	background-image: url("/-img/shape.gif");
	width: 880px;
	height: 100%;
}

div#master_pageSizer {
	height: 588px !important; 
}


div#master img#logo {
	width: 129px;
	height: 134px;
	top: 379px;
	left: 673px;
}



/* === MENU === */

div#master div#menu {
	top: 58px;
	left: 227px;
	width: 407px;
}


div#master div#menu, 
div#master div#menu img {
	height: 23px;
}

div#master div#menu img 		{ top: 0px; }

div#master div#menu a { position:absolute; top: 0px; }

div#master div#menu img.menuHome	{ width: 60px;	left: 0px; }
div#master div#menu img.menuWuensche 	{ width: 90px;	left: 60px; }
div#master div#menu img.menuUeber 	{ width: 107px;	left: 150px; }
div#master div#menu img.menuPresse 	{ width: 76px;  left: 257px; }
div#master div#menu img.menuKontakt 	{ width: 74px;  left: 333px; }

div#master .hidden 			{ opacity: 0; filter: Alpha(opacity=0); }






/* === CONTENT === */

div#master div#contentContainer {
	width: 514px;
	height: 280px;
	left: 173px;
	top: 99px;
}

div#master div#contentContainer div#content {
	width: 465px;
	left: 34px;
	top: 28px;
}

div#master .link {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

div#master div.buttonContainer {
	cursor: pointer;
	cursor: hand;
}

div#master div#contentContainer h1 img {
	position:relative;
}

div#master div#contentContainer img.framed {
	border-style: solid;
	border-color: #F0F0F0;
	border-width: 4px;
}

div#master div#contentContainer div.dotLine {
	position: relative;
	height: 1px;
	background-image: url("/-img/dotLine.gif");
}


/* === LAYER === */

div#master div#contentContainer div.layer {
	border-style: solid;
	border-width: 8px;
	border-color: #99A474;
	width:388px;
	background-color: #FFFFFF;
	visibility: visible;
	/* opacity: 0; */
	/* filter: Alpha(opacity=0); */
}

/* this is a truly hidden layer to work around 'hidden' bugs in IE and FIREFOX on OSX dammit */
div#master div#contentContainer div.hiddenLayer {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width:1px;
	height:1px;
	border-width:0px;
}


div#master div#contentContainer div.layer div.layerContentContainer {
	position: relative;
	margin-top: 63px;
	margin-left: 17px;
}

div#master div#contentContainer div.layer div.layerCloseContainer {
	top: 20px;
	right: 16px;
	width: 69px;
	height: 15px;
	cursor: pointer;
	cursor: hand;
}

div#master div#contentContainer div.layer img.layerClose {
	top: 0px;
	left: 0px;
}

div#master div#contentContainer div.layer h1 {
	margin-bottom: 20px;
}





/* === FORMS === */

div#master div#contentContainer div.inputContainer {
	position: relative;
	height: 40px;
}

div#master div#contentContainer div.inputContainer.textArea {
	height: 165px;
}


div#master div#contentContainer div.inputContainer div.half input,
div#master div#contentContainer div.inputContainer div.half 		{ width: 171px; }
div#master div#contentContainer div.inputContainer div.half.left 	{ left: 0px;	}
div#master div#contentContainer div.inputContainer div.half.right 	{ left: 179px;	}


div#master div#contentContainer div.inputContainer p {
	font-size:9px;
	margin: 0px;
	padding: 0px;
}



div#master div#contentContainer form input,
div#master div#contentContainer form textarea {
	border-style: solid;
	border-width: 0px;
	background-color: #F0F0F0;
	width: 351px;
}

div#master div#contentContainer form input {
	height: 20px;
}

div#master div#contentContainer form textarea {
	height: 148px;
}




/* === CONTACTS-Table === 
 * (used in impressum and kontakt) 
 */

div#master div#contentContainer div.contacts {
	position: relative;
}

div#master div#contentContainer div.contacts a {
	text-decoration: underline;
}	

div#master div#contentContainer div.contacts table tr td {
	padding-right: 16px;
}



/* === TEASER LEFT === */
div#master div.teaser {
	cursor: pointer;
	cursor: hand;
	position: absolute;
}

div#master div#teaser1 {
	top: 380px;
	left: 15px;
	width: 200px;
	height: 200px;
	background-image: url("/-img/shop_back.png");
	background-repeat: no-repeat;
	text-align: center;
	color: rgb(0,0,0);
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

div#master div#teaser1 h1 {
	font-size: 54px;
	line-height: 0.9em;
}