@import url(../lib/images.css);
@import url(../lib/menue.css);

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}



body {
	background-color: #FFFFFF;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.unsichtbar {
	display: none;
}
.accessKey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: help;
    display: none;}
.error {
	color: #FF0000;
}
.kursiv {
	font-style: italic;
	color: #00519D;
}
.imageRight {
	float: right;
	margin-bottom: 1.25em; /* 15px - vorskaliert von #contentbereich */
	margin-left: 1.25em; /* 15px - vorskaliert von #contentbereich */
	margin-top: 0.41666666666666666666666666666667em; /* 5px - vorskaliert von #contentbereich */
}
.imageRightHome {
	float: right;
}
.gastronomiePic {
	width: 160px;
	float: right;
	margin-left: 5px;
}
.gastronomie {
	padding-top: 10px;
}
.gastronomie p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.formobjektNoSize, .formobjekt, .formobjektklein {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    font-size: 100%;
}
.formobjekt {
	padding-left: 1px;
    width: 320px;
	font-size:11px;
	border: 1px solid #B0B0B0;
}
.formobjekt02 {
	padding-left: 1px;
    width: 240px;
	font-size:11px;
	border: 1px solid #B0B0B0;
}
.formobjektklein {
	padding-left: 0.4166em; /* 5px - vorskaliert von #contentbereich */
    width: 220px; /* 230px - vorskaliert von #contentbereich */
	height: 17px;
	padding-left: 1px;
}
.pdf {
	list-style-image: url(../images/pdf.gif);
}
label {
	cursor: pointer;
}
.aktuell {
	padding-bottom: 0.8333333em;
}
.aktuell ul{
	padding-bottom: 0.8333333em;
}
.aktuell ul li{
	padding-bottom: 10px;
	list-style-type:square;
}
.aktuellbereichDate {
	color: #00519D;
	font-style: italic;
}
#contentbereich .aktuellSlider {
	clear: both;
}

table {
}
#sitzungstermine form {
	margin-bottom: 1em;
}
#sitzungstermine input {
	margin-top: 0.4166667em; /* 5px - vorskaliert von #contentbereich */
}
#contentbereich .sprungmenue {
	padding-top: 0.41666666666666666666666666666667em; /* 5px - vorskaliert von #contentbereich */
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 1em; /* 12px - vorskaliert von #contentbereich */
	padding-left: 1.66666em; /* 20px - vorskaliert von #contentbereich */
	padding-right: 1.66666em; /* 20px - vorskaliert von #contentbereich */
}
#contentbereich .sprungmenue a {
	text-decoration: none;
}
#contentbereich strong {
	font-weight: bold;
}
#contentbereich .sprungmenue a:hover {
	text-decoration: underline;
	color: #0C6E0C;
}
#contentbereich .sprungmenue ul li {
	list-style-image:  url(../images/sprungmenue.gif);
}
#contentbereich .sprungmenue a {
	text-decoration: none;
}
#contentbereich .unterseiten ul li {
	list-style-image: url(../images/unterseiten.gif);
}
#contentbereich .unterseiten a {
	text-decoration: none;
}
#contentbereich .unterseiten a:hover {
	text-decoration: underline;
	color: #0C6E0C;
}
#contentbereich .zurueck a {
	background-image:  url(../images/zurueck.gif);
	background-repeat: no-repeat;
	background-position: 0.41667em 0.3333em; /* 5px 4px - vorskaliert von #contentbereich */
	padding-left: 1.416666em; /* 17px - vorskaliert von #contentbereich */
	color: #3F3E3F;
	text-decoration: none;
}
#contentbereich .zurueckzumseitenanfang, .zurueck {
	font-size: 91.66666%; /* 11px - vorskaliert von #contentbereich */
}
#contentbereich .zurueckzumseitenanfang a {
	background-image:  url(../images/nachOben.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0.45454545454545454545454545454545em 0.54545454545454545454545454545455em; /* 5px 6px - vorskaliert von #contentbereich .zurueckzumseitenanfang */
	padding-left: 1.63em; /* 18px - vorskaliert von #contentbereich .zurueckzumseitenanfang */
	color: #3F3E3F;
	text-decoration: none;
	margin-left: 0.54545454545454545454545454545455em; /* 6px - vorskaliert von #contentbereich .zurueckzumseitenanfang */
}
#contentbereich .zurueckzumseitenanfang a:hover, .zurueck a:hover {
	text-decoration: none;
	color: #000000;
}
#contentbereich .fettKursivBlau {
	color: #00519D;
	font-weight: bold;
	font-style: italic;
}


