/*
	Tenti.ch-Style
	August / September 2006
	by Cobolt Net Services, Martin Roth
	www.cobolt.net
*/

/* 
Tenti-Schrift-Grün-Annäherung: #339966
Tenti-Logo: #339933
Top-Balken: #FFFF99
Navi-Aktiv: #FFFF99



Grün Navi aktiv: #2A844C

Color dotted line: 999999
*/ 

/* ## General Styles ## */
body {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:101%;
	background-color:#FFFFFF;
}

h1 {
	background-color:#FFFF99;
	padding:4px;
	padding-left:8px;
	height:12px; 
	margin:0px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#339966;
}

h2, contentSubtitel {
	font-size:12px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:5px;
	margin:0px;
}

a {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	/*color:#666666;*/
}	

.input {
	padding:0px;
	margin:0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	border-width: 1px;
	color: #2A844C;
	padding-left:1px;
}
.inputNr {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	border-width: 1px;
	color: #2A844C;
	text-align:right;
}

.button {
	padding:0px;
	margin:0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2A844C; 
	border-width: 1px;
	background: #FFFF99;
}

.button:hover {
	border-color:#2A844C;
}

.smalltxt{
	font-size:9px;
	font-style:italic;
}
.smalltxtgrey{
	font-size:9px;
	font-style:italic;
	color:#999999;
}

/* messages */
.errormsg{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:15px;
	width:80%;
	padding:5px 20px 5px 20px;
	color:#111111;
	background-color:#FFFF99;
	border: 2px solid #FF0000; /*#F5A300;*/
	clear:left;
	float:left;
}

.successmsg{
	margin-left:20px;
	margin-top:30px;
	margin-bottom:25px;
	width:80%;
	padding:5px 20px 5px 20px;
	color:#111111;
	background-color:#FFFF99;
	border: 2px solid #009933;  /*#E6C801;*/
}

#faultyRow {
	color:#111111;
	background-color:#F0DF6C;
	border: 2px solid #E6C801;
}

.error{
	margin:2px;
	padding:5px;
	color:#111111;
	background-color:#FFDB93;
	border: 2px solid #F5A300;
}


/* ## Desing-Styles ## */
.mainTbl {
	border: #999999 dotted 1px;

}

.contentSeparatorTL{
	border-top: #999999 dotted 1px;
	border-left: #999999 dotted 1px;
}

.contentSeparatorTR{
	border-top: #999999 dotted 1px;
	border-right: #999999 dotted 1px;	
}

.contentSeparatorT{
	border-top: #999999 dotted 1px;
}

.naviVL {
	border-left: #999999 dotted 1px;
}

.naviVR {
	border-left: #999999 dotted 1px;
}

#content { /* tabellenzelle */
	vertical-align:top;
	background-color:#FFFFFF;
	border-left: #999999 dotted 1px;		
	padding-left:2px;
	
	border-right: #999999 dotted 1px;
}

.mediaVR {
	border-right: #999999 dotted 1px;
}

.contentBL{
	border-left: #999999 dotted 1px;
	border-bottom: #999999 dotted 1px;	
}

.contentBR{
	border-right: #999999 dotted 1px;
	border-bottom: #999999 dotted 1px;	
}

.contentB{
	border-bottom: #999999 dotted 1px;
}

/* ## Header ## */

.topBalken {
	height:18px; 
	background-color:#FFFF99;
	margin-bottom:4px;
	margin-top:4px;
}

.topNavi {
	height:15px; 
	background-color:#FFFF99;
	margin-bottom:4px;
	margin-left:4px;
	margin-top:4px;
	text-align:right;
	padding-top:3px;
	text-transform:uppercase;
}

.logoBalken {
	width:950px;
	padding:0px;
	margin:0px;
}

.tentiLogo {
	border:0px;
	margin-bottom:2px;
}

.headerImg {
	border:0px;
	margin-bottom:2px;	
}



/* ## Navigation ## */
#navi {
	vertical-align:top;
	font-size:11px;
	width:190px;
	background-color:#FFFFFF;
	padding-right:4px;
}

.navi {	/* div über ganze navi */
	width:188px;
}

.navibutton {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFF99; 
	border-width: 1px;
	background: #2A844C;
	border-color:#2A844C;
}

.navibutton:hover {
	border-color:#FFFF99;
}


.naviHline {
	height:4px; 
	/*background-image:url(/images/design/separator_navi.png); 
	background-repeat:no-repeat; 
	background-position:bottom;
	*/
	border-bottom: #999999 dotted 1px;
}

/* :: closed submenu :: */
.menuClosed {
	clear:left;
	float:left;	
	width:100%;
	/*
	background-image:url(/images/design/separator_navi.png);
	background-repeat:no-repeat;
	background-position:bottom;	
	*/
	border-bottom: #999999 dotted 1px;
}

.menuClosed h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;	
	padding:4px;
	padding-left:8px;
	margin-bottom:4px;
	margin-top:4px;
}

.menuClosed ul {
	display:none;

}

/* :: open Submenu :: */
.menuOpen {
	clear:left;
	float:left;	
	width:100%;
	border-bottom: #999999 dotted 1px;
	/*
	background-image:url(/images/design/separator_navi.png);
	background-repeat:no-repeat;
	background-position:bottom;*/
	/* z-index:0; */
}

