/* VIVOMEDIA (v1), Start: 21.06.2008 */
/* VIVOMEDIA (v2), Start: 22.01.2009 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { font-family: Arial, Helvetica, sans-serif; color: #7cb736; background: #fff /*url(../img/bg.png) repeat-y center top*/; }
body {text-align:left;}

#content { margin: 0 2em; }


h1, h2, h3, h4 { font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; line-height: 1.2em; margin-bottom: .5em; letter-spacing: -.05em; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.2em; }

* html table { width: 94%; } /* IE6 */

/* POSITION
----------------------------------------------------------------------------------------------------  */
#wrapper, #header, /*#body, */#footer, #content, .wrap { position: relative; }


/* LAYOUT
----------------------------------------------------------------------------------------------------  */
* html #wrapper { background-image: none; } /* IE6 */

.wrap { margin: auto; height: 115px;}
.template { width: 900px; }


#logo { top: 30px; left: 15px; z-index: 1; }
#logo img { background-image: none; }
#logo h1 { text-indent: -999em; }
#logo h1 em { display: none; }

/* MEINS */
#header {background-color: #5c6d75; width: 100%; height: 100px; }
#header img {padding:2em;}

th { background-color: #929da1; padding:0 5px; vertical-align:middle; border: thin solid #fff; color: #fff; }
td { background-color: #ececec; padding:0 5px; vertical-align:middle; border: thin solid #fff; }
tr { height:30px; }

.imageContainer { float: left; width: 260px; height: 280px; padding:0 10px 10px 0; }
.imageContainer .image {width: 250px; height: 250px; text-align: center; background-color: #ececec; display:table-cell; vertical-align:middle;}
.imageContainer .toolbar { width: 250px; }
.imageContainer .name { float: left; }
.imageContainer .action { float: right; }

.error { background-color:#929DA1; border:thin solid red; color:white; margin-bottom:1em; padding:1em;}
.msg { background-color:#929DA1; border:thin solid #7CB736; color:white; margin-bottom:1em; padding:1em;}
.msg a img { vertical-align: middle }
.msg a, .msg a:ACTIVE , .msg a:VISITED  { color: #fff; }

.hidden { display: none !important; }
.inline { display: inline-block; border:0; margin:0; }

.project-actions .ui-progressbar { position:relative; height:1.3em; }
.project-actions .ui-progressbar > .label { position:absolute; top:5px; right:5px; font-size:.8rem; }

#projects-table tr:nth-of-type(even) td { background-color:#dddddd; }
#projects-table tr:hover td { background-color:#f8f8c0; }

div.thumb {
  width:250px;
  height:250px;
}

/* FOOTER */
/*#wrapper { min-height: 100%; } */
/* #footer {background-color:#929DA1; color:#5283CC; margin:-115px auto auto auto; overflow:hidden; text-align:left; clear: left; } */
#footer {background-color:#929DA1; color:#5283CC; text-align:left; clear: left; margin-top: 5em; }
#footer .wrap { padding: 0 2em; color: #fff; }
#footer .wrap .footerText { padding-top: 2em; }
#footer .wrap p { padding-bottom: 1em;}

.toolbar { padding: 1em 0; }
.toolbar img { vertical-align: middle; }
.toolbar a, .toolbar a:ACTIVE , .toolbar a:VISITED  { color: #7cb736; }
.toolbar a { padding-right: 1em; }

/* FORM
----------------------------------------------------------------------------------------------------  */

label { color: #fff; font-size: 1.1em; text-transform: uppercase; display: block; }
legend { display: none; }

input, select, textarea { color: #fff; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; background: #7CB736; border: 0; margin-bottom: 1em; width: 20em; }
input[type=text],input[type=password], textarea { padding: .2em; }
input[type=text]:focus,input[type=password]:focus, textarea:focus { color: #fff; background: #929DA1; }
textarea { overflow: auto; overflow-x: hidden; height: 8em; }
select { width: 20.9em; }

input[type=hidden] { display: none; }
input[type=checkbox], input[type=radio] { width: auto; height: auto; border: none; }

input[type=submit] { color: #fff; font-size: 1.4em; background: #7CB736; width: 10em; height: 1.6em; line-height: 1.6em; }
input[type=submit]:hover { background: #929DA1; }