body {padding:0; margin:0;background-color:#f0eee1; font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

a, a:visited {
	text-decoration: none;
	color: #267;
}

a:visited {
	text-decoration: none;
	color: #267;
}

a:hover {
	text-decoration: underline;
}

img {margin:0; padding:0; border:0;}
form {padding:0; margin:0;}
em {display:none;}
.clearBoth {clear:both;}
.floatLeft {float:left}
.floatRight {float:right}

#main_wrapper {width:996px; margin:0 auto; padding:0; background:url('images/bg.png') repeat-y;}

#left_col {width:277px;}
#right_col {width:719px;}
ul.arrange {margin:0; padding:0; display:block;}
ul.arrange li {display:block;}

ul.horizontal li {float:left;}

/********************************/
/*       LEFT STYLE             */
/********************************/
li#logoSlice_1 {width:277px; height:87px; background:url('images/logo-1.png') no-repeat top left;}
li#logoSlice_2 {width:277px; height:222px; background:url('images/logo-2.png') no-repeat top left;}
#logoSlice_1 a {padding:0; margin:15px 0 0 10px; display:block; width:239px; height:58px; background:url('images/title.png') no-repeat top left;}

li#left {width:277px;}
ul.leftContent {width:250px; margin:6px 0 0 18px;}
.left-block-top {width:250px; height:14px; background:url('images/left-block-top-bg.png') no-repeat top;}
.left-block-bottom {width:250px; height:14px; background:url('images/left-block-bottom-bg.png') no-repeat top;}
.left-block {width:250px; background:url('images/left-block-bg.png') repeat-y;}

#updates {display:block; padding:0; margin:0 0 0 10px; width:225px;}
#updates h3 {border-bottom:2px solid #E80005; display:block; width:120px; margin:0 0 10px 50px; padding:0; font-size:16px;}
#updates li {display:block; float:normal; width:225px; margin-bottom:10px;}
#updates h2 {display:block; padding:0; margin:0; width:40px; float:left; font-size:14px; text-align:center; color:#728BE2}
#updates p {display:block; width:170px; padding:0 0 0 10px; margin:0; float:left; border-left:5px solid #fff; color:#6F6F6F; font-size:11px;}

div#login {display:block; width:252px; height:198px; background:url('images/login-bg.png') no-repeat; margin:18px 0 0 18px; font-size:8pt; font-family: Arial, Helvetica, sans-serif; color:#c50000;}

#loginform {width:100%;}
#loginform li {width:100%;}
.login-title {margin:10px 0 10px 0;}
.login-title h3 {display:block; width:107px; height:22px; background:url('images/clients-login.png') no-repeat; padding:0; margin:0 0 0 70px;}
#loginform label{width:65px; height:23px; float:left; display:block; font-size:12px; line-height:18px; padding:0; margin:0 0 0 20px;}
#loginform input{float:left; display:block; border:none;}
.fld-title {margin-top:4px; color:#000000;}
.fld-title input {width:144px; height:23px; padding:0; background:url('images/login-field-bg.png') no-repeat;}
.secure-check {padding-left:122px; margin-top:5px;}
.secure-check input {margin-right:5px;}
.login-btn {margin:12px 0 0 125px;}
.lost-pass {padding-left:125px; margin-top:14px;}
#loginform a{color:#c50000; font-size:8pt; text-decoration:none;}

#support {display:block; width:236px; height:160px; background:url('images/support-bg.png') no-repeat; margin-left:5px;}

/********************************/
/*       RIGHT STYLE            */
/********************************/
li#logoSlice_3 {width:719px; height:87px; background:url('images/logo-3.png') no-repeat top left;}
li#logoSlice_4 {width:719px; height:222px; background:url('images/logo-4.png') no-repeat top left;}
div#main-logo {display:block; width:689px; height:198px; background:url('images/main-logo.png') no-repeat; margin:18px 0 0 12px;}
#main-logo ul { padding:70px 0 0 20px; margin:0 0 0 20px;}
#main-logo ul li {list-style:none; float:none;}
li#headSlice_1 {width:449px; height:87px;}
li#headSlice_2 {width:270px; height:87px;}
form#searchForm ul {width:263px; height:47px; background:url('images/search-bg.png') no-repeat; margin-top:17px;}
form#searchForm li {margin:12px 0 0 0;}
form#searchForm #search-fld {border:none; width:192px; height:21px; background:url('images/search-field-bg.png') no-repeat; margin-left:10px;}
form#searchForm #search-btn {border:none; width:40px; height:21px; background:url('images/search-button.png') no-repeat; margin-left:6px;}
#top-icons {margin:3px 0 0 5px;}
#top-icons a {display:block; width:21px; height:22px;}
#top-icons li {margin-right:5px;}
#home-link {background:url('images/home-icon.png') no-repeat;}
#user-link {background:url('images/user-icon.png') no-repeat;}
#contact-link {background:url('images/contact-icon.png') no-repeat;}
#top-icons #link-back {width:170px;}


li#right {width:719px;}
#rightContent {width:685px; margin:5px 0 0 12px;}
#top-menu {width:685px; height:48px;}
/*#top-menu li {height:49px;} 
#top-menu-left {width:15px; background:url('images/top-menu-bg-left.png') no-repeat;}
#top-menu-right {width:15px; background:url('images/top-menu-bg-right.png') no-repeat;} */
#top-menu-middle {width:685px;}
/*#top-menu-links li {margin-right:8px;}
#top-menu-links a{display:block; width:85px; height:49px; line-height: 50px; text-decoration:none; color:#ffa500; font-weight:bold;}
#top-menu-links a:hover{background:url('images/top-menu-link-bg.png') no-repeat;}
#top-menu-links a.active {background:url('images/top-menu-link-bg.png') no-repeat;}*/

.section {width:685px; background:url('images/section-bg.png') no-repeat bottom; margin:0 0 10px 0; padding:0 0 10px 0}

#intro {margin-top:10px; padding:0px; font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1B1830; line-height:150%;}
#intro h1 {font:18px/12px Arial, Helvetica, sans-serif; color:#FF0D0D; border-bottom:4px solid #fff; padding-bottom:5px;}
#intro h1 span {color:#00C100; border:none; font-weight:normal;}
#intro a , #intro a:link , #intro a:active {color:#F86207; text-decoration:none;}
#intro a:hover {color:#FF0000; text-decoration:underline;}
#intro span {border:1px solid #FFB0B0; padding:0 2px 0 2px; color:#FFB0B0; font-family:arial; font-weight:bold;}
#intro #details {color:#81C0C0; font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; margin:20px 0 0 0;}
#intro p#copyright {padding:0; margin-left:140px;}


.plans {display:block; padding:0; margin:0 10px 0 10px; width:100%; float:left;}
.plans li {float:none; list-style:none; display:block; float:none; width:100%;}
.plans a {
   display:block; width:100%; height:18px; 
   text-decoration:none; 
   margin-bottom:2px; color:#BF0000; padding-left:15px;
   background: url('images/icon1.png') no-repeat left;
   }
.plans a:hover {color:#FF8040; background: url('images/icon1-hover.png') no-repeat left;}

.section h3 {background:url('images/icon2.png') no-repeat left; padding-left:20px;}


/********************************/
/*       FOOTER STYLE           */
/********************************/
#footer {width:996px; height:80px; margin:0 auto; padding:0; background:url('images/bottom-bg.png') no-repeat top;}

#bottom {
	clear: both;
	width: 950px;
	height: 35px;
	margin: 0 auto;
	padding-top: 10px;
	float: center;
}

#bottom p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 95%;
	float: center;
}




/*//END OF FOOTER STYLE*/

.dg-scrolling-content-story{
	border:1px solid #DDD;
	background-color:#EEE;
	margin:1px;
}

/** Mouse over effect */
.dg-scrolling-content-story-mouseover{
	background-color:#CCC;

}


#my-timeline 
{
font-family:arial;
font-size:11px;
}








#nav {
	margin: 0;
	padding: 2px 2px 0;
	line-height: 100%;
	border-radius: 1em;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */

	border: solid 1px #6d6d6d;
}
#nav li {
	margin: 0 2px;
	padding: 0 0 2px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  12px 18px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}