.menuOpen h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;	
	padding:4px;
	padding-left:8px;
	margin-bottom:4px;
	margin-top:4px;
	background-color:#FFFF99;
}

.menuOpen ul {
	padding-top:1px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	margin:0px;
	list-style:none;
	list-style-position:outside;
	color:#339966;
	line-height:140%;
}

#subnaviActive a{
	color:#2A844C;
}


/* ## Content ## */

.content { /* div-container über content */
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	font-size:11px;
}

.content a {
	color:#2A844C;
	font-weight:500;
}

.content a:hover{
	color:#999999;
	font-weight:500;
}

.content h1 {
	width:538px;
	height:12px; 	
}

.contentMain {
	padding-left:8px;
	padding-right:8px;
}

.contentP {
	clear:left;
	float:left;
}

.contentBox {
	clear:left;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.toolbar{
	float:right;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:10px;
	text-align:right;
	line-height:150%;
}
.toolbarFull{
	clear:left;
	float:left;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:10px;
	text-align:right;
	line-height:150%;
	width:530px;
}

.contentSeparator {
	/*
	background-image:url(/images/design/separator_black.png);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
	border-bottom: #999999 dotted 1px;
	clear:left;
	float:left;
	width:100%;
	height:10px;
	margin-bottom:10px;
}

.contentSeparatorGrau {
	/*
	background-image:url(/images/design/separator_grau.png);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
	border-bottom: #999999 dotted 1px;
	clear:left;
	float:left;
	width:100%;
	height:10px;
	margin-bottom:10px;
}

/* content Table */
.contentTable {
	font-size:11px;
	float:left;
	clear:both;
}
.contentTable td{
	padding:2px;
}
.contentTableTitle{
	font-weight:bold;
	color:#666666;
	background-image:none;
	border-bottom: 1px solid #999999;	
}
.contentTableSeparator td{
	background-image:url(/images/design/separator_black.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
	padding-top:5px;	
}
.contentTableSeparatorGrau td{
	background-image:url(/images/design/separator_grau.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
	padding-top:5px;	
}
#contentTableUnderline{ /* depreceated */
	background-image:none;
	border-bottom: thin solid #999999;
}
#contentTableTopline{
	border-top: thin solid #999999;
}
#contentTableMarked{
	background-color:#00CC66;
}
#contentTableFooter{
	padding-top:10px;
	font-weight:bold;
	color:#666666;
	border:none;
}

.subtitel{ /* tabellentitel, textuntertitel */
	font-weight:bold;
	color:#2A844C;
}

.bottomSpacer{
	clear:left;
	float:left;
	padding-bottom:15px;
}

/*
.contentSeparator {
	background-image:url(/images/design/separator_black.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
*/

.contentSeparator td {
	padding-top:15px;
	padding-bottom:15px;
}

.content ul{
	list-style-type:none;
}

/* ## Media ## */
#media {
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	/*
	padding:5px; */
}
.media { /* div ber media */
	margin-left:4px;
	margin-right:2px;	
}

.mediaTab{
/*	width:200px;*/
	padding:0px;
	margin:0px;
	clear:left;
	float:left;
	width:190px;
	height:24px;
}

/* :: closed Tab :: */
a.mediaTab{
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:3px;
	background-color:#FFFF99;
	width:190px;	
	color:#000;
	font-weight:normal;
}
a:hover.mediaTab{
	color:#2A844C;
}

/* :: offenes Tab :: */
a.mediaTabOffen{
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:4px;
	background-color:#FFFF99;
	width:190px;	
	
	color:#2A844C;
	font-weight:normal;
}
a:hover.mediaTabOffen{
	color:#000000;
}

/* :: permanent offenes Tab :: */
a.mediaTabOffenPermanent{
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:4px;
	background-color:#FFFF99;
	width:190px;	
	color:#2A844C;
	font-weight:normal;
	cursor:default;
}
a:hover.mediaTabOffenPermanent{
	cursor:default;
}


.mediaBox{
	clear:left;
	float:left;
	font-size:10px;	
	text-align:left;
	display:none;	
	margin-bottom:3px;
	margin-left:3px;
	width:190px;
	color:#999999;
}

.mediaBox td {
	padding-left:1px;
}
.mediaBox thead td {
	font-weight:bold;
	color:#999999;
	border-bottom:1px solid #999999;
}

.mediaBox a{
	color:#999999;
	font-weight:lighter;
}
.mediaBox a:hover {
	color:#2A844C;
}




/* :: Login Box :: */
#loginBox {
	width:188px;;
	margin-top:15px;
	padding-top:10px;
	float:left;
	clear:left;
}

#loginBox div{
	padding:5px;
	width:178px;
	background-color:#FFFF99;		
}

#loginBox p{
	padding:2px;
	margin:0px;
}

/* ## Tooltips ## */
.tooltipHeader  { /*tooltipHeader */
	width:180px;
	background:#FFFFCF;/*#FFFF99;*/
	font-size:9px;
	font-weight:bold;
	border:1px solid #2A844C;
	border-bottom:none;
	padding:1px;
}
.tooltipBody { /*tooltipBody*/
	width:180px;	
	background:#FFFFCF;/*#FFFF99;*/
	font-size:9px;
	border:1px solid #2A844C;
	padding:1px;	
}
/*
Navi-Aktiv: #FFFF99



Grün Navi aktiv: #2A844C
*/