/*	
	autor : this be tofus - maxomedia ag
	datum : juli 2005
	verwendung : hexel
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =xhtml */

body  {
	margin : 0;
	padding : 0;
	font : 10px/12px verdana,arial,sans-serif;
	color : #5B5B5B;
	background : #FFF;
}


h2 {
	margin : 0 0 24px 0;
	padding : 0;
	font-size : 11px;
	color : #FC0;
}


h3 {
	margin : 0 0 12px 0;
	padding : 0;
	font-size : 11px;
	color : #F00;
}

ul,
li {
	margin : 0;
	padding : 0;
}

p {
	margin : 0 0 18px 0;
	padding : 0;
}

p.delimiter {
	height : 1px;
	line-height : 1px;
	border-bottom : 1px dashed #FC0;
}

p.note {
	margin : 0 0 9px 0;
    padding : 0;
}

p.notedelimiter {
	margin : 0 0 9px 0;
    padding : 0;
	height : 1px;
	line-height : 1px;
	border-bottom : 1px dashed #FC0;    
}

.delimitertext {
	height : 14px;
	font-weight : bold;
	padding: 3px 8px 2px 4px;
	text-transform : uppercase;
    text-align: left;
    background : #FFF url(../_gfx/bg_schraffur_gelb.gif) top left;
    border-bottom : 1px solid #A6A6A6;
    line-height : 14px;
}

.delimitertext img {
	vertical-align : top;
	margin-top : 2px;
}

p.delimitertextmapping {
	height : 14px;
	font-weight : bold;
	padding: 3px 8px 1px 4px;
	text-transform : uppercase;
    text-align: right;
    background : #FFF url(../_gfx/bg_schraffur_blau.gif) top left;
    border-bottom : 1px solid #A6A6A6;
}

td {
	vertical-align : top;
}

img {
	border : 0;
}

#frm_login input {
	margin-bottom : 15px !important;
}

#frm_Upload input {
	margin-bottom : 15px !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =seitenaufbau */

div#main-container {
	position : relative;
	width : 85%;
	margin : 40px auto 0;
	padding : 0;
}

div#header {
	position : relative;
	margin : 0 0 8px 0;
	padding : 0;
}

div#logo-container {
	position : relative;
	margin : 0 10px 0 0;
	padding : 0;
	text-align : right;
	font-size : 26px;
	font-weight : bold;
	color : #000;
}

div#logo-container a, a:hover {
	color : #000;
	text-decoration : none;
}

div#logo-container span {
	font-size : 11px;
	font-weight : normal;
	padding-left : 5px;
}

div#body {
	position : relative;
	margin : 0;
	padding : 0;
	border : 1px solid #FFF;
}

div#colum-left {
	position : absolute;
	top : 0;
	left : 0;
	width : 250px;
	margin-top : 1px;
	padding : 0;
	background : #F6F6F6 url(../_gfx/bg_schraffur.gif) top left;
}

div#colum-right {
	position : relative;
	margin : 0 0 0 270px;
	padding : 10px;
	background : #F6F6F6 url(../_gfx/bg_schraffur.gif) top left;
}

div#mainnav-container {
	position : relative;
	margin : 10px;
	padding : 10px 14px 10px 14px;
	background-color : #FFF;
	border : 1px solid #A6A6A6;
}

div#statusbar-container {
	position : relative;
	margin : 0 0 10px 0;
	padding : 2px 20px;
	background-color : #FFF;
	border : 1px solid #A6A6A6;
}

div#content-container {
	position : relative;
	margin : 0 0 10px 0;
	padding : 20px;
	background-color : #FFF;
	border : 1px solid #A6A6A6;
	border-width : 0px 1px 1px 1px;
}

div#operations-container {
	position : relative;
	margin : 0;
	padding : 10px 20px;
	background-color : #FFF;
	border : 1px solid #A6A6A6;
}

div#tabs-container {
	position : relative;
	margin : 10px 0 0 0 ;
	padding : 10px 20px;
	background-color : #FFF;
	border : 1px solid #A6A6A6;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =tabular table */

table.tabular {
	margin : 0 0 9px 0;
	padding : 0;
}

table.tabular th {
	margin : 0;
	padding : 2px 0 4px;
	text-align : left;
	border-bottom : 1px solid #A6A6A6;
}

table.tabular th a {
	margin : 0;
	padding : 0 0 0 16px;
}

table.tabular th a.order_0 {
	background : url(../_gfx/icon_order_asc.gif) no-repeat center left;
}

table.tabular th a.order_1 {
	background : url(../_gfx/icon_order_desc.gif) no-repeat center left;
}	

table.tabular td {
	margin : 0;
	padding : 2px 0;
	border-bottom : 1px solid #D6D6D6;
}

table.tabular input.cbx {
    border : 0;
    margin : 0;
}

