/


/*	positioning */
    #lsoContent {  margin-left:0px;border:0px solid red;
    }
    #lsoContent	.borderLine{border: 1px solid #ccc;  }

    #lsoContent	hr{size:1px; color:#ccc; noshade:noshade}
    #lsoContent	label{color:#666; font-size:12px;}
    #lsoContent a {color:#333333;}
    #lsoContent a:hover  {color:#cc0000;}

/* no background in #textcontent, problems with IE 5.0*/
#textcontent {
    color: black;
    text-decoration: none;
    border:0px solid #fff;
    padding: 12px 12px 12px 12px;
    margin: 0px 0px 0px 0px;
    width:614px;
}
/* Textcontent for displaying third column in NHM-Search */
#nhmTextcontent {
    color: black;
    text-decoration: none;
    border:0px solid #fff;
    padding: 12px 12px 12px 12px;
    margin: 0px 0px 0px 0px;
    width:1145px;
}

#heading {
    vertical-align: top;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding: 0px 0px 18px 0px;
    margin-bottom:0px;
    white-space:nowrap;
}
#secondaryheading {
    vertical-align: top;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin-bottom:0px;
    white-space:nowrap;
    display:inline;
}


/* common button*/
#commonButton{
    color : #333333;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    border: solid 1px #999999;
    background-color: #dedede;
    padding: 1px 5px 1px 5px;
    margin: 0px 5px 0px 5px;
    height: 16px;
}
#commonButton:link{
    color : #333333;
    border: solid 1px #999999;
    background-color: #dedede;
}

#commonButton:visited {
    color : #333333;
    background-color: #dedede;
    border: solid 1px #999999;
}

#commonButton:hover {
    color : #cc0000;
    border: solid 1px #cc0000;
    background-color: #ffffff;
}
#commonButton:active {
    color : #cc0000;
    border: solid 1px #cc0000;
    background-color: #ffffff;
}

#commonButton:inactive {
    color : #999999;
    border: solid 1px #cccccc;
    background-color: #f5f5f5;
}

#commonButtonDisabled{
    color : #999999;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    border: solid 1px #cccccc;
    background-color: #f5f5f5;
    padding: 1px 5px 1px 5px;
    margin: 0px 5px 0px 5px;
    height: 16px;
}

#commonButtonDisabled:hover {
    color : #999999;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    border: solid 1px #cccccc;
    background-color: #f5f5f5;
    padding: 1px 5px 1px 5px;
    margin: 0px 5px 0px 5px;
    height: 16px;
}

/* added style */
input.myButton{

       color:#000000;
       background-color: #dedede;
       border-style:solid 1px;
       border: solid #999999 1px;
       font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
}

input.myButtonHover{
    color : #cc0000;
    border: solid #cc0000 1px;
    background-color: #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
}

#trashbin{
        width:14;
        height:14;
        background-image:url(../img/bin.gif);
}

#trashbin:hover{
        background-image:url(../img/bin_act.gif);
        }

/*	styles for errors and messages: */
    #errors {color:#ff0000; padding:0px 0px 0px 0px;}
    #errors a {color:#ff0000;}
    #errors ul {color:#ff0000;}
#messages{color:#333333; padding:0px 0px 0px 0px;}


/*	buttons of forms */
    /*  Typ4 - entspricht Typ3 mit definierter Breite
    Typ5 - Definition eines 3-dot-Buttons
    */
    #lsoContent input.buttonTyp3{font-size:11px; vertical-align:text-top; width:auto; border:1px solid #999; background-color: #dedede; color:#333; padding:0px 1px 0px 2px;margin:0px; cursor:pointer;}
    #lsoContent input.buttonTyp4{font-size:11px; vertical-align:text-top; width:80px; border:1px solid #999; background-color: #dedede; color:#333; padding:0px 1px 0px 2px;margin:0px; cursor:pointer;}
    #lsoContent input.buttonTyp5{font-size:16px; vertical-align:top;      width:20px; border:1px solid #999; background-color: #dedede; color:#333; padding:0px 1px 0px 2px;margin:0px; cursor:pointer; height:23px; font-weight:bolder;}
    #lsoContent input.buttonTyp6{font-size:11px; vertical-align:top; width:80px; border:1px solid #999; background-color: #dedede; color:#333; padding:0px 1px 0px 2px;margin:0px; cursor:pointer;}



    #selsmall	select{width:96px;}
    #selwide	select{width:230px;}
