.mainmenu
{
background-image:url(images/divider.jpg);
background-position:right;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF; 
}

.mainmenuover{
background-image:url(images/top_menu_over.jpg);
background-repeat:repeat-x;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
cursor:pointer;
}

.topmenu
{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#FFFFFF;
}

a.topmenulink:link{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}

a.topmenulink:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}
a.topmenulink:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}
a.biglink:link{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#576E20;
text-decoration:none;
}

a.biglink:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#576E20;

}
a.biglink:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#576E20;
}

a.contentlink:link{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FF3300;
text-decoration:none;
}

a.contentlink:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FF3300;
text-decoration:underline;
}
a.contentlink:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#FF3300;
}



/* ## Basic-Elements ## start ## */

html, body {
	margin:0;
	/*padding:0;*/
	height:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;

}

body {
color:#666666;
}

body a, body a:visited {
	text-decoration:none;
	outline: none;
}

.dottedborder{
border-right:#CCCCCC 1px dotted;
}

.textspacing{
line-height:18px;
}

.hidden {
	visibility:hidden;
}

.visible {
	visibility:visible;
}

.clear_both {
	clear:both;
}

.clear_both_b {
	clear:both;
	height:15px;
}

img {
	border:none;
}

::selection {
	background:rgb(138,157,186);
	color:white;
}

::-moz-selection {
	background:rgb(138,157,186);
	color:white;
}

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

.error_message {
	color:red;
}

/* ## Basic-Elements ## end ## */
#site_background {
	min-width:980px;
	min-height:100%;
	background: url(../img/head_bg_a.jpg) repeat-x;
}

#sitebody {
	display:block;
	width:980px;
	min-height:100%;
	margin:0 auto;
}

#header {
	width:960px;
	height:120px;
	padding:0 10px 0 10px;
	color:white;
	background: url(../img/head_bg_b.jpg) no-repeat right 0;
}

#header a:link, #header a:visited {
	color:white;
	text-decoration:none;
}

#header .left {
	float:left;
	width:680px;
	padding:22px 0;
}

#header .right {
	float:left;
	width:280px;
	padding:22px 0;
}

/* ## Header Menue ## start ## */

#header .button {
	padding:18px 0;
}

#header .button a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:5px;
}

#header .button a span{
	display:none;
	position:relative;
	z-index:2;
	top:35px;
	left:3px;
	white-space:nowrap;
	font-size:9pt;
}

#header .button a:hover span{
	display:block;
}

#header .button a.desktop, #header .button a.desktop_active {
	background: url(../img/head_desktop.png) no-repeat;
}
#header .button a.profil, #header .button a.profil_active {
	background: url(../img/head_profil.png) no-repeat;
}
#header .button a.admin, #header .button a.admin_active {
	background: url(../img/head_admin.png) no-repeat;
}
#header .button a.logout, #header .button a.logout_active {
	background: url(../img/head_logout.png) no-repeat;
}

#header .button a:hover.desktop, #header .button a.desktop_active,
#header .button a:hover.profil, #header .button a.profil_active,
#header .button a:hover.admin, #header .button a.admin_active,
#header .button a:hover.logout, #header .button a.logout_active
{
	background-position:bottom;
}


/* ## Header Menue ## end ## */

/* ## Tabs Menue ## start ## */

#tabs {
	clear:both;
	height:65px;
}

#tabs a {
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin:0 5px 0 0;
	padding:0;
	text-decoration:none;
}

#tabs a.overview, #tabs a.overview_active {
	background: url(../img/symbols/tab_project.png) no-repeat;
}
#tabs a.msgs, #tabs a.msgs_active {
	background: url(../img/symbols/tab_msgs.png) no-repeat;
}
#tabs a.tasks, #tabs a.tasks_active {
	background: url(../img/symbols/tab_tasks.png) no-repeat;
}
#tabs a.miles, #tabs a.miles_active {
	background: url(../img/symbols/tab_miles.png) no-repeat;
}
#tabs a.files, #tabs a.files_active {
	background: url(../img/symbols/tab_files.png) no-repeat;
}
#tabs a.users, #tabs a.users_active {
	background: url(../img/symbols/tab_users.png) no-repeat;
}
#tabs a.system, #tabs a.system_active {
	background: url(../img/symbols/tab_system.png) no-repeat;
}

#tabs a:hover.overview, #tabs a.overview_active,
#tabs a:hover.msgs, #tabs a.msgs_active,
#tabs a:hover.tasks, #tabs a.tasks_active,
#tabs a:hover.miles, #tabs a.miles_active,
#tabs a:hover.files, #tabs a.files_active,
#tabs a:hover.users, #tabs a.users_active,
#tabs a:hover.system, #tabs a.system_active
{
	background-position:bottom;
}

