/** BASIC */

html, body {
}

body {
	background:url(/media/components/bg.png) repeat-x;
	background-color:#FFF;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#999;
	}


/** WRAPPER */

#wrapper {
	padding-top: 10px;
}

/** POSITIONING */

#frame {
	width: 670px;
	height: auto;
	margin: 0px auto;
	background-color:#FFF;
	border:1px solid #9bd5df;
	position:relative;
}

#header {
	position:absolute;
	top:30px;
	left:20px;
}

#navigation {
	position:absolute;
	top:145px;
	left:53px;
	width:110px;
	height:300px;
	display:none;
}

#content {
	margin:100px 20px 0px 20px;
	padding: 0 10px 10px 0;
	width:630px;
	min-height:400px;
	height:auto !important;  /* für moderne Browser */
  	height:400px;  /*für den IE */
}	

#footer {
	width:670px;
	margin:0px auto;
	text-align:right;
	padding: 5px 40px 0 0;
}

/** LAYOUT */
h1 {
	font-size:18px;
	color:#9bd5df;
	line-height:25px;
	text-transform:capitalize;
}

#navigation ul {
	padding:0px;
	margin:0px;
}

#navigation li {
	list-style:none;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#999;
}

a:hover {
	color:#333;
}

table {
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#999;
 }
 
 #message {
	text-align:center;
	padding:3px;
	border:1px solid #9bd5df;
	background-color:#9bd5df;
	color:#FFF;
	font-weight:bold;
 }

 .screenshown {
	display:none;
 }
 
 /** FORM */
form input, textarea {
    border: 1px solid #9bd5df;
    background:#fff;
	width:300px;
	color:#999;
}

form fieldset input {
	width:auto;
}

form .date {
	width:80px;
}
form .position {
	width:40px;
}
.button {
    border: 1px solid #9bd5df;
    background: #fff;
	width:auto;
}
.button:hover {
    border: 1px solid #9bd5df;
    background: #9bd5df;
}

label {
    display: block;
	padding-bottom:2px;
	padding-top:5px;
}

fieldset label {
	display:inline;
}

fieldset {
    border: 1px solid #9bd5df;
	width:300px;
	padding:5px;
}

br { clear: left; }

/** FOTOGALERIE **/

/* Fotos */

.thumbwrap {
	margin: 0;
	padding:0;
	text-align:left;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 15px 15px 0px;
	padding: 0;
	text-align:center;
}
.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 119px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	border:1px solid #9bd5df;
}
/* IE7? \*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 119px;
	height: 119px;
}
/**/

.thumbwrap img {
	vertical-align: middle;
}
.thumbwrap a:hover {
	background-color: #9bd5df;
	border:1px solid #9bd5df;
}
/*\*//*/
.thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
.thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 119px;
	width: 1px;
}
/**/
.thumbwrap .caption {
	display: block;
	float:right;
	padding: 5px 5px;
	w\idth: 450px;  /* Moz, IE6 */
}
@media all and (min-width: 0px) {
	.thumbwrap  {
		border-collapse: collapse;
	}
	.thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	.thumbwrap {
		display: inline-block; 
	}
}


* html .thumbwrap li {
	width: 121px;
	w\idth: 119px;
	display: inline;
}
* html .thumbwrap {
	height: 0;
	he\ight: auto;
	display: inline;
}
* html .thumbwrap li .wrimg {
	display: block;
	width: auto; 
	height: auto;
}
* html .thumbwrap .wrimg span {
	vertical-align: middle;
	height: 119px;
	zoom: 1;
}

/** AUTOCOMPLETE */
.autocomplete-w1 { background:url(/media/components/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#9bd5df; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong {  }

/** GALLERY **/


#gallery_sort {
	list-style:none;
    cursor:move;
	padding:0;
}

.gallery {
	list-style:none;
	padding:0;
}

#gallery_sort li, .gallery li {
	padding:5px;
	margin:2px;
	border:1px solid #9bd5df;
}

/* Uploader */
/* -- Form Styles ------------------------------- */
form {	
	margin: 0;
	padding: 0;
}



div.fieldset {
	border:  1px solid #9bd5df;
	margin: 10px 0;
	padding: 20px 10px;
}

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


input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label { 
	width: 150px; 
	text-align: left; 
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt;
	vertical-align: top;
}

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

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #9bd5df;
	background-color: #FFF;
	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 #9bd5df;
	background-color: #9bd5df;
}

.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;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/media/components/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;
}