@charset "utf-8";

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.relative { position: relative; }
.absolute { position: absolute; }



a, a:hover, a:visited, a:active {color: #9C6C09}

body {
	margin: 0;
	background-color: #ad9f60;
}

p, div, ul, li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }

img {
	border: none;
	padding: 0;
	margin: 0;
}

.current-image-arrow {
	margin-top: 5px;
}



#siteouter {
	position: absolute;
	left: 50%;
	top: 50%;
}


#site {
	position: absolute;
	width: 920px;
	height: 457px;

	left: -460px;
	top: -229px
}


#top {
	width: 920px;
	height: 103px;
	display: block;
	background: white url(../images/bg-header.png) no-repeat top left;
}

#middle {
	width: 920px;
	height: 290px;
	display: block;
	background-color: white;
}

#bottom {
	width: 920px;
	height: 63px;
	display: block;
	background: transparent url(../images/bg-footer.png) no-repeat top left;
}






.leftcol {
	float: left;
	width: 228px;
	height: 288px;
}


.rightcol {
	float: right;
	width: 240px;
	height: 288px;
}


.midcol {
	float: left;
	padding-left: 23px;
	width: 429px;
	height: 288px;
}


.midcol p {
	color: #9c6c09;
}


#home {
	position: absolute;
	top: 73px;
	left: 10px;
	height: 21px;
	width: 67px;
	display: block;
}

#languages {
	position: relative;
	top: 82px;
	left: 10px;
	width: 400px;
	height: 14px;
}

ul.language-selection {
	margin: 0;
	padding: 0;
}


ul.language-selection li{
	float: left;
	width: 103px;
	height: 14px;
	list-style-type: none;
	margin-right: 10px;
}

a.langlink {
	display: block;
	width: 103px;
	height: 14px;
}

.de {
	background: transparent url(../images/deutsch.png) top left no-repeat;
}

.en {
	background: transparent url(../images/english.png) top left no-repeat;
}

.it {
	background: transparent url(../images/italiano.png) top left no-repeat;
}

.de:hover {
	background: transparent url(../images/deutsch-selected.png) top left no-repeat;
}

.en:hover {
	background: transparent url(../images/english-selected.png) top left no-repeat;
}

.it:hover {
	background: transparent url(../images/italiano-selected.png) top left no-repeat;
}





#logo {
	position: absolute;
	width: 248px;
	height: 116px;
	left: 490px;
	top: 25px;
	background: transparent url(/images/il-convento-logo.png) top left no-repeat;
}

* html #logo {
	background-image: url(/images/il-convento-logo.gif);
}

#kontakt {
	font-size: 11px;
	line-height: 12px;
	color: #993300;
	position: absolute;
	top: 50px;
	right: 15px;
}

#kontakt a {
	color: #993300;
	text-decoration: none;
}



#mainpic{
	width: 679px;
	height: 290px;
	background: transparent url(../images/home-laubengang.jpg) top left no-repeat;
}


#stich {
	width: 240px;
	height: 290px;
	background: transparent url(../images/home-convento-stich.jpg) top left no-repeat;
}


/***************************/
/*    IL-CONVENTO SEITE    */
/***************************/
#gm-leftcol {
	position: relative;
	float: left;
	width: 300px;
	height: 290px;
}

#il-convento-logo {
	position: absolute;
	left: 300px;
	background: transparent url(../images/bg-il-convento.png) no-repeat top left;
	width: 283px;
	height: 290px;
	display: block;
}

#gm-rightcol {
	position: relative;
	float: right;
	width: 345px;
	height: 290px;
}


#gm-stich {
	background: transparent url(../images/logo-small.png) no-repeat top left;
	width: 97px;
	height: 98px;
	display: block;
	position: absolute;
	right: 10px;
	top: 110px;
}


/***************************/
/*    IL-CONVENTO LINKS    */
/***************************/
#eswareinmal, #bildergalerie,
#ambiente, #anmeldung,
#essenundtrinken, #seminare,
#wohnen, #preise {
	position: absolute;
}


#eswareinmal {
	top: 59px;
	left: 95px;
}

#bildergalerie {
	top: 112px;
	left: 75px;
}

#ambiente {
	top: 162px;
	left: 98px;
}

#anmeldung {
	top: 213px;
	left: 142px;
}

#essenundtrinken {
	top: 90px;
	left: 28px;
}

#seminare {
	top: 140px;
	left: 140px;
}

#wohnen {
	top: 197px;
	left: 84px;
}

#preise {
	top: 243px;
	left: 1px;
}







#mainmenu {
	position: relative;
	width: 920px;
	top: -14px;
}







/* Container für Gesamtcontent */
#content {
	clear: both;
	width: 920px;
	height: 290px;
}

/* Textcontent */
#contentwrapper {
	height: 260px;
	overflow: hidden;
	width: 400px;
	color: #996600;

}

#contentslider {
	position: relative;
	width: 100%;
	padding-bottom: 30px;
}


#leftpicture {
	width: 228px;
	height: 290px;
	overflow: hidden;
}

.scrollbarhorizontal {
	background: transparent url('/images/scrollbar-horizontal.gif') no-repeat top left;
	height: 20px;
	width: 380px;
}

#imagedescription {
	font-size: 12px;
	color: #996600;
	font-family: Arial, Helvetica, sans-serif;
}