@font-face { 
	font-family: HelveticaNeueLtCn; 
	src: url('../../css/fonts/helveticaneueltstd-ltcn-webfont.eot');
	src: local("HelveticaNeueLtCn"),  url('../../css/fonts/helveticaneueltstd-ltcn-webfont.ttf') format("truetype");
}
	
@font-face { 
	font-family: Garamond-SemiBoldItalic; 
	src: url('../../css/fonts/garamondpremrpro-smbdit-webfont.eot');
	src: local("Garamond-SemiBoldItalic"), url('../../css/fonts/garamondpremrpro-smbdit-webfont.ttf') format("truetype");
}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	border: 0 none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
	font-family: HelveticaNeueLtCn,Helvetica,Arial,"Bitstream Vera Sans",Verdana,sans-serif;
	font-size: 100%;
	color: #555;	
}

a:link{text-decoration:none;color:#7C5D4A;border:0px;-moz-outline-style:none;}
a:active{text-decoration:underline;color:#382E2C;border:0px;-moz-outline-style:none;}
a:visited{text-decoration:none;color:#7C5D4A;border:0px;-moz-outline-style:none;}
a:hover{text-decoration:underline;color:#382E2C;border:0px;-moz-outline-style:none;}
a:focus{outline:none;-moz-outline-style:none;}

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#content 
{	
}  

#footer {;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.content_wrapper {
	margin: 0 auto;
	width: 960px;	
	position: relative;
	height: auto;
}

.iframe_wrapper {
	margin: 0 auto;
	width: 880px;	
	position: relative;
	height: auto;
}

#header .content_wrapper {
	padding-top: 7px;
}

#header {
	height: 55px;
	background-color: #382e2c;
	color: #fff;
	-webkit-box-shadow: 0px 2px 5px 0px #382e2c;
	-moz-box-shadow: 0px 2px 5px 0px #382e2c;
	box-shadow: 0px 2px 5px 0px #382e2c;  
	
}

#header h1 {
	font-size: 2em;
	line-height: 55px; 	
	background: url(../images/admin_headline.png) 0px 0px no-repeat;
	text-indent: -99999px;
}

.meta, .lang {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 5px;	
	font-size: 0.8em;
}

.lang {
	top: 37px;
}

.meta a, .lang a {
	color: #fff;
	font-weight: bold;
}	

#content {
	margin-top: 20px;
	margin-bottom: 100px;
	border: 1px solid #b5b0af;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: 0px 2px 5px 0px #b5b0af;
	-moz-box-shadow: 0px 2px 5px 0px #b5b0af;
	box-shadow: 0px 2px 5px 0px #b5b0af;
	overflow:hidden;
	font-size: 1.0em;
}

.iframe_wrapper #content {
	margin-bottom: 30px;	
}

#footer { 
	position: relative; left: 0px; bottom: 0px;
	background-color: #382E2C;
	width: 100%;
	height: 50px;
	clear:both;
	/*-moz-box-shadow: 5px 5px 10px 10px #382E2C;
	-webkit-box-shadow: 5px 5px 10px 10px #382E2C;
	box-shadow: 5px 5px 10px 10px #382E2C;*/
}

.footer_copy {
	padding: 12px;
	text-align: center;	
	color: #bebcbc;
	font-size: 0.8em;
}

.headline {
	color: #70625f;
}

h3 {
	padding-bottom: 0.7em;
	font-size: 1.6em;	
	text-transform: uppercase;
	font-family: Garamond-SemiBoldItalic,Garamond,Cambria,Georgia,Times,"Times New Roman", serif;
}

h4 {
	font-size: 1.3em;
	color: #382E2C;
	width: 400px;
	padding-bottom: 0.3em;
}

.mTop {
	margin-top: 0.7em;
}

.mBot {
	margin-bottom: 0.7em;
}

.bTop {
	border-top: 1px solid #B5B0AF;
}

.bBot {
	border-bottom: 1px solid #B5B0AF;
}

/** MESSAGES **/
.message {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 20px 0px;
    padding: 12px;
	/*background-color: #e3ad6c;
    color: #a3691b;
    border-color: #c4852f;   */ 
    background-color: #afdd92;
    color: #307009;
    border-color: #307009;
}

