/**
 * Description for file.
 *
 * CSS version $version
 *
 * @author 		Peter Gerber, Ars contexo <ars-contexo@lorraine.ch>
 * @version 	2.0
 */
 
html {
	height:100%;
}
body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../bilder/layout/background.jpg);
}
/* --------------------------- Layout
*/

#container {
	position:absolute;
	z-index:200;
	width:100%;
	height:100%;
}
#menu {
	position:fixed;
	z-index:301;
	left:0px;
	top:0px;
	width:155px;
	height:100%;
	background-image:url(../bilder/layout/menu-bottom.gif);
	background-repeat:no-repeat;
	background-position:0px 430px; /* 399 + 110 */
	/*background-position-y: 10px;  Safari 1.3 and 2.0 */
}
#header {
	position:fixed;
	z-index:402;
	left:20px;
	top:10px;
	white-space:nowrap;
	background-position:center top;
	background-repeat:repeat-x;
	/*width:100%;*/
}
#content {
	position:absolute;
	left:210px;
	top:150px;
	width:780px;
	font-size:14px;
}

#content-stellen {
	position:absolute;
	left:210px;
	top:150px;
	width:550px;
	font-size:14px;
}

#header-background {position:fixed; left:0px; top:0px; width:100%; height:108px; z-index:401;}
#header-background-container {width:100%; height:108px;}
#header-background-left {width:5px; height:108px;}
#header-background-center {width:100%; height:108px;}
#header-background-right {width:5px; height:108px;}
#header-background-left img {width:155px; height:108px;}
#header-background-center img {width:100%; height:108px;}
#header-background-right img {width:155px; height:108px;}

#background-image {width:100%; height:100%; position:fixed; z-index:101;}
#background-image img {width:100%; height:100%;}
/* --------------------------- Base
*/

img {border:0px;}

#content, #content-stellen {font-size:12px; line-height:1.3em;}
#content h1, #content-stellen h1 {font-size:12px; line-height:1.3em; font-weight:bold; margin:1em 0em 1em 0em; padding:0em; clear:both;}
#content h1.personal {padding-top: 1.5em;}
#content p, #content-stellen p {margin:1em 0em 1em 0em; padding:0em;}
#content a {color:#000000; text-decoration:none;}
#content a:hover {color:#000000; text-decoration:underline;}
ul.listreg, #content-stellen ul {margin:1em 0em 1em 65px; padding:0em; font-weight:normal;}
ul.listreg li, #content-stellen li {margin:0em; padding:0em;}
.head {margin:0em 0em 0em -15px; font-weight:bold;}
ul.list {margin:1em 0em 1em 15px; padding:0em; font-weight:bold;}
ul.list li {margin:0em; padding:0em;}
a.pdf {background-image:url(../bilder/allgemein/icon_pdf_16x16.gif); background-position:left top; background-repeat:no-repeat; padding-left:18px;}
a.pdf:hover {}

ul.downloads {display:inline; list-style-type:none; position:absolute; left:700px; bottom:5px; font-size:12px; margin:0px 0px 0px 20px; padding:0px; line-height:22px;}
ul.downloads li {/*display:inline;*/ margin:0px; padding:0px;}
ul.downloads li a {color:#398dA5; text-decoration:none; font-weight:bolder; }

ul.actionlist {
	list-style-image:url(../bilder/allgemein/alias_icon.gif);
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}
#content ul.actionlist a {
	color:#398dA5;
	font-size:16px;
	font-weight:bolder;
}

/* --------------------------- Base
*/
.italic {font-style:italic;}
h1#page-title {display:inline; font-size:30px; font-weight:bold; color:#398dA5; position:relative; bottom:5px;}
p#stellen {margin-left:50px;}

#bottom-image {position:fixed; z-index:102; bottom:0px; left:400px;}