#login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px */
	color: #3B3B3B;
	width: 33.33em; /* 400px */
	float: left;
	margin-top: 2.0833em; /* 25px */
	padding-top: 1.25em; /* 15px */
	padding-bottom: 1.25em; /* 15px */
	padding-left: 1.25em; /* 15px */
	padding-right: 1.25em; /* 15px */
}
#login form {
	border-top: 1px solid #000000;
	border-bottom: 1px  solid #000000;
	background-color: #FFFFFF;
	padding-top: 1.25em; /* 15px */
	padding-bottom: 1.25em; /* 15px */
	padding-left: 1.25em; /* 15px */
	padding-right: 1.25em; /* 15px */
}
#login p {
	padding-bottom: 0.833em; /* 10px */
}
#login h3 {
	color: #3A3A3A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 108.3333%; /* 18px */
	font-weight: bold;
	padding-top: 1em; /* 18px */
	text-transform: uppercase;
	letter-spacing: 0.11111111111111111111111111111111em; /* 2px */
}
#login h4 {
	color: #BB2828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 116.667%; /* 14px */
	font-weight: bold;
	letter-spacing: 1px;
	clear: both;
	padding-bottom: 0.21428571428571428571428571428571em; /* 3px */
	margin-top: 1em;
	margin-bottom: 0.42857142857142857142857142857143em; /* 6px */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BB2828;
	padding-top: 0.71428571428571428571428571428571em; /* 10px */
}
#loginFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* 11px */
	width: 36.36em; /* 400px */
	float: left;
	text-align: center;
}


#sitemap ul {
	font-weight: bold;
}
#sitemap ul ul {
	font-weight: normal;
}
#alles {
	font-size: 100%;
	width: 990px; /* 990px - vorskaliert von #alles */
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

#contentbereich {
	float: left;
	font-size: 12px;
	width: 715px;  /* 740px - neu */
	color: #6B6B6C;
	padding-bottom: 10px;
	padding-left: 25px;
	clear: both;
	padding-top: 0px;
	margin-top: 0px;

}

#contentbereich .contentbereichInfobox {
	font-size: 100%; /* 12px */
	color: #5F5F5F;
	/*clear: both; */
	border-left:1px solid #BEBFC4;
    border-top:1px solid #BEBFC4;
	border-right:1px solid #BEBFC4;
    border-bottom:1px solid #BEBFC4;
	padding-top: 0px;
    padding-right: 10px;
	margin-top: 10px;
	float: left;
    width: 326px; /* 719px */
	padding-left: 15px;
	background-repeat: no-repeat;
}

#contentbereich .conImage {
	background-image: url(../images/conInfoboxNeu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 19px;
    float: left;
	width: 747px; 
    display: none;
}

#contentbereich .contentbereichInfobox h4 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px; /* 11px */
	margin-bottom: 0.83333333333333333333333333333333em; /* 10px */
	padding-top: 15px; /* 15px */
	padding-bottom: 0.16666666666666666666666666666667em; /* 2px */
	color: #6B6B6C;
	font-weight: bold;
	border: none;
    letter-spacing: 1px;
}

#contentbereich .contentbereichInfobox p {
	padding-bottom: 0px;
}

#contentbereich .contentbereichInfobox ul li {
	list-style-symbol:;
}

#contentbereich .contentbereichInfobox ul {
	list-style-symbol:;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#contentbereich .contentbereichInfobox a {
 color: #1862A6;
 text-decoration: none;
}

#contentbereich .contentbereichInfobox a:hover {
 text-decoration: underline;
}

#contentpic {
	float: left;
	width: 666px; 
}

#contentbereich h1 {
	color: #1862A6;
	font-size: 24px; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 270px; /* 270px */
}
#contentbereich h3 {
	color: #1862A6;
	font-size: 18px; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 0.58333333333333333333333333333333em; /* 7px */
	padding-left: 15px; /* 5px */
	width: 270px; /* 270px */
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	background-position: 0px 17px;
}