/** ERRORS **/
.error {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 20px 0px;
    padding: 12px;
	background-color: #f2c2b4;
    color: #812106;
    border-color: #812106;
}

/** LOGIN FORM **/
#loginform {
	padding: 20px;
	/*-webkit-box-shadow: 0px 2px 5px 0px #b5b0af;
	-moz-box-shadow: 0px 2px 5px 0px #b5b0af;
	box-shadow: 0px 2px 5px 0px #b5b0af;
	border: 1px solid #b5b0af;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	background-color: #F2EFEA;
	border: 1px solid #B5B0AF;
}

.forgot_text{
	padding-bottom: 20px;
}

.adminform {
	clear: both;
}

.required {
	color: #812106;
}

.adminform p {
	/*clear: both;*/	
	padding-bottom: 0.3em;
}

.adminform p.form_button {
	float: right;	
}

.adminform p label {
	display: block;
	color: #544846;
}

.adminform .input {
	background-color: #fbfbfb;
    border: 1px solid #b5b0af;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    font-size: 0.8em;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-weight: 200;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: medium none;
    padding: 3px;
    width: 99%;	
    color: #382E2C;
}

.adminform .cleditorMain {
	margin-top: 2px;
}

.adminform .checkbox {
	float: left;
	width: 17px;
	height: 17px;
	margin-right: 10px;
}

.adminform .input_white {
	background-color: #fff;
	font-weight: normal;
}

.adminform .readonly {
	color: #d5d5d5;	
}

.adminform select.input {
	min-width: 158px;
	width: auto;
}

.large.button, .large.button:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}

.small.button, .small.button:visited {
    font-size: 11px;
}

.button:hover {
    background-color: #382E2C;
    color: #FFFFFF;
    text-decoration: none;
}
.button:active {
    top: 1px;
}

.button, .button:visited, .medium.button, .medium.button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.button, .button:visited {
    background: url("../images/alert-overlay.png") repeat-x scroll 0 0 #70625f;
    font-family: HelveticaNeueLtCn, Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.blue.button, .blue.button:visited {
    background-color: #2DAEBF;
}

.blue.button:hover {
    background-color: #007D9A;
}

.red.button, .red.button:visited {
    background-color: #E33100;
}

.red.button:hover {
    background-color: #872300;
}

.green.button, .green.button:visited {
    background-color: #B8D30B;
}

.green.button:hover {
    background-color: #809208;
}

.brown.button, .brown.button:visited {
	background-color: #70625F;
}

.brown.button:hover {
	background-color: #382E2C;
} 

.admin_menu {
	/*background-color: #FBFBFB;	*/
	background-color: #70625f;
	-webkit-box-shadow: 0px 2px 2px 0px #B5B0AF;
	-moz-box-shadow: 0px 2px 2px 0px #B5B0AF;
	box-shadow: 0px 2px 2px 0px #B5B0AF; 
	padding: 5px; 	
}

#adminmenu {
	font-size: 1.0em;
}

#adminmenu li {
	display: inline;
	padding: 10px 5px;
	color:#fff;
}

#adminmenu li a {
	color:#fff;
}

#adminmenu li a:hover,
#adminmenu li a.active {
	color:#382E2C;
}

.admintable {
	width: 100%;
	font-size: 0.9em;
}
.tabitem .admintable {
	background-color: #FFF;
}

.admintable td {
	/*border: 1px solid red;*/
}

.admintable a {
	font-weight: normal;
	color: #7C5D4A;
}

a.icons {
	width: 32px; height: 32px;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-right: 5px;
}

/* ICONS */
.admintable a.edit {
	background: url('../images/icons/edit-4.png') no-repeat 0 0;
}

.admintable a.delete {
	background: url('../images/icons/edit-delete-2.png') no-repeat 0 0;
}

.admintable a.online {
	background: url('../images/icons/dialog-apply.png') no-repeat 0 0;
	float: left;
}

.admintable a.offline {
	background: url('../images/icons/dialog-cancel-3.png') no-repeat 0 0;
	float: left;
}