#tabs a span{
	display:none;
	position:relative;
	z-index:2;
	top:45px;
	left:3px;
	white-space:nowrap;
	font-size:9pt;
}
#tabs a:hover span{
	display:block;
}

/* ## Tabs Menue ## end ## */


/* ## Tools ## end ## */


/* ## Content Left Table ## end ## */
/* ## Content Left ## end ## */

/* ## Content Right ## start ## */

.content_right {
	float:left;
	width:280px;
}

.status_active {
	color: rgb(55,120,20);
}

.status_inactive {
	color: rgb(198,36,36);
}

/* ## Headlines ## start ## */

h1 {
	font-size:14pt;
	margin:0 0 10px 0;
}

h1.head {
	font-size:24pt;
	margin:0 0 0px 0;
	color:white;
	height:35px;
}

h1 span {
	font-size:11pt;
	font-weight:normal;
	margin-left:6px;
}

h2 {
	font-size:11pt;
	margin:0 0 10px 0;
}

h2.head {
	font-size:11pt;
	margin:0 0 10px 0;
	color:white;
	font-weight:normal;
}


/* ## Headlines ## end ## */

/* ## Variable Button ## start ## */
a.butn_link, a.butn_link_b, .block_b a.butn_link, .block_b a.butn_link_b, .block_c a.butn_link, .block_c a.butn_link_b {
	display:block;
	float:left;
	background: url(../img/butn_main_left_a.png) left bottom no-repeat;
	padding:0 0 0 5px;
	text-decoration:none;
	margin:0 5px 0 0;
}
.block_b a.butn_link, .block_b a.butn_link_b {
	background: url(../img/butn_main_left_b.png) left bottom no-repeat;
}
.block_c a.butn_link, .block_c a.butn_link_b {
	background: url(../img/butn_main_left_c.png) left bottom no-repeat;
}
a.butn_link_b, .block_b a.butn_link_b, .block_c a.butn_link_b {
	margin-left:40px;
}
a.butn_link span, a.butn_link_b span, .block_b a.butn_link span, .block_b a.butn_link_b span, .block_c a.butn_link span, .block_c a.butn_link_b span {
	width:auto;
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	padding:0 8px 0 4px;
	background: url(../img/butn_main_right_a.png) right bottom no-repeat;
	cursor:pointer;
	font-size:12px;
	color:rgb(53,73,117);
}
.block_b a.butn_link span, .block_b a.butn_link_b span {
	background: url(../img/butn_main_right_b.png) right bottom no-repeat;
	color:#4c4b4b;
}

.block_c a.butn_link span, .block_c a.butn_link_b span {
	background: url(../img/butn_main_right_c.png) right bottom no-repeat;
	color:#6b582a;
}

a.butn_link span img {
   	float:left;
   	width:20px;
   	position:relative;
   	left:-3px;
   	top:3px;
}

a.butn_link:hover, a.butn_link_b:hover {
	background-position: left top;
	text-decoration:none;
}
a.butn_link:hover span, a.butn_link_b:hover span {
	background-position: right top;
}

a.butn_check, a.butn_checked, a.butn_reply {
	display:block;
	width:16px;
	height:16px;
	background: url(../img/check_a.png) no-repeat center top;
	margin:0 0 0 10px;
}
a.butn_reply {
	background: url(../img/reply_a.png) no-repeat center top;
}
a.butn_check:hover, a.butn_checked, a.butn_reply:hover {
	background-position:bottom;
}

a.scroll_left, a.scroll_right {
	display:block;
	width:9px;
	height:50px;
	margin:0 auto;
	background: url(../img/scroll_left.png) no-repeat center left;
}
a.scroll_right {
	background: url(../img/scroll_right.png) no-repeat center left;
}
a.scroll_left:hover, a.scroll_right:hover {
	background-position:center right;
}

/* ## Variable Button ## end## */

.calender_wrapper {
	border: 1px #8b9dba solid;
	float:left;
	background:#e7edf4;
}

.clock {
	clear:both;
	text-align:center;
	background: #cedbec;
	padding:2px;
	font-size:12px;
	border-top: 1px #8b9dba solid;
}

.avatar {
	float:left;
	border:1px solid #8b9dba;
	padding:3px;

}

.avatar img {
	float:left;
}

.paging_wrapper {
	float:right;
	height:24px;
	line-height:24px;
	width:439px;
	margin-top:-17px;
	padding:0 10px 1px 0;
	text-align:right;
}
.paginate {
	float:right;
	padding-top:3px;
}

/* ## Infos ## start ## */
.infowin_left {
	position:relative;
	top:-65px;
	left:270px;
	width:366px;
	height:40px;
	margin:0 0 -40px 0;
	font-size:8pt;
	float:left;
}
.infowin_left img {
   	float:left;
   	margin:-3px 3px -6px -3px;
}
.info_in_red, .info_in_green, .info_in_yellow {
	padding:5px;
	border:1px solid #c62424;
	float:right;
	color:#c62424;
	background:#f9e9e9;
	line-height:22px;
}
.info_in_green {
	border-color:#377814;
	color:#377814;
	background:#ebf1e7;
}
.info_in_yellow {
	border-color:#a68a03;
	color:#a68a03;
	background:#faf7e6;
}