#contentbereich h4 {
	color: #A0A0A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; /* 16px */
	font-weight: bold;
	border-bottom: 1px dashed #1862A6;
	padding-bottom: 10px;
	margin-bottom: 19px;
	padding-top: 0px;
	margin-top: 0px;
	
}

#contentbereich h5 {
	color: #5B5B5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 12px */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
	font-weight: bold;
	clear: both;
}

#contentbereich h6 {
	color: #5B5B5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 12px */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
	font-weight: bold;
	clear: both;
}

#contentbereich p {
	margin-bottom: 0em; /* 12px */
	padding-left: 0px; /* 10px */
	padding-bottom: 15px;
}

#contentbereich a {
	color: #232121;
	text-decoration: underline;
}
#contentbereich a:hover {
	text-decoration: none;
}
#contentbereich ul {
	margin-left: 2.08333em; /* 25px */
	margin-bottom: 1.25em; /* 15px */
	margin-top: 0.83333em; /* 10px */
}
#contentbereich li {
	margin-bottom: 10px;
	list-style-image:url(../images/aufzaehlung.gif);
}
#contentbereich ul ul {
	margin-bottom: 0em;
	margin-top: 0em;
}
#contentbereich ol {
	margin-left: 2.5em; /* 30px */
	margin-bottom: 1.25em; /* 15px */
	margin-top: 0.8333em; /* 10px */
}
#contentbereich form {
	padding: 0.833333em;
	margin-bottom: 0.8333em; /* 10px */
}
#infoboxbereich {
	margin-top: 22px;
	float: left;
	width: 206px;
	padding: 0px;
	background-image:url(../images/bgInfobox.gif);
	margin-bottom: 25px;
}
#infoboxbereich h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0F87C9;
	padding-top: 15px;
	marign-bottom: 15px;
	padding-bottom: 8px;
	padding-left: 18px;
	background-image:url(../images/infoOben.gif);
	background-position: 1px 0px;
	background-repeat: no-repeat;
}
#infoboxbereich .infobox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E3E3E;
	line-height: 1.3636363636363636363636363636364em; /* 15px - vorskaliert von #infoboxbereich .infobox */
	padding-left: 18px;
	padding-right: 0.90909090909090909090909090909091em; /* 10px - vorskaliert von #infoboxbereich .infobox */
	background-image:url(../images/infoboxEnde.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 45px;
}
#infoboxbereich .infobox ul {
	list-style-type: square;
	margin-left: 1.4545454545454545454545454545455em; /* 16px - vorskaliert von #infoboxbereich .infobox */
	padding-bottom: 1.3636363636363636363636363636364em; /* 15px - vorskaliert von #infoboxbereich .infobox */

}
#infoboxbereich .infobox a {
	font-family:  Arial, Helvetica, sans-serif;
	color: #232121;
	text-decoration: underline;
}
#infoboxbereich .infobox a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	color: #232121;
	text-decoration: none;
}
#infoboxbereich .infobox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em; /* 11px - vorskaliert von #infoboxbereich .infobox */
	
}
#infoboxbereich .infobox li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0em;
    list-style-image:url(../images/aufzaehlungInfobox.gif);
}

/* Teaser */

#contentbereich .aktuellTeaser {
	margin-bottom: 0.83333333333333333333333333333333em; /* 10px - vorskaliert von #contentbereich */
	list-style: none;
}
#contentbereich .aktuellbereichText {
	float: right;
	width: 20em; /* 240px - vorskaliert von #contentbereich */
}
#contentbereich .teaserText {
	font-size: 91.666666666666666666666666666667%; /* 11px - vorskaliert von #contentbereich */
}
#contentbereich .teaserPicture {
	float: left;
	text-align: center;
}
#contentbereich .aktuellbereichTrenner {
	clear: both;
	padding-top: 1em;
	margin-top: 1em;
	border-bottom: 1px solid #CCCCCC;
}


/* E-Greetings */

.eGreetings01 {
	text-align: center;
	float: left;
	padding-top: 10px;
}
.eGreetings02 {
	height: 115px;
	margin-right: 6px;
	float: left;
}
.eGreetings03 {
	padding-top: 5px;
}