.admintable a.up {
	background: url('../images/icons/go-up-5.png') no-repeat 0 0;
	width: 22px; height: 22px;
	float: left;
}

.admintable a.down {
	background: url('../images/icons/go-down-5.png') no-repeat 0 0;
	width: 22px; height: 22px;
	float: left;
}

a.upload_images {
	background: url('../images/icons/insert-image-3.png') no-repeat 0 0;
	width: 48px; height: 48px;
	margin-right: 20px;
}

.tabitem .upload_button {
	float: right;
	margin-bottom: 20px;
	height: 60px;
}

.admintable th {
	color: #c4c4c4;
}

.tabitem .admintable th {
	color: #544846;
}

.admintable th, .admintable td {
	padding: 10px;	
}

.admintable tr.row0,
.tabitem .admintable tr.row0:hover {
	background-color: #f7f7f7;	
}

.tabitem .admintable tr.row1:hover {
	background-color: transparent;
}

.admintable tr.head, .admintable tr.row {
    border-bottom: 1px solid #ededec;	
}

.tabitem .admintable tr.head, .tabitem .admintable tr.row {
    border-bottom: 1px solid #B5B0AF;	
}

.admintable tr.row:hover {
    background-color: #f2efea;
}

.admintable tr.current1 td {
	font-weight: bold;	
}

.admintable tr.status0 td {
	font-style: italic;	
}

.admintable span.extra {
	font-size: 0.8em;	
}

.float_left {
	float: left;
	margin-right: 20px;		
}

.float_right {
	float: right;	
}
.actions {
	float: right;	
	padding-top: 5px;
}

.editmenu {
	margin-left: 18px;
	margin-top: 1em;
}

.editmenu li {
	list-style: disc;
	padding-bottom: 0.4em;
}

.editmenu li span.small {
	font-size: 0.8em;
}

.editmenu li ul {
	margin-left: 18px;
	padding-top: 0.4em;
}

.editmenu li ul li {
	list-style: circle;
}

.editmenu span.disable {
	font-style: italic;
	color: #c4c4c4;	
}

.edittabs {
	
}

/*- Menu Tabs --------------------------- */
.edittabs {
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
}
.edittabs ul {
	margin:0;
	list-style:none;
}
.edittabs li {
     float: left;
     margin:0;
     padding: 0px;
     padding-left: 2px;
}
.edittabs li:first-child {
	padding: 0px;
}
.edittabs a {
     float:left;
     margin:0;
     padding:0 0 0 4px;
     text-decoration:none;
     border: 1px solid #eaeaea;
	 border-bottom: none;
	 -moz-border-radius-topleft: 5px;
	 border-top-left-radius: 5px;
	 -moz-border-radius-topright: 5px;
	 border-top-right-radius: 5px;
	 position: relative; top: 0px; left: 0px;
   	 z-index: 0;
}
.edittabs a span {
     float:left;
     display:block;
     padding:5px 15px 4px 6px;
     color:#7C5D4A;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.edittabs a span {float:none;}
/* End IE5-Mac hack */

.edittabs a:hover,
.edittabs a.active {
   background-color: #F2EFEA;
   border-color: #C7C7C7;
   border-bottom: 1px solid #F2EFEA;
   position: relative; top: 0px; left: 0px;
   z-index: 10;
}

.edittabs a:hover span,
.edittabs a.active span {
   color:#544846;
}

.tabitem {
	background-color: #f2efea;
	padding: 20px;
	margin-bottom: 50px;
	border: 1px solid #c7c7c7;
	margin-top: -1px;
	z-index: 5;
}

.tabitem input#project_date {
	width: 150px;
	float: left;
}

.tabitem .ui-datepicker-trigger {
	width: 24px; height: 24px;
}

#ui-datepicker-div {
	z-index: 20;
}