/* ## Infos ## end ## */

/* ## Footer ## start ## */

.footer {
	clear:both;
	width:100%;
	min-width:980px;
	height:26px;
	font-size:9pt;
	background:rgb(53,73,117);
	color:white;
	margin-top:-26px;
}

.footer a {
	color:white;
}

.footer table {
	width:100%;
	height:26px;
}

.footer .mid {
	width:950px;
}

/* Prototip.css */

.tooltip { width: 185px; color: #6b582a; border:1px solid rgb(186,164,139); float: left; }
.tooltip .title { background: #e6e4d6; font-size: 11pt; font-weight: bold; padding: 5px;}
.tooltip .content { background: white; font-size: 10pt; font-style: italic; padding: 5px;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }
/* ## Footer ## end ## */

.topmenubg{
background:#8C9DBB;
}

.headmenu
{
	font-weight:bold;
}

.boxborder{
padding:2px;
border:1px solid #8B9DBA;
background:#F3F7FA;
}


.sectionHeadingText
{
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000066;
}

.sectionHeading
{
background-image:url(../images/heading_bg1.jpg);
background-repeat:repeat-x;
}

.sectionHeadingAddition
{
background-image:url(../images/addition_bg.jpg);
background-repeat:repeat-x;
}


.headResultMenu
{
border-left-width:2px;border-left-style: solid;border-left-color:#FFFFFF;
font-size:11px;
font-weight:bold;
color:#000066;
padding-left:4px;
background-color:#CEDBEC;
}

.dataText
{
font-size:11px;
color:#000000;
padding-left:4px;
}

.additionFormbg
{
background-color:#F2F2F2;
padding:8px;
}

.inputBoxes{
width:150px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}
.inputBoxes12{
width:185px;
height:115px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}
.inputBoxes1{
width:100px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}
.textareaBoxes{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

.selectBoxes{
width:140px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

.selectBox{
width:45px;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

.selectBoxesAccess{
width:65px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}
.selectBoxesList{
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

.formLabels
{
font-size:11px;
color:#666666;
}

.formLabelsheading
{
font-size:11px;
color:#666666;
font-weight:bold;
}



.block_b .butn button {
	background: url(images/butn_main_right_b.png) right bottom no-repeat;
	color:#4c4b4b;
}
.block_c .butn button {
	background: url(../img/butn_main_right_c.png) right bottom no-repeat;
	color:#6b582a;
}

.butn:hover {
	background-position:left top;
}
.butn:hover button {
	background-position:right top;
}

.formSucessAddEdit
{
font-size:14px;
color:#006600;
font-weight:bold;
}

.formSucessDelete
{
font-size:14px;
color:#CC0000;
font-weight:bold;
}
<!-- for customized alert box-->
#modalContainer {
	/*background-color:transparent;*/
	background:url(images/trans_back.png);
	filter:alpha(opacity=80);
    opacity: 0.7; 
    z-index:999; 
   -moz-opacity: 0.8;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	
	position:absolute;
	 /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	/*border:2px solid #000;*/
	
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

.dashedright{
border-right:1px #CCCCCC dashed;
}

.dashedleft{
border-left:1px #CCCCCC dashed;
}

.pageheadinglabel{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#699E02;
}



a.leftmenulink:link{
color:#666666;
text-decoration:none;
}

a.leftmenulink:hover{
color:#699E02;
text-decoration:underline;

}

a.leftmenulink:visited{
color:#666666;
}


a.livesitelink:link{
color:#7D9E03;
text-decoration:none;
}

a.livesitelink:hover{
color:#7D9E03;
text-decoration:underline;

}

a.livesitelink:visited{
color:#7D9E03;
}



.projecttitle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#333333;
}


.projectintro{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
color:#999999;
}

.projectlabels{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding-left:15px;
}

.planning{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#FF6D06;
}

.plancall{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#576E20;
}


.whitetext{
color:#FFFFFF;
}


a.footerlink:link{
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
text-decoration:none;
}

a.footerlink:hover{
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
text-decoration:underline;
}
a.footerlink:visited{
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
}

.inputtext{
	font-family:Arial;
	font-size:12px;
	height:18px;
	width:140px;
	border:1px solid #79B902;
}


.inputstylehome{
width:100px;
height:13px;
border:1px solid #003300;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
}

.inputstylehome2{
width:160px;
height:13px;
border:1px solid #003300;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
}

.inputstylehometextarea{
width:200px;
height:40px;
border:1px solid #003300;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
}