/* Vorseite */

#layout01 {
	width: 941px;
}
#layout02 {
	width: 414px;
	background-color: #E9EAEB;
	float: left;
}
#layout03 {
	width: 413px;
	background-color: #E9EAEB;
	float:right;
	background-image:url(../images/layout03-bg.jpg);
}
#layout04 {
	width: 414px;
	background-color: #E9EAEB;
}
#layout05 {
	width: 413px;
	background-image:url(../images/layout06.jpg);
	background-position: 1px 0px;
}
#layout06 {
	width: 230px;
	float:left;
	padding-left:50px;
	height: 19px;
	background-image:url(../images/layout06.jpg);
	background-position: 0px 0px;
}
#layout07 {
	width: 112px;
	float: right;
	height: 19px;
	background-image:url(../images/layout07.jpg);
	background-position: -21px 0px;
}
#layout08 {
	width: 414px;
	background-color: #E9EAEB;
}
#layout09 {
	width: 303px;
	background-color: #E9EAEB;
	float:left;
}
#layout10 {
	width: 110px;
	background-color: #E9EAEB;
	float:right;
	height: 170px;
	position:relative;
}
#layout11 {
	width:110px;
	position:absolute;
	left:-1px;
	top:169px;
}
#layout12 {
	width: 413px;
	background-color: #E9EAEB;
}
#layout13 {
	width: 302px;
	background-color: #E9EAEB;
	float:left;
}
#layout14 {
	width: 111px;
	background-color: #E9EAEB;
	float:right;
	position:relative;
}
#layout15 {
	width:110px;
	position:absolute;
	left:0px;
	top:209px;
}




/* Startseite */

#alles01 {
	font-size: 100%;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
    position: relative;
}
#layout16 {
	width: 939px;
	position:relative;
}
#layout17 {
	width: 939px;
	background-image: url(../images/layout17.jpg);
	height:88px;
}

#breadcrumb {
	position: absolute;
	width: 509px;
	left: 195px;
	top: 188px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A5A5A5;
}

#layout18 {
	width: 200px;
	margin-top:0px;
	display:none;
}
#layout19{
	width: 939px;
    position: relative;
	float:left;

}
#layout20{
	width: 160px;
	background-image: url(../images/layout20.gif);
	background-position:-1px 0px;
	float:left;
    position: relative;

}
#layout21{
	width: 770px;
	float:right;
}
#layout22{
	width: 747px; /* 747px */
	float:left;
    position: relative;

}
#layout23 {
	width: 206px;
	float: right;
}
#layout24{
	width: 939px;
	height:53px;
	background-color:#87ADE3;
	float:left;
}
.foottext{
	font-size: 12px;
	width: 939px;
	color: #DFEEFC;
	text-align:center;
	background-color:#87ADE3;
	float:left;
	padding-top: 10px;
}
.foottext a{
	font-size: 12px;
	width: 939px;
	color: #DFEEFC;
}
#layout25{
	width: 160px;
	background-color:#797B7C;

}
#popUp{
	width:367px;
	position:absolute;
	left:218px;
	top:235px;
}
#suchfeld {
	position: relative;
	padding-left: 60px;
	margin-top: 0px;
}
#suchbereichBg {
	float: left;
	width: 9em; /* 144px */
	position: relative;
	padding-top: 0px;
	margin-top: 0px;
}
#suchbereich {
	width: 10.125em; /* 162px */
	position: absolute;
	top: 0px;
	left: 62px;
	padding-top: 0px;
	margin-top: 0px;
}
#suchbereich #bereich1 {
	float: left;
	width: 144px; /* 144px */
	padding-top: 1px;
}
#suchbereich .suche {
	float: left;
	color: #4C4C4C;
	background-color: #EEF0F1;
	font-size: 68.75%; /* 11px */
	height: 1.2727272727272727272727272727273em; /* 14px */
	width: 123px; /* 130px */
	padding-left: 0.4em; /* 4px */
	border: none;
	margin-left: 0.45454545454545454545454545454545em; /* 5px */
}
#suchbereich #bereich2 {
	float: left;
	width: 0.9375em; /* 15px */
	padding-left: 1px;
}
#suchbereich .sucheAbsenden {
	width: 0.75em; /* 12px */
	height: 0.75em; /* 12px */
	font-size: 100%;
	padding-top: 1px;
}

