/***************************/
/* ©2006 despecial.com */
/***************************/


body {
	font-family:tahoma,arial,verdana,helvetica,sans-serif;
	color:#fff;
	font-size:12px;
	margin:0;
	padding:0;
	background: #000 url("img/bg-ssh.jpg") repeat-x;
	overflow-y: hidden;
}

html {overflow-y: auto} 

/* Layout */
#container { 
	width: 708px;
	height: 530px;
	position: absolute;
	left: 50%;
	margin-left: -353px;
	top: 50%;
	margin-top: -265px;
}

a:link, a:visited { text-decoration:underline; color: #414B56 }
a:active, a:hover { text-decoration:none; color: #4B5763 }


/****** NAVIGATION ******/
#nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li { 
	display:inline;
	float: left;
}

#nav a {
	text-decoration: none;
}

.nav1, a.nav1 { height: 53px; width: 179px; display:block; background-image: url(img/nav1.jpg);background-repeat:no-repeat;}
a.nav1:hover, .nav1b { height: 53px; width: 179px; display:block; background-image: url(img/nav1-over.jpg); background-repeat:no-repeat; }

.nav2, a.nav2 { height: 53px; width: 174px; display:block; background-image: url(img/nav2.jpg);background-repeat:no-repeat;}
a.nav2:hover, .nav2b { height: 53px; width: 174px; display:block; background-image: url(img/nav2-over.jpg); background-repeat:no-repeat; }

.nav3, a.nav3 { height: 53px; width: 174px; display:block; background-image: url(img/nav3.jpg);background-repeat:no-repeat;}
a.nav3:hover, .nav3b { height: 53px; width: 174px; display:block; background-image: url(img/nav3-over.jpg); background-repeat:no-repeat; }

.nav4, a.nav4 { height: 53px; width: 181px; display:block; background-image: url(img/nav4.jpg);background-repeat:no-repeat;}
a.nav4:hover, .nav4b { height: 53px; width: 181px; display:block; background-image: url(img/nav4-over.jpg); background-repeat:no-repeat; }

/****** NAVIGATION ******/



/****** INHALT ******/
#content {
	position:relative;
	top: 53px;
	width: 708px;
	height: 356px;
	background: #D9DFEA url("img/bg-content.jpg") no-repeat;
}

/* IE 7 & IE 6 HACK */
*+html #content {
	display: inline-block; 
	top: 0;	
}

.version {
	font-weight: bold;
	font-size: 11px
}

#logo {
	position:absolute;
	right: 30px;
	top: 80px;
}

#leftcontent {
	width: 320px;
	height: 295px;
	position: absolute;
	left: 32px;
	top: 27px;	
	background: transparent url("img/bg-content-left.jpg") no-repeat;
	border: 1px solid #fff;
	color: #000;
	overflow: hidden;
}

#leftcontent h2 { margin: 5px; font-size: 16pt; }
#leftcontent p { margin: 5px }

#rightcontent {
	width: 260px;
	height: 80px;
	position: absolute;
	right: 32px;
	top: 200px;	
	color: #000;
}


#adresse {
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 20pt;
	color: black;
	position: absolute;
	right: 72px;
	top: 190px;
}

#footer { 
	margin-top: 53px;
}

* html #footer { margin: 0 }

#footleft {
	float: left;
	color: #AEAEAE;
	font-size: 10px;
	font-family: arial, sans-serif;
	margin: 10px 20px 0 1px;
	background: #1B243A url(img/footer.jpg) no-repeat;
	height: 87px;
	width: 342px;
}

#footright {
	float:right;
	margin: 10px 2px 0 0;
	background: #1B243A url(img/footer.jpg) no-repeat;
	height: 87px;
	width: 342px;
}


.partner {
	text-align:center;
	margin: 5px;
}

.partnerseite {
	text-align:left;
	margin-bottom: 2px	
}

.partnertxt { 
	font-size: 11px;
	color: white;
	letter-spacing: 2px
}

.news { font-size: 14px; font-weight:bold; text-align: left; margin: 0 0 2px 3px }

#copyright {
	text-align:right;
	margin-top: 155px;
	margin-right: 2px;
	color: #678;
	font-size: 10px;
}

* html #copyright { margin-top: 3px }

a.copy:link, a.copy:visited { text-decoration:none; color: #678 }
a.copy:active, a.copy:hover { text-decoration:underline; color: #578 }
a.firm:link, a.firm:active, a.firm:visited { text-decoration:none; color: #035 }
a.firm:hover { color: #f33 }

#mitarbeiter {
	/* width: 300px;
	margin-left: -25px; */
	margin-top: -10px

}

#mitarbeiter li { display:inline  }
.teampic { margin-bottom: 5px }

.teampics {
	display:none;
	padding: 3px;
	width: 400px;
	height: 280px;
	position: absolute;
	right: -50px;
	top: 55px;
	background-color: #fff;
	border: 1px solid #000;
	font-weight: bold;
	color: #000
}

/*******HEADER *******/
#top {
	color: #035;
	font-size: 10px;
	width: 704px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -350px;
	padding-top: 2px;
	background: transparent url(img/top_bg.png) no-repeat;
}

a.topleft:link, a.topleft:hover, a.topleft:active, a.topleft:visited,
a.topright:link, a.topright:hover, a.topright:active, a.topright:visited { 
	text-decoration:none;
	color: #035;
	margin: 20px 7px 0 7px;
}

/**********************/




/****** CONTACT ******/
#contactform {
	margin-left: 10px;
}

#contactmsg {
	width: 300px;
	height: 70px;
	margin: 0px;
	padding: 1px;
	font-size: 11px;
	line-height: 14px;
	font-family: tahoma, arial, sans-serif;
	background: #DCE2EF url(img/bg_box.gif);
	overflow: auto;
	border: 1px solid #fff;
	color: black;
}

* html #contactmsg { padding: 0px }

.leftfield { 
	float: left;
	width: 70px;
	font-weight: bold;
	color: #000;
	margin: 8px 0 0 0;
}

.msgfield { font-weight: bold; color: #000; }
.txtfield { width: 230px; margin: 5px 0 0 0; }
* html .txtfield { width: 225px }

.sendit {
	text-align: center;
	margin-top: 20px;
	margin-left: -10px;
}

.sendfield2 { font-weight: bold; }

.sendfield, .sendfield2 {
	width: 140px;
	color: black;
	font-size: 12px; 
	line-height: 20px;
}


.txtfield {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border: 1px solid #fff;
	background: #DCE2EF url(img/bg_box2.gif);
}

form { margin: 0; padding: 0 }

.hr  { 
	height: 1px;
	width: 80%; 
	border: 0px;
	color: #135;
	background-color: #135;
	margin: 10px auto 10px auto;
}
/*******************************/


.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display:none
}

.red { color: #f00 }