table.tabular select {
    margin : 0;
}

.hilite td {
	background-color : #FC0;
	cursor : pointer;
}

.hiliteSelector td {
	color : #FFF;
	background-color : #DB3342;
	cursor : pointer;
}

table.tabular tr.last td {
	border-bottom : 1px solid #A6A6A6;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =selector */

select#selector {
	width : 120px;
	margin : 0 0 0 10px;
	color : #FFF;
	background-color : #DB3342;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =mainnav */

ul#mainnav {
	margin : 0;
	padding : 0;
}

ul#mainnav li {
	margin : 0 0 5px 0;
	padding : 0;
	list-style : none;
}

ul#mainnav li.groupSpace {
	margin : 1;
	padding : 0;
	font-size : 0;
}

ul#mainnav li a {
	margin : 0;
	padding : 0 0 0 15px;
	font-weight : bold;
	color : #5B5B5B;
	background : url(../_gfx/icon_mainnav.gif) no-repeat center left;
}

ul#mainnav li a.inline {
	margin : 0;
	padding : 0;
	background : none;
	font-weight : normal;
}

ul#mainnav li a.active {
	background : url(../_gfx/icon_mainnav_active.gif) no-repeat center left;
}

ul#mainnav li a.activeSelector {
	background : url(../_gfx/icon_mainnav_selector.gif) no-repeat center left;
}

ul#mainnav li a.function {
	background : url(../_gfx/icon_option.gif) no-repeat center left;
}

ul#mainnav li a.view {
	background : url(../_gfx/icon_view.gif) no-repeat center left;
}

ul#mainnav li a.view_active {
	background : url(../_gfx/icon_view_active.gif) no-repeat center left;
}

div#mainnav-container p.title {
	margin : 0 0 10px 0;
	padding-bottom: 3px;
	font-size : 10px;
	font-weight : bold;	
	color : #5B5B5B;
	text-transform : uppercase;
	border-bottom : 1px solid #D6D6D6;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =tab */

ul#tab {
	position : relative;
	margin : 0;
	padding : 0;
	background : url(../_gfx/bg_border.gif) repeat-x bottom left;
}

ul#tab li {
	margin : 0 5px 0 0;
	padding : 0;
	float : left;
	list-style : none;
	font : 10px/12px verdana,arial,sans-serif;
	background : url(../_gfx/bg_tab_left.gif) no-repeat top left;
	border-bottom : 1px solid #A6A6A6;
}

ul#tab li.empty {
	width : 100%;
	height : 0;
	margin : 0;
	padding : 0;
	line-height : 0;
	font-size : 0;
	border-bottom : 1px solid #A6A6A6;
}

ul#tab li.active {
	background : url(../_gfx/bg_tab_left_active.gif) no-repeat top left;
	border-bottom : 1px solid #FFF;
}

ul#tab li.selector span, 
ul#tab li.selector a {
	color: #DB3342;
}

ul#tab li a,
ul#tab li span {
	margin : 0 0 0 2px;
	padding : 5px 15px 4px 13px;
	display : block;
	font-weight : bold;
	color : #5B5B5B;
	background : url(../_gfx/bg_tab_right.gif) no-repeat top right;
}

ul#tab li.active a,
ul#tab li.active span {
	background : url(../_gfx/bg_tab_right_active.gif) no-repeat top right;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =filelist */

div#filelist-container {
	width: 288px;
	height : 300px;
	margin : 0;
	padding : 1px 0 0 0;
	overflow : auto;
	border : 1px solid #A6A6A6;
	/*background : url(../_gfx/bg_filelist.gif) repeat-y top right; */
}

ul#filelist {
	width : 270px;
	margin : 0;
	padding : 0;
}

ul#filelist li {
	margin : 0;
	padding : 3px 4px;
	list-style : none;
	cursor: pointer;
	border-bottom: 1px solid #D6D6D6;
}

ul#filelist li a {
	margin : 0;
	padding : 2px 0 2px 20px;
	background : no-repeat center left;
}

ul#filelist li.active {
	background-color: #FFEE88;
}

ul#filelist li.selected {
	background-color: #FC0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =progress bar */

iframe#progressbar {
	position : relative;
	margin : 10px auto 0;
	padding : 0;
	width : 350px;
	height : 65px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =forms */

form {
	margin : 0;
	padding : 0;
}

label {
	margin : 0 0 6px 0;
	padding : 2px 4px;
	display : block;
	font-weight : bold;
	background-color : #F1F1F1;
	border : 1px solid #A6A6A6;
}

input,textarea {
	margin : 0;
	padding : 2px 4px;
	font : 10px/12px verdana,arial,sans-serif;
	color : #5B5B5B;
	border : 1px solid #E1E1E1;
}

input:focus, textarea:focus {
	border : 1px solid #A6A6A6;
}