/*
    #liste	td{border:1px solid #999; padding-left:5px;}
    #liste	tr.bggrey{background-color:#e7e7e7;}
    #liste	td.bold{border:1px solid #999; font-weight:bold;}
    #lsoContent	tr.pad{padding:5px 0px 5px 0px;}
    #lsoContent	td.rightnopad{text-align:right; padding:0px 0px 0px 0px;}
    #lsoContent	td.nopad{padding-left:0px; padding-right:0px;}
    #lsoContent	td.center{text-align:center;}
    #lsoContent	td.pad{padding-left:10px;}
    #lsoContent	td.top{vertical-align:top;}
    #selwide	span{vertical-align:middle; padding-left:10px;} */


/* positioning for vtl (vertragsteilliste.jsp) */
    #liste	div.head{font-weight:bold; color:white; text-align:left; vertical-align:middle; padding:5px; border:1px solid black; margin:0px; background-color:#999;}
    #liste	div.stack{font-weight:bold; text-align:left; padding:5px; border:1px solid black; margin:0px; background-color:#e7e7e7;}
    #liste	div.stackeven{font-weight:bold; text-align:left; padding:5px; border:1px solid black; margin:0px;}
    #liste	div.insertstack{font-weight:normal; text-align:left; vertical-align:middle; padding:8px; background-color:#e7e7e7;}
    #liste	div.insertstackeven{font-weight:normal; text-align:left; vertical-align:middle; padding:8px; background-color:#ccc;}

    #liste	span.vtlid{}
/*	#liste	span.vtlvon{position:absolute; left:100px;}
    #liste	span.vtlbis{position:absolute; left:200px;} */
    #liste	span.vtltitel{position:absolute; left:300px;}

    #liste	span.vtlnr{}
    #liste	span.vtlstacktitel{position:absolute; left:40px;}

    #liste	span.vtlvertragnr{position:absolute; left:20px;}
    #liste	span.vtlvertrag{position:absolute; left:70px;}
/*	#liste	span.vtlvertragvon{position:absolute; left:280px;}
    #liste	span.vtlvertragbis{position:absolute; left:380px;} */
    #liste	span.vtlrolle{position:absolute; left:350px;}


/* Tabs dienen dem Umschalten zwischen Formularseiten */

.tabs {
    height: 24px;
    margin-bottom: 1px;
}
.tabs p {
    border-color: #666666;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 4px 5px 4px 6px;
    color: white;
    background-color: red;
    float: left;
    margin: 0px;
    height: 14px;
}
.tabs a {
    border-color: #666666;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    padding: 3px 5px 4px 6px;
    margin-top: 1px;
    background-color: #999999;
    color: black;
    text-decoration: none;
    float: left;
    height: 14px;
}
.tabs .lastborder { height: 23px; border-right: 1px solid #666666; margin-top: 1px; float: left;}
.tabs a:visited { color: black; text-decoration: none; }
.tabs a:hover { color: white; background-color: red; }
.tabs .shadow { height: 23px; width: 1px; background-color: #333333; margin-top: 1px; float: left;}
.breaker { clear: both; }
.right {float: right; display: inline;margin-top: 0px;}
.centered {text-align: center; }

thXXX { font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    /*background-color: #999999;*/
    background-color:#e7e7e7;
    color:#660000;
    text-decoration: none;
    text-align: center;
}

/*	Fuer TableHeader gibt es ebenfalls Formate, durch
    die bei Verwendung von tableheaderL, -M und -R (links,
    mitte, rechts) die korrekte Linienstruktur erzeugt wird.
    Beispiel:
        <tr>
            <th class="tableheaderL">Nr.</th>
            <th class="tableheaderM">Nachname</th>
            <th class="tableheaderM">Vorname</th>
            <th class="tableheaderR">Telefon</th>
        </tr>
*/
thXXX.tableheaderR {
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
}
thXXX.tableheaderL {
    border-left:2px solid #666666;
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
    border-right:1px solid #666666;
}
thXXX.tableheaderM {
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
}

#popupHeaderBar { background:#f01414; height:18px;}

input {
    height:18px;
    font-family:Arial;
    font-size:11px
}

#more {text-align:right;padding-top:5px;}


.scrollable {
	overflow:auto; 
	padding:0px;
	margin:0px;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.scrollableWithoutBorder {
	overflow:auto; 
	padding:0px;
	margin:0px;
	
}

.rahmen {
	border-width:1px;
	border-style:solid;
	border-color:#C0C0C0;
}

#tableOfInputFields td {padding-left:1px;padding-right:6px; border-right: 0px solid #aaaaaa;color:#333333;}

#pagination #pages a {	margin-right:3px;	margin-left:3px;color:#333333}
#pagination #pages {margin-left:17px;}
#pagination #pages {margin-right:17px;}
#pagination #pages #act {color:#FF0000;font-weight:bold;margin-left:3px;margin-right:3px;}
#pagination #inactive {color:#999999;}