.zettel_gelb {
background: #efd551 url(images/postit_gelb.gif) no-repeat;
width: 210px;
padding: 10px;
float: left;
margin-right: 15px;
} 

.zettel_rot {
background: #ff6600 url(images/postit_rot.gif) no-repeat;
width: 210px;
padding: 10px;
float: left;
margin-right: 15px;
}


/* Sortable tables */
table.sortable thead {
    background-color:#cccccc;
    color:#000000;
    font-weight: bold;
    cursor: default;
} 



#autocomp	{
			border: 1px solid #000000;
			background:#FF7F00;
			padding:3px;
			font-size:12px;
			display:none;
			}
#autocomp A {font-size:12px; text-decoration:none; color:#003333;}
#autocomp A:hover { text-decoration:underline; color:#006633;}


.berichte {
      width:96%;
      background:#f0eee1;
	    padding: 10px;
	    padding-top: 1px;
}


/*===== Seitennummerierung =====*/

#seiten {
font-size:11px;
}

#seiten a {
display:block;
background-color:white;
text-decoration:none;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}

#seiten a:hover {
background-color:#CCE5FF;
}

#seiten #nolink {
opacity:0.4;filter:alpha(opacity=40)
display:block;
float:left;
border:1px solid #555;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}

#seiten #current {
display:block;
background-color:#CCE5FF;
float:left;
border:1px solid #4F82B5;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:3px;
padding-left:7px;
padding-right:7px;
margin:3px;
}

#seiten #dots {
display:block;
float:left;
padding:3px;
margin:3px;
}









div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}
#content { width: 680px;}
#content { margin: 20px 90px; }
#btnSubmit { margin: 0 0 0 155px ; }

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}









/* Kalender 
----------------------------------------------------- */

a.tool{ /* for tooltip */
    position: relative; 
    z-index: 24; 
}

a.tool:hover{ z-index:25; }

a.tool span{ display: none }

a.tool:hover span{ 
	border: 2px solid #444;
	background: #F7F7F7;
    display: block;
    color: #446FA6;
    position: absolute;
    top: 2em; 
    left: 2em; 
    width: 13em;
    padding: 5px;
    text-align: center;
}

.vor, .back{
	border: 1px solid #ccc;
	padding: 0px 5px;
}

.vor{ float: right; }

.back{ float: left; }

#kalender table{
	border: 1px solid #ccc;
	background: #fff;
	text-align: right;
	width: 200px;
	padding: 5px;
}

#kalender caption{ /* Jahr / Monat */
	border: 1px solid #ccc;
	background: #F7F8F9;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
	#kalender caption a{
		background: #fff;
	}

#kalender td{
	border: 1px solid #fff;
	padding: 0 2px;
}

#kalender th{ /* Wochentage */
	color: #446FA6;
}

#kalender .today{ /* aktueller Tag */
	border: 1px solid #FE8989;
}

#kalender a{
	font-weight: bold;
}