/* 
https://jigsaw.w3.org/css-validator/validator 
https://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			:	#277DA8;
}


.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:195px;
    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:170px;
    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: https://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: https://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: https://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: https://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;
     }