/* CSS für typeface */

a:focus { 
	outline: none; 
}

p {
	margin: 0 0 0 10px;
	padding: 0;
	text-align: justify;
}

a {
	text-decoration: none;
	color: #666666; 
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

#wrapper_window {
	width: 540px;
	height: 540px;
	display:none;
}


/* Menu oben rechts */

.lmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Menu oben links */

.rmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Menu unten rechts */

#Layer8 ul li {
	margin-bottom: -4px;
}

/* Schriften */

.light {
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
	text-align: left;
}

.lighto {
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #ff9933;
	line-height: 200%;
	letter-spacing: 1px;
	text-align: left;
}

.menu {
	font-family:"Trebuchet MS";
	height:22px;
	font-size: 12px;
	color: #ff9933;
	line-height: 200%;
	letter-spacing: 2px;
}

.mainmenu {
margin: 0;
padding: 0;
}

.mainmenu li {
min-height: 27px;
list-style-type:none;
}

.submenuu {
margin: 0;
}

.submenu li, .submenu li:hover {
min-height: 27px;
list-style-type:none;
}

.menu:hover {
	font-family:"Trebuchet MS";
	height:22px;
	font-size: 16px;
	color: #ff9933;
	line-height: 150%;
	letter-spacing: 2px;
}

.mediummenu{
	font-family:"Trebuchet MS";
	height:22px;
	font-size: 16px;
	color: #ff9933;
	line-height: 140%;
	letter-spacing: 2px;
}

.submenu {
	font-family:"Trebuchet MS";
	height:27px;
	font-size: 12px;
	color: #ff9933;
	line-height: 200%;
	letter-spacing: 2px;
}

.submenu:hover {
	font-family:"Trebuchet MS";
	height:27px;
	font-size: 16px;
	color: #ff9933;
	line-height: 140%;
	letter-spacing: 2px;
}

.mediumsub {
	font-family:"Trebuchet MS";
	height:27px;
	font-size: 16px;
	color: #ff9933;
	line-height: 160%;
	letter-spacing: 2px;
}


.light-l {
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
	text-align: left;
}

.light-c {
	margin-left: 50px;
	padding: 0;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
	text-align: left;
}

.light-thx {
	height: 540px;
	width: 540px;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
}

.red {
	color: #FF0000;
}

.heading {
	font-family:"Trebuchet MS";
	font-size: 9px;
	color: #ff9933;
	line-height: 200%;
	letter-spacing: 1px;
}

.medium {
	font-family:"Trebuchet MS";
	font-size: 12px;
	font-weight: 600;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
}

.linking {
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #666666;
	line-height: 200%;
	letter-spacing: 1px;
}

.teamlink {
	font-family:"Trebuchet MS";
	font-size: 12px;
	font-weight: 600;
	color: #ff9933;
	line-height: 200%;
	letter-spacing: 1px;
	text-align:center;
}

.refcapt {
font-family:"Trebuchet MS";
font-size: 12px;
color: #666666;
line-height: 200%;
letter-spacing: 1px;
text-align: center;
top: 5px;
}

/* DHTML Window */

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background-color: #FFFFFF;
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

.dhtmlwindow{
position: absolute;
border: 2px solid #666666;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 15px;
font-family: "Trebuchet MS";
font-size: 12px;
letter-spacing: 1px;
background-color: white;
line-height: 200%;
color: #666666;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


/* Referenzen */

#thumb-wrap {
position: absolute;
height: 390px;
width: 100px;
left: 15px;
float: left;
}

.thumb-wrap2 {
position: absolute;
height: 390px;
width: 100px;
left: 100px;
float: left;
}

.desc1 {
position: absolute;
width: 330px;
height: 290px;
display: block; 
left: 195px;
top: 35px;
}

.fordiv, .backdiv {
position: absolute; 
top: 380px;
}

.backdiv {
left: 10px;
}

.fordiv {
left: 480px;
}

.thumb1, .thumb2, .thumb3, .thumb4, .thumb5 {
position: absolute; 
border-width: 1px;
border-style: solid;
border-color: #666666;
}

.thumb1 {
top: 10px;
}

.thumb2 {
top: 95px;
}

.thumb3 {
top: 180px;
}

.thumb4 {
top: 265px;
}

.big1, .big2, .big3, .big4, .big5 {
position: absolute;
display: none; 
left: 186px;
height: 350px;
width: 330px;
background-color: white;
text-align: center;
} 

.big1 img, .big2 img, .big3 img, .big4 img, .big5 img, .big1-r img, big2-r img, .big3-r img, .big4-r img, .big-r img {
border-style: solid;
border-width: 1px;
border-color: #666666;
}

.big1-r, .big2-r, .big3-r, .big4-r, .big5-r {
position: absolute;
display: none; 
left: 101px;
height: 290px;
width: 330px;
background-color: white;
text-align: center;
} 

.big1, .big1-r {
top: 0px;
}

.big2, .big2-r {
top: -85px;
}

.big3 {
top: -170px;
}

.big4 {
top: -255px;
}

.thumb1:hover, .thumb2:hover, .thumb3:hover, .thumb4:hover, .thumb1-r:hover, .thumb2-r:hover {
cursor: pointer;
/*
border-color: #ff9900;
*/
}

.thumb1:hover .big1, .thumb2:hover .big2, .thumb3:hover .big3, .thumb4:hover .big4, .thumb5:hover .big5, .thumb1:hover .big1-r, .thumb2:hover .big2-r {
display: block;
}

.thumb1:hover .desc1 {
display: none; 
}

/* Formmailer 1.0 */

#wrapper {
height: 540px;
width: 540px;
border: none; 
}

#wrapper div {
display: block;
margin-top: 5px;
}

.label {
display: block;
width: 200px;
float: left;
}

.check {
display: block;
float: left;
}

.input {
display: block;
width: 250px;
}

.input-large {
display: block;
width: 250px;
height: 150px;
}

#buttons {
margin-left: 160px;
}

.button {
width: 98px;
border: none;
background-color: #CCCCCC;
}

#agb {
width: 25px;
}

/* Scrollbar */

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, font, 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 {
outline: none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 1px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #FFFFFF;
}
.jScrollPaneDrag {
	position: absolute;
	background-color: #FF9933;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: auto;
	/*background-color: #666;*/
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}