#newsbereich {
	padding-left: 15px; /* 10px */
}
#newsbereich p {
	padding-left: 0px;
}
.image {
	position: relative;
	}
.infotext
{
margin-top: 400px;
display:block;
color: #9F9F9F;
padding: 5px;
font-size: 12px;
font-family: arial, verdana;
font-weight: normal;
text-align: left;
background-color: transparent;
}
.infotext h1
{
font-size: 12px;
}
.infotext p
{
font-size: 12px;
}







#contentbereichHome {
	float: left;
	font-size: 14px;
	width: 715px;  /* 740px - neu */
	color: #6B6B6C;
	padding-bottom: 10px;
	padding-left: 25px;
	clear: both;

}
#contentbereichHome .contentbereichInfobox {
	font-size: 100%; /* 12px */
	color: #5F5F5F;
	clear: both;
	border-left:1px solid #EDEDEE;
    border-top:1px solid #EDEDEE;
	border-right:1px solid #EDEDEE;
	padding-top: 10px;
    padding-right: 10px;
	margin-top: 10px;
	float: left;
    width: 719px; 
	padding-left: 15px;
	background-repeat: no-repeat;
	position: relative;
}
#contentbereichHome .conImage {
	background-image: url(../images/conInfobox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 19px;
    float: left;
	width: 747px; 
}
#contentbereichHome .contentbereichInfobox h4 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px; /* 11px */
	margin-bottom: 0.83333333333333333333333333333333em; /* 10px */
	padding-top: 0.16666666666666666666666666666667em; /* 2px */
	padding-bottom: 0.16666666666666666666666666666667em; /* 2px */
	color: #6B6B6C;
	font-weight: bold;
	border: none;
    letter-spacing: 1px;
}
#contentbereichHome .contentbereichInfobox p {
	margin: 0px;
}
#contentbereichHome .contentbereichInfobox li {
	list-style-symbol:;
}
#contentbereichHome .contentbereichInfobox a {
 color: #1862A6;
 text-decoration: none;
}
#contentbereichHome .contentbereichInfobox a:hover {
 text-decoration: underline;
}
#contentpic {
	float: left;
	width: 666px; 
	
}
#contentbereichHome h1 {
	color: #1862A6;
	font-size: 26px; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contentbereichHome h3 {
	color: #1862A6;
	font-size: 18px; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 0.58333333333333333333333333333333em; /* 7px */
	padding-left: 15px; /* 5px */
	width: 270px; /* 270px */
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	background-position: 0px 17px;
}

#contentbereichHome h4 {
	color: #A0A0A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; /* 16px */
	font-weight: bold;
	border-bottom: 1px dashed #1862A6;
	padding-bottom: 10px;
	margin-bottom: 19px;
	padding-top: 22px;
	
}

#contentbereichHome h5 {
	color: #5B5B5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 12px */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
	font-weight: bold;
	clear: both;
}

#contentbereichHome h6 {
	color: #5B5B5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 12px */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5B5B5B;
	font-weight: bold;
	clear: both;
}
#contentbereichHome p {
	margin-bottom: 1em; /* 12px */
	padding-left: 0px; /* 10px */
}
#contentbereichHome a {
	color: #232121;
	text-decoration: underline;
}
#contentbereichHome a:hover {
	text-decoration: none;
}
#contentbereichHome ul {
	margin-left: 2.08333em; /* 25px */
	margin-bottom: 1.25em; /* 15px */
	margin-top: 0.83333em; /* 10px */
}
#contentbereichHome li {
	margin-bottom: 10px;
	list-style-image:url(../images/aufzaehlung.gif);
}
#contentbereichHome ul ul {
	margin-bottom: 0em;
	margin-top: 0em;
}
#contentbereichHome ol {
	margin-left: 2.5em; /* 30px */
	margin-bottom: 1.25em; /* 15px */
	margin-top: 0.8333em; /* 10px */
}


.slideshow { height: 800px; width: 600px; margin: auto }
.slideshow img { border: 0px; }






<style>

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}



/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:190px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}
</style>