/* --------------------------- Menu
*/
.mainmenu-level1-container {
	position:relative;
	left:0px;
	top:108px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.mainmenu-level1-item {
	margin:0px;
	padding:0px;
}
.mainmenu-level1-item a, #content .mainmenu-level1-item a {
	width:160px;
	height:30px;
	padding:10px 0px 0px 0px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#398dA5;
	font-size:16px;
	font-weight:bolder;
	background-repeat:no-repeat;
}
.mainmenu-level1-item a.link {background-image:url(../bilder/layout/menu-1-link.gif);}
.mainmenu-level1-item a.active {background-image:url(../bilder/layout/menu-1-active.gif);}
.mainmenu-level1-item a:hover {background-image:url(../bilder/layout/menu-1-active.gif);}

.mainmenu-level1-item .mainmenu-level2-container {list-style-type:none; margin:0px; padding:0px;}
.mainmenu-level1-item .mainmenu-level2-item {margin:0px; padding:0px;}
.mainmenu-level1-item .mainmenu-level2-item a {
	font-size:12px;
	height:24px;
	padding:6px 0px 0px 0px;
	/*background-image:url('../bilder/layout/menu-2-active.gif');*/
}
/* */
.mainmenu-level2-item a.link {background-image:url(../bilder/layout/menu-2-link.gif);}
.mainmenu-level2-item a.active {background-image:url(../bilder/layout/menu-2-active.gif);}
.mainmenu-level2-item a:hover {background-image:url(../bilder/layout/menu-2-active.gif);}
/* */

/* --------------------------- Submenu...
*/
.submenu-level1-container {margin:0px; padding:0px; list-style-type:none;}
.submenu-level1-item {margin:0px 10px 0px 0px; padding:0px; display:inline;}
#content .submenu-level1-item a {color:#398dA5; font-size:14px; font-weight:bold;}
#content .submenu-level1-item a.active {color:#000000;}

/* --------------------------- Content...
*/

.content-2cols-container {
	
}
.content-2cols-left {
	/*text-align:justify;*/
	width:250px;
	float:left;
	margin:0px 30px 30px 0px;
}
.content-2cols-right {
	width:490px;
	/*float:left;*/
	overflow:hidden;
	margin:0px 0px 30px 0px;
}
.content-images-container {
	clear:both;
	margin:30px 0px 30px 0px;
}
.content-images-container img {margin:0px 30px 0px 0px;}

dl.links dt {margin:1em 0em 0em 0em;}
dl.links dd {margin:0px; padding:0px; /* font-style:italic;*/}
#content dl.links a {color:#398dA5; font-weight:bold;}
#content dl.links a:hover {color:#398dA5;}
/* --------------------------- Staff...
*/
.staff-item {float:left; width:224px; height:72px; max-width: 224px; max-height: 72px; margin:0em 0em 1em 0em;}
.staff-item-image {float:left; width:72px; height:72px; max-width: 72px; max-height: 72px; margin-right:3px; border:1px solid #398dA5;}
#content p.staff-item-text {margin:0em;}
/* --------------------------- Form (kontakt.php)
*/

.content-form-container {
	clear:both;
	width:490px;
	margin:30px 0px 30px 0px;
}
.content-form-container form {margin:0px; padding:0px;}
.content-form-container fieldset {border:0px; margin:0px; padding:0px;}
.content-form-container legend {display:none;}
.content-form-table {width:100%;}
.content-form-table .label {width:20%;}
.content-form-table .field {padding:2px 10px 2px 10px;}
.content-form-table .input {
	width:100%; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#D1DADF;
	/*background-color:transparent;*/
}
.hn-captcha {}
.hn-captcha-image {
	float:left;
	margin-right:5px;
}
.hn-captcha-input {
	background-color:#D1DADF;
	width:198px;
	clear:both;
	margin:10px 0px;
}

.mailtext {}

/* --------------------------- Foto-Gallerien ------------------------------*/
#gallery {
	margin: 20px 0 20px 0;
	padding: 0;
}
.WebYepGalleryContainer {
	margin-left: 20px;	
}
.WebYepGalleryContainer tr {
}
.WebYepGalleryContainer td {
	text-align: center;
}
.WebYepGalleryImage {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	height: 80px;
	border: 1px solid #398dA5;
}
.WebYepGalleryImage img {
	
}
.WebYepGalleryText {
	padding: 10px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: -50px;
}

#logon {
	position: absolute;
	top: 97%;
	left: 1%
}
/* --------------------------- Ende Foto-Gallerien ------------------------------*/