/**************/
/* font style */
/**************/

#accomodation .nounderline, 
#accomodation .nounderline:hover, 
#family .nounderline, 
#family .nounderline:hover, 
#formalities .nounderline, 
#formalities .nounderline:hover, 
#institute .nounderline, 
#institute .nounderline:hover {
	text-decoration:     none;
}

#check li span {
	font-weight:         bold;
}

.infobox .nounderline:hover {
	text-decoration:     none;
}

/****************/
/* color scheme */
/****************/

#accomodation, 
#family, 
#formalities, 
#institute, 
#middle {
	background-color:    transparent;
}

#colnormal .contenttable td.nobg {
	background-color:    transparent;
}

/**********/
/* layout */
/**********/

#accomodation, 
#family, 
#formalities, 
#institute {
	height:              200px;
	text-align:          center;
	vertical-align:      top;
	width:               200px;
}

#accomodation a, 
#family a, 
#formalities a, 
#institute a {
	margin:              0;
	padding:             0 80px 143px 80px;
	width:               160px;
}

#accomodation a {
	background:          url("../gfx/start/accomodation.jpg") no-repeat 0 -155px;
}

#check {
	list-style-image:    url("../gfx/checklist/checkbox.gif");
}

#check li {
	margin-top:          20px;
}

#check li span {
	margin-left:         10px;
}

#family a {
	background:          url("../gfx/start/family.jpg") no-repeat 0 -155px;
}

#formalities a {
	background:          url("../gfx/start/formalities.jpg") no-repeat 0 -155px;
}

#institute a {
	background:          url("../gfx/start/institute.jpg") no-repeat 0 -155px;
}

#accomodation a:hover, 
#family a:hover, 
#formalities a:hover, 
#institute a:hover {
	background-position: 0 0;
}

#middle {
	text-align:          center;
}

.txtBank {
	padding-left:        30px;
	vertical-align:      top;
}

#rellinks hr {
	width:               200px;
	border-style:        dotted;
	border-width:        1px;
	margin-left:         0;
	text-align:          left;
}

.infobox a {
	text-decoration:     none;
	display:	     block;
}


.infobox a p {
	display:	     none;
}

.infobox a:hover p {
	position:	     absolute;
	top:		     50%;
	left:		     50%;
	z-index:	     100;
	display:	     block;
	width:		     500px;
	background:	     #c8cddc;
	border:		     1px dotted #1b3664;
	padding:	     10px;
	margin:	  	     -100px 0 0 -250px;
	text-decoration:     none;
	color:		     #1b3664;
}

/**************************************/
/* small icons used on serveral pages */
/**************************************/

.docs {
	margin-left:	     10px;
	padding:             0 30px 5px 30px;
	background:          transparent url("../gfx/small/docs.gif") no-repeat top left;
	font-weight:         bold;
	text-align:          left;
	vertical-align:      top;
}

.docs ul {
	list-style:          square;
	font-weight:         normal;
}

.doubleroom {
	padding:             0 30px 15px 45px;
	background:          transparent url("../gfx/small/bed_double.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.email {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/email.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.euro {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/euro.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}


.fax {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/fax.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.home {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/home.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.map {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/map.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.people {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/people.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.phone {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/phone.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.singleroom {
	padding:             0 30px 15px 45px;
	background:          transparent url("../gfx/small/bed_single.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.time {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/time.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}

.web {
	padding:             0 30px 15px 30px;
	background:          transparent url("../gfx/small/web.gif") no-repeat top left;
	text-align:          left;
	vertical-align:      top;
}