/*
 * Diathek Willkommenseite
 */

#diaWelcome {
	width:100%;
	height:100%;
	overflow:auto;
}

#diaWelcomeContent {
	width:100%;
	max-width:650px;
	padding:0px 10px 0px 10px;
	color:rgb(102,102,102);
}

#diaWelcomeFeatures {
	height:auto;
	width:650px;
	position:relative;
	top:0px;
	left:0px;
}

ul#diaFeatureOverview  {
	height:240px;
	width:650px;
	min-height:240px;
	max-height:240px;
	min-width:650px;
	max-width:650px;
	background-image:url("/customer/texte/de/images/mainframes.jpg");
	background-position:bottom center;
	background-position-x:center;
	background-position-y:bottom;
	background-repeat:no-repeat;
	margin:0px 0px 20px 0px;
	display:block;
	list-style-type:none;
}

ul#diaFeatureOverview li {
	position:absolute;
	width:130px;
	height:100px;
	display:block;
	text-indent:-9000px;
}

ul#diaFeatureOverview li span {
	position:relative;
	top:0px;
	left:0px;
	width:130px;
	height:100px;
	cursor:help;
	overflow:hidden;
	display:block;
}

ul#diaFeatureOverview li#zoom {
    top: 0;
    left: 0;
    background: url(/customer/texte/de/images/zoom.jpg) no-repeat 0 0;
}

ul#diaFeatureOverview li#editonline {
    top: 0;
    right: 0;
    background: url(/customer/texte/de/images/editonline.jpg) no-repeat 0 0;
}

ul#diaFeatureOverview li#autoppt {
    bottom: 0;
    left: 0;
    background: url(/customer/texte/de/images/autoppt.jpg) no-repeat 0 0;
}

ul#diaFeatureOverview li#persfolder {
    bottom: 0;
    right: 0;
    background: url(/customer/texte/de/images/persfolder.jpg) no-repeat 0 0;
}

#diaFeatureOverview div.diaFeature#diaFeaturePersFolder {
	background-image:url("/customer/texte/de/images/persfolder.jpg");
	background-position:right bottom;
	background-position-x:right;
	background-position-y:bottom;
	z-index:4;
}

/**********************************
 * Header
 */

#header {
	background-image:url('/customer/images/header_bg.jpg');
	background-repeat:repeat;
}

#header #topmenu {
	position:absolute;
	height:22px;
	bottom:25px;
	right:60px;
	color:#666;
	padding-top:3px;
	padding-left:6px;
	padding-right:6px;
	background-image:url('/customer/images/header_navbg.gif');
	background-repeat:repeat-x;
	text-align:center;
}

#header #topmenu #topmenustart,
#header #topmenu #topmenuend {
	position:absolute;
	top:0px;
	width:3px;
	height:3px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-position-x:0px;
	background-position-y:0px;
}

#header #topmenu #topmenustart {
	left:0px;
	background-image:url('/customer/images/header_navround_tl.gif');
}
#header #topmenu #topmenuend {
	right:0px !important;
	right:-1px;
	background-image:url('/customer/images/header_navround_tr.gif');
}

#header #topmenu a {
	color:#666;
	text-decoration:none;
	border-width:0px;
}

#header #topmenu a:hover {
	color:#c00;
	text-decoration:none;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#c00;
}

#header #topmenu img {
	border-width:0px;
}

#header #topmenu img.flag {
	position:relative;
	top:2px;
	left:0px;
	margin-left:2px;	
}


#header #borderL,
#header #borderR {
	position:absolute;
	bottom:0px;
	width:51%;
	height:25px;
	background-repeat:no-repeat;
	background-position-y:top;
}

#header #borderL {
	left:0px;
	background-image:url('/customer/images/header_border_left.gif');
	background-position:top left;
	background-position-x:left;
}
#header #borderR {
	right:0px;
	background:url('/customer/images/header_border_right.gif');
	background-position:right top;
	background-position-x:right;
	background-position-y:top;
}
#header #logo {
	position:absolute;
	top:17px;
	left:260px;
	width:242px;
	height:83px;
	background:url('/customer/images/header_logo.gif');
	background-position:right top;
	background-position-x:right;
	background-position-y:top;
	background-repeat:no-repeat;
}

#header #borderR #loggedInUserName {
	position:absolute;
	right:60px;
	top:5px;
	font-size:10px;
	line-height:10px;
	color:rgb(0,0,0);
	color:#777;
}

.tabbedFormContainer {
	border-top: 1px dotted rgb(139,139,139);
	width:100%;
	height:85px;
	padding:5px 0px;
}

