591 lines
13 KiB
CSS
591 lines
13 KiB
CSS
/*
|
|
http://jigsaw.w3.org/css-validator/validator
|
|
http://www.w3.org/TR/CSS21/syndata.html#color-units
|
|
*/
|
|
|
|
font.hd { /* Überschrifteinstellungen */
|
|
font-family : Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 17px;
|
|
font-weight : bold;
|
|
color : #002276;
|
|
}
|
|
|
|
.sh { /* Subheader */
|
|
font-weight : normal;
|
|
font-size : 12px;
|
|
color : rgb(101, 101, 101);
|
|
font-family : Arial,Helvetica,sans-serif;
|
|
}
|
|
|
|
li { /* Aufzählungen */
|
|
font-weight : normal;
|
|
font-size : 12px;
|
|
font-family : Arial,Helvetica,sans-serif;
|
|
}
|
|
|
|
|
|
.formdesc {
|
|
padding-left : 10px;
|
|
width : 33%;
|
|
color : rgb(255, 255, 255);
|
|
background-color : rgb(146, 155, 171);
|
|
font-weight : bold;
|
|
}
|
|
|
|
.login {
|
|
background-color : #f1f2f6;
|
|
}
|
|
|
|
|
|
a {
|
|
font-family : verdana, arial;
|
|
font-weight : normal;
|
|
color : #000066;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
margin-top : 10px;
|
|
margin-bottom : 10px;
|
|
font : 12px Arial;
|
|
color : #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
font-family : verdana, arial;
|
|
font-size : 9pt;
|
|
color : #000000;
|
|
}
|
|
|
|
|
|
h1 {
|
|
font-family : verdana, arial;
|
|
font-size : 16pt;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h2 {
|
|
font-family : verdana, arial;
|
|
font-size : 16pt;
|
|
color : #0D7377;
|
|
}
|
|
|
|
|
|
.uberschrift {
|
|
font-family : verdana, arial;
|
|
font-size : 12pt;
|
|
font-weight : bold;
|
|
color : #006699;
|
|
}
|
|
|
|
|
|
.bemerkung {
|
|
font-family : verdana, arial;
|
|
font-size : 8pt;
|
|
font-weight : bold;
|
|
color : #FF0000;
|
|
text-transform : uppercase; /* Großbuchstaben */
|
|
}
|
|
|
|
|
|
.farbe { /* Hintergrundsfarbe im Titel bei Export Word, Aushänge */
|
|
background-color : #6487DC;
|
|
}
|
|
|
|
|
|
.contentfarbe { /* Hintergrundsfarbe in Tabellen bei Inhalten */
|
|
background-color : #DEDEDE;
|
|
}
|
|
|
|
|
|
.titel { /* Kopfframe */
|
|
font-weight : bold;
|
|
text-decoration : none;
|
|
font-family : verdana, arial;
|
|
font-size : 16pt;
|
|
color : #FFFFFF;
|
|
}
|
|
|
|
|
|
.footer { /* Fußzeile (Copyright) */
|
|
text-decoration : none;
|
|
font-family : verdana, arial;
|
|
font-size : 8pt;
|
|
}
|
|
|
|
|
|
.nav_link { /* Hyperlinks in der Navigation */
|
|
text-decoration : none;
|
|
font-family : verdana, arial;
|
|
font-size : 8pt;
|
|
height : 13pt;
|
|
}
|
|
|
|
|
|
.nav_head { /* Überschriften in der Navigation */
|
|
font-weight : bold;
|
|
text-decoration : none;
|
|
font-family : verdana, arial;
|
|
font-size : 9pt;
|
|
}
|
|
|
|
|
|
|
|
.nextprev:link, .nextprev:visited {
|
|
background-color: #D6DFF7;
|
|
color: black;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
padding: 20px 5px 20px 5px;
|
|
}
|
|
.nextprev:active, .nextprev:hover {
|
|
background-color: #6487DC;
|
|
color: #FFFFFF;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
padding: 20px 5px 20px 5px;
|
|
}
|
|
|
|
.nextprevdet:link, .nextprevdet:visited {
|
|
background-color: #D6DFF7;
|
|
color: black;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
padding: 1px;
|
|
}
|
|
.nextprevdet:active, .nextprevdet:hover {
|
|
background-color: #6487DC;
|
|
color: #FFFFFF;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
padding: 1px;
|
|
}
|
|
|
|
.button_left:link, .button_left:visited {
|
|
background-color: #D6DFF7;
|
|
color: black;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: left;
|
|
padding: 1px;
|
|
}
|
|
.button_left:active, .button_left:hover {
|
|
background-color: #6487DC;
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 8pt;
|
|
text-align: left;
|
|
padding: 1px;
|
|
}
|
|
|
|
|
|
/*++++++++++++++++++++++ Meine Eigenen CSS +++++++++++++++++++++++++++++*/
|
|
|
|
.navbar { /* Nav-Leiste in Titel-Frame */
|
|
font-family : Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 16px;
|
|
}
|
|
.navbar:link { font-weight:normal; color:gray; text-decoration:none; }
|
|
.navbar:visited { font-weight:normal; color:gray; text-decoration:none; }
|
|
.navbar:focus { font-weight:normal; color:black; text-decoration:none; }
|
|
.navbar:hover { font-weight:normal; color:black; text-decoration:none; }
|
|
.navbar:active { font-weight:normal; color:gray; text-decoration:none; }
|
|
|
|
|
|
.leiste-o {
|
|
font-family : Verdana;
|
|
font-size : 18px;
|
|
font-weight : bold;
|
|
color : white;
|
|
height : 29px; /* Höhe des ../images *
|
|
padding : 0 0 0 5px;
|
|
margin : 0 10px 0 0px; /* Rand oben rechts unten links */
|
|
background : url('../images/leiste-o.png') no-repeat;
|
|
}
|
|
|
|
.leiste-o span {
|
|
display : block;
|
|
height : 29px;
|
|
/*margin-top:-5px;*/
|
|
padding : 6px 0 0 15px;
|
|
background : url('../images/leiste-o-right.png') no-repeat right 0;
|
|
}
|
|
|
|
|
|
|
|
/* Accordion Menu */
|
|
|
|
.accordion2 {
|
|
width: 225px;
|
|
}
|
|
|
|
.accordion2 h3 {
|
|
width:250px;
|
|
height:30px;
|
|
padding:5px 0 0 15px;
|
|
margin:0 0 0 10px;
|
|
background:url('../images/accord/item.png') no-repeat;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color:rgb(100,100,100);
|
|
cursor:pointer;
|
|
}
|
|
|
|
.accordion2 > h3:hover {
|
|
background:url('../images/accord/mo-item.png') no-repeat;
|
|
}
|
|
|
|
.accordion2 span {
|
|
display:block;
|
|
height:30px;
|
|
margin-top:-5px;
|
|
padding:6px 0 0 15px;
|
|
background:url('../images/accord/item-right.png') no-repeat right 0;
|
|
}
|
|
|
|
.accordion2 span:hover {
|
|
background:url('../images/accord/mo-item-right.png') no-repeat right 0;
|
|
}
|
|
|
|
.accordion2 ul{ /*CSS for UL of each sub menu*/
|
|
list-style-type: none;
|
|
margin: 0;
|
|
display: none;
|
|
}
|
|
|
|
.accordion2 ul li a {
|
|
width:230px;
|
|
display:block;
|
|
height:30px;
|
|
background:url('../images/accord/item.png') no-repeat;
|
|
padding:5px 0 0px 20px; /* Abstand Text Submen?> pading oben, rechts, unten, links*/
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color: #A70303;
|
|
text-decoration: none;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.accordion2 ul li a:hover {
|
|
background:url('../images/accord/mo-item.png') no-repeat;
|
|
}
|
|
|
|
.accordion2 ul li a span {
|
|
display:block;
|
|
height:30px;
|
|
margin-top:-5px;
|
|
padding:6px 0 0 0px;
|
|
background:url('../images/accord/item-right.png') no-repeat right 0;
|
|
}
|
|
|
|
.accordion2 ul li a:hover span {
|
|
background:url('../images/accord/mo-item-right.png') no-repeat right 0;
|
|
}
|
|
|
|
.accordion2 ul {
|
|
margin: 0;
|
|
padding: 10px 15px 20px;
|
|
display: none;
|
|
}
|
|
|
|
li.abstand {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*********************** Animated Tabs ************************/
|
|
/*Credits: Dynamic Drive CSS Library */
|
|
/*URL: http://www.dynamicdrive.com/style/ */
|
|
|
|
|
|
.animatedtabs{
|
|
/*border-bottom: 1px solid gray;*/
|
|
overflow: hidden;
|
|
width: 100%;
|
|
font-size: 14px; /*font of menu text*/
|
|
}
|
|
|
|
.animatedtabs ul{
|
|
list-style-type: none;
|
|
margin: 0;
|
|
margin-left: 10px; /*offset of first tab relative to page left edge*/
|
|
padding: 0;
|
|
}
|
|
|
|
.animatedtabs li{
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.animatedtabs a{
|
|
float: left;
|
|
position: relative;
|
|
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
|
|
background: url(../images/tabs/tab-blue-left.gif) no-repeat left top;
|
|
margin: 0;
|
|
margin-right: 3px; /*Spacing between each tab*/
|
|
padding: 0 0 0 9px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.animatedtabs a span{
|
|
float: left;
|
|
position: relative;
|
|
display: block;
|
|
background: url(../images/tabs/tab-blue-right.gif) no-repeat right top;
|
|
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
|
|
font-weight: normal;
|
|
color: grey;
|
|
}
|
|
|
|
/* Commented Backslash Hack hides rule from IE5-Mac \*/
|
|
.animatedtabs a span {float:none;}
|
|
/* End IE5-Mac hack */
|
|
|
|
/* Änderung hier by Ali */
|
|
.animatedtabs a.selected {
|
|
background-position: 0 -125px;
|
|
top: 0;
|
|
}
|
|
|
|
/* und hier by Ali*/
|
|
/* Format für ausgewaehlten Tab */
|
|
.animatedtabs a.selected span{
|
|
background-position: 100% -125px;
|
|
color: black;
|
|
font-weight: normal;
|
|
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
|
|
top: 0;
|
|
}
|
|
|
|
.animatedtabs a:hover{
|
|
background-position: 0% -125px;
|
|
top: 0;
|
|
}
|
|
|
|
.animatedtabs a:hover span{
|
|
background-position: 100% -125px;
|
|
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
|
|
top: 0;
|
|
}
|
|
|
|
|
|
|
|
/******************* Feld in Patronenliste **********************/
|
|
.pat_list_box {
|
|
font-size : 12px;
|
|
padding : 10px;
|
|
border : 1px solid gray;
|
|
/*border-top-color : transparent;*/
|
|
border-top : none;
|
|
margin-top : 0px;
|
|
margin-left : 10px;
|
|
margin-right : 10px;
|
|
margin-bottom : 0px;
|
|
background : url(../images/box-u.png) repeat-x left bottom;
|
|
}
|
|
|
|
.tab_box {
|
|
font-size : 12px;
|
|
height : 27px;
|
|
padding-top : 10px;
|
|
border : 1px solid gray;
|
|
border-top : none;
|
|
border-bottom : none;
|
|
margin-top : 0px;
|
|
margin-left : 10px;
|
|
margin-right : 10px;
|
|
margin-bottom : 0px;
|
|
background : url(../images/tab-box-u.png) repeat-x left bottom;
|
|
}
|
|
|
|
|
|
|
|
/************************** Scuarebutton ********************************/
|
|
|
|
/*Credits: Dynamic Drive CSS Library */
|
|
/*URL: http://www.dynamicdrive.com/style/ */
|
|
|
|
a.squarebutton_blue{
|
|
background: transparent url('../images/button/square-blue-left.gif') no-repeat top left;
|
|
display: block;
|
|
font: normal 12px Arial; /* Change 12px as desired */
|
|
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
|
|
height: 23px; /* Height of button background height */
|
|
padding-left: 9px; /* Width of left menu image */
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:link.squarebutton_blue, a:visited.squarebutton_blue, a:active.squarebutton_blue{
|
|
color: #494949; /*button text color*/
|
|
}
|
|
|
|
a.squarebutton_blue span{
|
|
background: transparent url('../images/button/square-blue-right.gif') no-repeat top right;
|
|
display: block;
|
|
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
|
|
}
|
|
|
|
a.squarebutton_blue:hover{ /* Hover state CSS */
|
|
background-position: bottom left;
|
|
}
|
|
|
|
a.squarebutton_blue:hover span{ /* Hover state CSS */
|
|
background-position: bottom right;
|
|
color: black;
|
|
}
|
|
|
|
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
|
|
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* by Ali */
|
|
|
|
#ajax_listOfOptions{
|
|
position:absolute;
|
|
width:198px;
|
|
height:200px;
|
|
overflow:auto;
|
|
border:1px solid #6487DC;
|
|
background-color:#FFF;
|
|
text-align:left;
|
|
font-family : verdana, arial;
|
|
z-index:10000;
|
|
font-size : 11px;
|
|
}
|
|
#ajax_listOfOptions div{
|
|
margin:1px;
|
|
padding:1px;
|
|
cursor:pointer;
|
|
font-size:0.9em;
|
|
|
|
}
|
|
#ajax_listOfOptions .optionDiv{ // Div for each item in list
|
|
|
|
}
|
|
#ajax_listOfOptions .optionDivSelected{ // Selected item in the list
|
|
background-color:#D6DFF7;
|
|
color:#002276;
|
|
font-weight : bold;
|
|
}
|
|
#ajax_listOfOptions_iframe{
|
|
background-color:#F00;
|
|
position:absolute;
|
|
z-index:500;
|
|
}
|
|
|
|
|
|
/* Textfeldformatierung stammen von: http://www.web-toolbox.net/webtoolbox/css/css-formularfeld.htm#ixzz1EmDPi3Ti */
|
|
.eingabe_search {
|
|
font-family : Verdana,Arial,Helvetica,sans-serif;
|
|
font-weight : bold;
|
|
color : #002276;
|
|
font-size : 11px;
|
|
border : none;
|
|
border-top : 1px dotted #0050A0;
|
|
border-bottom : 1px dotted #0050A0;
|
|
background-color : #FFFFFF;
|
|
width : 170px;
|
|
padding : 3px;
|
|
}
|
|
|
|
|
|
.header {
|
|
background: url(../images/left.png) no-repeat;
|
|
font-family : Verdana;
|
|
font-size : 18px;
|
|
font-weight : bold;
|
|
color : #FFFFFF;
|
|
padding : 0px 0 0 14px;
|
|
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
|
}
|
|
|
|
.header div {
|
|
background: url(../images/right.png) top right no-repeat;
|
|
padding-right: 13px;
|
|
}
|
|
|
|
.header div div {
|
|
background: url(../images/center.png) repeat-x;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* Pflichtfeldverletzung */
|
|
.errorTable
|
|
{
|
|
BORDER-RIGHT: #9F0004 1px solid;
|
|
BORDER-TOP: #9F0004 1px solid;
|
|
BORDER-LEFT: #9F0004 1px solid;
|
|
BORDER-BOTTOM: #9F0004 1px solid;
|
|
FONT-SIZE: 9px;
|
|
background-color: #E2E1E1;
|
|
}
|
|
|
|
.errorField
|
|
{
|
|
BORDER-RIGHT: #9F0004 1px solid;
|
|
BORDER-TOP: #9F0004 1px solid;
|
|
BORDER-LEFT: #9F0004 1px solid;
|
|
BORDER-BOTTOM: #9F0004 1px solid;
|
|
background-color: #FFFFCC;
|
|
}
|
|
|
|
|
|
.vvsuccess
|
|
{
|
|
BORDER-RIGHT: #9F0004 2px solid;
|
|
BORDER-TOP: #9F0004 2px solid;
|
|
BORDER-LEFT: #9F0004 2px solid;
|
|
BORDER-BOTTOM: #9F0004 2px solid;
|
|
FONT-SIZE: 9px;
|
|
background-color: #E2E1E1;
|
|
}
|
|
|
|
|
|
|
|
.gutachten_antwort
|
|
{
|
|
BORDER-RIGHT: #dfec17 1px solid;
|
|
BORDER-TOP: #dfec17 1px solid;
|
|
BORDER-LEFT: #dfec17 1px solid;
|
|
BORDER-BOTTOM: #dfec17 1px solid;
|
|
FONT-SIZE: 9px;
|
|
background-color: #E2E1E1;
|
|
}
|
|
|
|
.aformlink{
|
|
text-decoration: none;
|
|
border-bottom: 1px dotted red;
|
|
background-image: none;
|
|
padding-left: 0;
|
|
} |