.ui-datepicker {
	font-size: 0.8em;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year  {
	height: 22px;
	padding-top: 3px;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 0.9em;
}

.ui-datepicker table {
	font-size: 0.8em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 0.9em;	
}

.tabitem.hidden {
	visibility: hidden;
	position: absolute;
	top: -1px; left: 0px;
	height: 0px;
}

.tabitem.visible {
	visibility: visible;
	position: relative;
	top: -1px; left: 0px;
	height: auto;
}

.tabitem h4:first-child {
	margin-top: 0px;
}

.tabitem h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #B5B0AF;
	width: 100%;
	padding-bottom: 7px;
}

.edititem {
	background-color: #f2efea;
	padding: 20px;
	margin-bottom: 50px;
	border: 1px solid #B5B0AF;
}

.uploaditem h4 {
	border-bottom: 1px solid #B5B0AF;
	padding-top: 20px;
	width: 100%;
	margin-bottom: 20px;
}

.savemenu {
	float: right;	
}

.savemenu li {
	display: inline;
	padding-left: 5px;	
}

/* ++++++++++ EDIT IMAGES ++++++++++ */
.image_container {
	width: 800px;
	height: 340px; 
	display: block;
}

/* ++++++++++ UPLOAD IMAGES ++++++++++ */
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 1px solid #E5E5E5;
	font-size: 0.8em;
	margin-top: 5px;
	padding: 10px;
	width: 260px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel a{
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #95b851;
	height: 10px;
	width: 1px;
}
/************************************************************/
div#center.narrow {
	width:600px;
}
div#left.width {
	width:315px;
}
/********************************************************/
#multi_upload {
	width: 300px;
	float: left;
	padding: 0px 20px 0 0;
	border-right: 1px solid #B5B0AF;
}

div#multi_upload object,
div#multi_upload p 	{
	
}

div#multi_upload #requirements {
	margin: 0 0 1em 0;
	padding-bottom: 0.7em;
	width: 280px;
}

div#multi_upload #requirements h4 {
	width: 250px;	
}

div#multi_upload h3{
	color:red;
	padding: 5px;
}
div#multi_upload div#file_uploadQueue{
	margin-top:20px;
	display:none;
}
div#multi_upload div#file_uploadQueue .uploadifyQueueItem{
	margin-bottom:5px;
}
div#multi_upload div#status-message{
	margin:20px 0px 20px 0px;
	font-size: 1em;
	line-height:18px;
	color: #307009;
	display: none;
}
div#button_box {
	position:relative; top:0px; right:0px;
	width: 280px;
}
p#upload_tooltip{
	position:absolute; top: 10px; right: -85px;
	border:1px solid #B5B0AF;
	padding:5px; 
	background:#fff;
	display:none;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}
/* die alte mono upload form */
div.upload_form {
	display:none;
}
div#multi_upload a#multi_upload_button {
	float:right;
	width: 120px; height:23px;
	padding:7px 0px 0px 0px;
	text-align:center;
	background:#575757;
	display:block;
	position:relative; top:0px; right:0px;
	color:white; font-size:12px; text-transform:uppercase;
	opacity:0.4;
	cursor:default;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	font-family: Verdana;
	text-decoration: none;
}
div#multi_upload a#multi_upload_button.activated{
	cursor:pointer;
	opacity:1;
}

div#uploaded_images {
	float: left;
	width: 450px;
	height: auto;
	min-height: 150px;
	padding-left: 20px;
}

div#uploaded_images h4 {
	width: 200px;
	padding-bottom: 0.5em;
}

div#images_new .edit_container {
	float: left;
	margin-bottom: 20px;
	width: 220px;
}

div#images_new .edit_container .clip {
	width: 210px;
	height: 100px;
}

div#images_new .edit_container .edit_title {
	padding-top: 5px;
}

div#images_new .edit_container .edit_title .input {
	width: 202px;
}

.edit_container .del_container {
	margin-bottom: 5px;
}

.edit_container .del_container a.delete {
	background: url('../images/cancel.png') no-repeat 0 0;
	width: 210px;
	padding-left: 20px;
	font-size: 0.8em; 
	min-height: 20px;
	word-wrap: break-word;
	height: auto;
}

#uploaded_images .savemenu {
	position: absolute;
	bottom: 99px;
	right: 40px;
	margin-top: 30px;
}