/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

img {
	border: none;
}

hr {
	width: 0px;
}

#top {
    position: absolute;
	top: 25px;
	width: 810px;
	height: 42px;
}

#tumb {
	position: absolute;
	margin:0px;
	top: 70px;
	width: 810px;
	border-bottom: 1px solid #000;
	height: 70px;	
}

#titel {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 10px;
	width: 165px;
	bottom: -68px;
	bottom: 2px;
}

#preview1 {
	position: absolute;
	top: 22px;
	left: 180px;
}


#preview2 {
	position: absolute;
	top: 22px;
	left: 263px;
}

#preview3 {
	position: absolute;
	top: 22px;
	left: 346px;
}

#preview4 {
	position: absolute;
	top: 22px;
	left: 430px;
}

#double_left {
	position: absolute;
	top: 58px;
	left: 504px;
}

#single_left {
	position: absolute;
	top: 58px;
	left: 524px;
}

#single_right {
	position: absolute;
	top: 58px;
	left: 544px;
}

#double_right {
	position: absolute;
	top: 58px;
	left: 564px;
}

#single_left a, #double_left a, #single_right a, #double_right a {
	display: block;
	width: 14px;
	height: 11px;
}

#picnum {
	position: absolute;
	top: 57px;
	left: 600px;
}

#content {
	position: absolute;
	margin:0px;
	padding: 0px 0px;
	left:0px;
	left:180px;
	top: 140px;
	width: 810px; 
	width: 630px; 
	height: 365px;
}

#piccontainer {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 20px;
	left: 180px;
	left: 0px;
	width: 550px;
	width: 370px; 
	height: 340px;
	vertical-align: top;
}

#picture {
	position: absolute;
	margin: 0px;
	width: 420px; 
	height: 320px;
	vertical-align: top;
}

#pic_text {
	position: absolute;
	margin: 0px;
	left: -1px;
	top: 301px;
	width: 420px; 
	vertical-align: top;
}

#bottom {
	position: absolute;
	margin:0px;
	left:0px;
	top: 480px;
	width: 810px; 
	height: 50px;
	border-top: 1px solid #000000;
}

#kontakt {
	position: absolute;
	margin:0px;
	left:10px;
	top: 10px;
	height: 20px;
	float: right;
}

#interna {
	position: absolute;
	margin:0px;
	left:78px;
	top: 10px; 
	height: 20px;
}

#impressum {
	position: absolute;
	margin:0px;
	left:190px;
	top: 10px;
	height: 20px;
}

#jobs {
	position: absolute;
	margin:0px;
	left:275px;
	top: 10px;
	height: 20px;
}

#kontakt a, #interna a, #impressum a, #jobs a {
	text-decoration: none;
	color: 000;
}

#kontakt a:hover, #interna a:hover, #impressum a:hover, #jobs a:hover {
	text-decoration: underline;
}

/************************** Anfang: STYLES für Scrollbereich *******************************/
#divUp   {
	position:absolute;
	left:420px; 
	top:20px;
	width: 200px;
	height: 11px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-image:  url(../symbols/arrow_up.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#divUp a {
	display: block;
	width: 200px;
	height: 11px;
	color: #000;
}

#divUp a:hover {
	color: #FFF;
	background: #000;
	background-image:  url(../symbols/arrow_up_white.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#divDown {
	position:absolute; 
	left:420px; 
	top:308px;
	width: 200px;
	height: 11px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-image:  url(../symbols/arrow_down.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#divDown a {
	display: block;
	width: 200px;
	height: 11px;
	color: #000;
}

#divDown a:hover {
	color: #FFF;
	background: #000;
	background-image:  url(../symbols/arrow_down_white.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#divScrollTextCont {
	position:absolute; 
	left:420px; 
	top:45px; 
	width:200px; 
	height:253px; 
	clip:rect(0px 200px 253px 0px); 
	overflow:hidden; 
	visibility:hidden;
}

#divText {
	position:absolute; 
	left:0px; 
	top:0px;
	text-align: left;
}

#divText a{
	text-decoration: none;
	color: #000;
}

#divText a:hover{
	text-decoration: underline;
}
/************************** Ende: STYLES für Scrollbereich *******************************/

/************************** Anfang: STYLES für Navigation *******************************/
div.clSlideMenu0{ /* All slideMenu0 DIV elements */
	position:absolute;
	overflow:hidden;
	line-height:18px;
}
div.clSlideMenu1{ /* All slideMenu1 DIV elements */
	position:absolute;
	overflow:hidden;
	line-height:13px;
}

a.clA0{ /* All top level links */
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
a.clA1{ /* All sub level links */
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}


/* benötigte STYLES für Navigation */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:10;}
div.slideMenuText{position:absolute; left:15; top:2; text-align:left; z-index:200}
#slideMenucont{position:absolute; width:120; visibility:hidden;}

/************************** Ende: STYLES für Navigation *******************************/

.vbottom {
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/************* Anfang: Hacks für InternetExplorer  **************/
* html #preview1 {
	top: 22px;
	t\op: 20px;
}


* html #preview2 {
	top: 22px;
	t\op: 20px;
}

* html #preview3 {
	top: 22px;
	t\op: 20px;
}

* html #preview4 {
	top: 22px;
	t\op: 20px;
}

* html #double_left {
	top: 58px;
	t\op: 56px;
}

* html #single_left {
	top: 58px;
	t\op: 56px;
}

* html #single_right {
	top: 58px;
	t\op: 56px;
}

* html #double_right {
	top: 58px;
	t\op: 56px;
}

* html #picnum {
	top: 56px;
	t\op: 54px;

}
/************* Ende: Hacks für InternetExplorer  **************/