select {
	margin : 1px 0 0 0;
	padding : 2px 4px;
	font : 10px/12px verdana,arial,sans-serif;
	color : #5B5B5B;
	border : 1px solid #A6A6A6;
}

input.btn {
	margin-left : 4px;
	padding : 1px 4px 0;
	font-weight : bold;
	background-color : #F1F1F1;
	border : 1px solid #A6A6A6;
}

input.btnSelector {
	margin-left : 4px;
	padding : 1px 4px 0;
	font-weight : bold;
	color : #FFF;
	background-color : #DB3342;
	border : 1px solid #A6A6A6;
}

div#operations-container input.btn {
	margin : 0 10px 0 0;
}

input.checkbox {
	margin : 0;
	width : 30px;
	border : none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =links */

/* text */
a:link {
	text-decoration : none;
	color : #06A;
}

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

a:hover {
	text-decoration : underline;
	color : #06A;
}

a:active {
	text-decoration : none;
	color : #06A;
}

a.icon {
	margin : 0;
	padding : 0 0 0 16px;
	background : no-repeat center left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =clearfix */

.clearfix:after {
    content : "."; 
    display : block;
	clear : both;
    height : 0; 
    line-height : 0;
	font-size : 0;
    visibility : hidden;
}

/* hides from IE-Mac \*/
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}
/* end hide from IE-Mac */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =MUESCHTU CSS */

iframe {
	border : 0;	
}

.span_charlen {
	font-weight : normal;
}

span.btn {
	float : right;
	line-height : 0;
	font-size : 0;
}

image.lowsrc {
	background : url(../_gfx/loading.gif) no-repeat top left;
}

table#info {
	margin-bottom : 10px;
}

table#info td {
	padding : 2px 10px 0 0;
}

table#info td img {
	margin-top : 2px;
}

table#info td.title {
	font-weight : bold;
	color : #5B5B5B;
}

/* ----  SHOUT FUNKTION ---- */

div#shout-container {
	position : absolute;
	top : 200px;
	left : 600px;
	display : none;
}

div#shout-content {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 3;
	width : 200px;
	height : 150px;
	margin : 0;
	padding : 0;
	background-color : #FFF;
	border : 1px solid #AAA;
}

div#shout-content h1 {
	margin : 0 0 14px 0;
	padding : 2px 4px;
	font : bold 10px/12px verdana,arial,sans-serif;
	background-color : #FC0;
	border-bottom : 1px solid #A6A6A6;
}

div#shout-content input.btn {
	margin-left : 10px;
	background-color : #FC0;
}

div#shout-shadow {
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 2;
	width : 200px;
	height : 150px;
	margin : 0;
	padding : 0;
}

div#shout-shadow img,
div#screen-disabled img {
   behavior : url(/_hexel/_inc/pngbehavior.htc);
}

p#shout-text {
	margin-left: 10px;
}

div#screen-disabled {
	position : absolute;
	z-index : 1;
	display : none;
	top : 0;
	left : 0;
	width : 900px;
}

li.grouplabel {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-weight : bold;
	padding : 5px 0 !important;
    background : #FFF url(../_gfx/bg_schraffur_hellhellrot.gif) top left;
}

div.fieldcomment input {
	margin-bottom : 0;
}

div.fieldcomment p {
	margin : 5px 0 0 0 !important;
	line-height : 10px;
	width : 100%;
}

div.fieldcomment p.comment {
	margin-bottom : 10px !important;
	line-height : 16px;
	padding-left : 20px;
	background : url(../_gfx/icon_error.gif) 0 0 no-repeat;
}

div#fckfullcontainer {
	margin : 0;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 9999;
	position : absolute;
    background : url(../_gfx/fckoverlaybg.png) top left;
	display : none;	
}

div#fckfullcontainercontrol
{
	border : 1px solid #000;
	position : relative;
	left : 15%;
	top : 15%;
}

div#fckfullcontainercontrol a {
	position : relative;
	float : left ;
	font-weight : bold;
	margin : 3px 5px 0 5px;
	border : 1px solid #ccc;
	padding : 2px 5px;
	color : #000;
}

div#fckfullcontainercontrol a:hover {
	border : 1px solid #000;
	text-decoration : none;
}

div#fckeditorfull {
}

div#fckeditorremote {
	height : 25px;
	background-color : #f7f8fd;
}

span.quicklabel {
	font-weight : bold;
	margin-right : 10px;
}

span.g7adminlogin {
	padding-left : 30px;
}

span.g7adminlogin a {
	background : url(/_gfx/icon_edit_html.gif) 10px 0 no-repeat;
	padding : 0 20px 0 10px;
	text-decoration : none;
}

span.g7adminlogin a:hover {
	background : url(/_gfx/icon_edit_html_on.gif) 10px 0 no-repeat;
}