/*      Martin Pfister 2009      */
/*  htpp://martin.ausruf.ch      */

/* Config */
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
  margin:0; 
  padding:0; 
  border:0; 
  outline:0; 
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
  vertical-align:baseline; 
}
html {
	height: 100%;
}
body {
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size: 62.5%;
	color: #333333;
	height: 100%;
	background: #EEECDD url('../_images/layout/body_bg.gif') repeat-x;
	padding-top: 85px;
	}

/* Standardelemente: */
form label {
        cursor: pointer;
}
input, select, textarea {
        font-size: 1.2em;
		font-family: inherit;
		border: 1px solid;border-left-color: #7E7E7E;border-right-color: #E2E2E2;border-top-color: #7E7E7E;border-bottom-color: #E2E2E2;
		padding: 3px;
}
p {
	margin-bottom: 1em;
    font-size: 1.2em;
}

h1 {
	margin: 0 0 10px 0;
    font-size: 1.9em;
}
h1.start {
	font-size: 2.4em;
	padding: 4px;
	color: #fff;
	background: #42A4C9;
	margin:0;
	width: 138px;
	margin-left: 579px;
}
span.subheader{
	font-size: 1.9em;
	padding: 0 4px 4px 4px;
	color: #fff;
	background: #42A4C9;
	width: 106px;
}
h2 {
    font-size: 1.7em;
}
h3 {
	font-weight: bold;
	font-size: 1.2em;
}
a:link, a:visited {
	color: #00518B;
}

a:hover, a:active, a:focus {
	color: #333333;
	outline: 0;
}
table {
	border-collapse: collapse;
}
li {
	font-size: 1.2em;
	margin-top: 1em;
	margin-left: 25px;
}
ul {
	margin-bottom: 10px;
}
address {
	margin: 5px 0 10px 0;
	font-size: 1.2em;
	font-style: normal;
}
div.detail_content address {
	margin-bottom: 15px;
}
strong {
	display: inline-block;
	font-size: 1.2em;
	width: 115px;
}
strong.inlist {
    display: block;
    width: 350px;
}
strong.therese {
    display: block;
    width: 350px;
	margin-top: 30px;
}
span {
	display: inline-block;
	font-size: 1.2em;
}

div#skiplinks a {position:absolute; height:10px; width:10px; left:-10000px; top: -10000px; overflow:hidden; text-decoration: none; font-size: 1.2em;}

/*Skiplinks*/
div#skiplinks a:focus,
div#skiplinks a:active {
    position: absolute;
    z-index: 1;
    top: 4px; left: 4px;
    height: auto; width: auto;
    padding: 2px;
    color: #000;
    border: 1px dashed red;
    background: #E6E3CB;
}

/* Positionierung: */
	#header {
		position: relative;
		width: 725px;
		top: 12px;
		height: 63px;
		margin: 0 auto 10px;
		text-align: right;
	}
	#header img {
	 	float: right;
	}
	#footer {
		position: relative;
		width: 725px;
		height: 20px;
		margin: 0 auto 10px;
	}
	#container {
		position: relative;
		width: 725px;
		height: 630px;
		margin: 0 auto;
		/*padding: 0 10px;*/
		border-top: 3px solid #42A4C9;
		border-bottom: 3px solid #E6E3CB;
		background: #fff url('../_images/layout/map.png') 15px 0px no-repeat;
	}
	#loading {
		position:absolute;
		top: 10px;
		right: 10px;
	}

/* mark points */
	div.popup {
		position: relative;
		padding: 1px 0 1px 0;
		cursor: pointer;
	}
	div.bubble1 {position: absolute; height:15px; width: 15px;
			  top: 195px;left: 280px;}
	div.bubble2 {position: absolute; height:15px; width: 15px;
			  top: 232px;left: 265px;}
	div.bubble4 {position: absolute; height:15px; width: 15px;
			   top: 230px;left: 231px;}
	div.bubble3 {position: absolute;height:15px; width: 15px;
			   top: 359px;left: 334px;}
	div.bubble5 {position: absolute; height:15px; width: 15px;
			   top: 270px;left: 310px;}
    div.bubble7 {position: absolute; height:15px; width: 15px;
			   top: 231px;left: 288px;}
	div.bubble8 {position: absolute; height:15px; width: 15px;
			   top: 71px;left: 400px;}
			   
/* detail profil */

	a:visited.detail_back, a:visited.detail_back {
		display: block;
		width: 713px;
		text-align: right;
		background: #E6E3CB;
		padding: 5px;
		font-size: 1.2em;
		text-decoration: none;
		color: #42a4c9;
		margin: 1px 1px 10px 1px;
	}
	a:hover.detail_back, a:active.detail_back {
		color: #fff;
		background: #86736a;
	}
	div.detail_content {
		float: left;
		width: 470px;
		padding: 10px;
		margin: 0 0 10px 10px;
		height: 250px;
		background: #f8f8f8;
	}
	div.detail_img {
		float: left;
		width: 200px;
		height: 270px;
		margin: 0 0 10px 10px;
	}
	div.stuff {
		position: relative;
		bottom: 0;
		padding: 10px;
		margin: 0 10px 0 10px;
		width: 680px;
		height: 283px;
		clear: both;
		overflow: auto;
		background: #f8f8f8;
	}
	
/* Bubbles */
	/*bubble styling */
	div.table {
		position: absolute;
		top: -1337px;
		left: -27px;
		text-align: left;
		color: #000;
		z-index: 2;
		display: none;
	}
	div.tablecontent {
		float: left;
		width: 165px;
		border-top: 3px solid #42A4C9;
		border-left: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
		background: #fff;
		padding: 5px 8px 5px 8px;
	}
	div.tablecontent2 {
		width: 345px;
		float: left;
		border-top: 3px solid #42A4C9;
		border-left: 1px solid #eeeeee;
		border-right: 1px solid #eeeeee;
		background: #fff;
	}
	div.first {
		float: left;
		padding-top: 5px;
		width: 162px;
		padding-bottom: 5px;
		padding-left: 8px;
		border-right: 1px solid #eeeeee;
	}
	div.second {
		float: left;
		width: 162px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 8px;
	}
	div.tablecontent2 div.second h3 {
		margin-top: 14px;
	}
	div.tablefooter, div.tablefooter2 {
		clear: both;
		display: block;
		height: 21px;
		width: 183px;
		background: url('../_images/layout/table_footer.gif') no-repeat;
	}
	div.tablefooter2 {
		width: 348px;
		background: url('../_images/layout/table_footer2.gif') no-repeat;
	}
	a.more {
		display: block;
		font-size: 1.2em;
	}