@import url("ROPAIT/stylesheet.css");
  @import url("ROPAREG/stylesheet.css");
    @import url("GARA/stylesheet.css");
                     
                                
/*normalisierung*/
ul, ol, li, dl, dt, dd {
  /*display: block;*/
  padding: 0;
  margin: 0;
}
 
li {
  /*display: list-item; */
  margin-left: 0;
}
  nav,                     
  nav ul,
  nav li {          
    list-style: none; 
    margin: 0; 
    padding: 0;
    border: 0;
  }
  
  a:active, a:focus {outline: none;}
  
  html, body{
  height:100%
}
/* Dieser Teil verhindert, das eine Border oder ein Padding, die Box vergrößert.
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
  
/*  Normalisierung */


 /* --------------------Grundelemente-------------------- */


 html, body {
    height: 100%;
}
   
#tablo {
	width: 1300px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	height: auto;
}


#menu {
	position: absolute;
	width: 295px;
	/*height: 385px;*/
	height: auto;
	z-index: 20;
	top: 220px;
	left: 150px; 
	
	/*float: left;
	/*visibility: visible;
	background-color:rgba(222,214,6,0.4);/*
	border-radius: 10px;
	clip: rect(auto,auto,auto,15px);
	border: 2px solid #2F5468;*/
		}

#content {
	position: absolute;
	width: 705px;
	height: auto;
	z-index: 2;
	visibility: visible;
	top: 150px;
	left: 505px;
	margin-left: 0px;
	padding-bottom: 100px;
	
	/*
	background-color:rgba(222,0,6,01)*/
}

#passbild {
	position: absolute;
	width: 286px;
	height: 443px;
	left: 0px;
	top: 10px;
	z-index: 5;
	background-image: url(../Bilder/passbild.jpg);
	border-radius: 2px;
	border-style: solid;
	border-color: #C4191A;	
}

#widcont {
	position: absolute;
	left: 150px;
	top: 770px;
	z-index: 7;
	width: 286px;	/*background: #C4191A url(../Bilder/passbild.jpg) repeat-y left top;*/
}
#widget01 {
	z-index: 2;
	margin-bottom: 50px;
}
#widget02 {
	z-index: 3;
}


#vertline {
	position: absolute;
	left: 458px;
	top: 160px;
	z-index: 7;
	width: 3px;
	background-color: #C4191A;
	height: 1340px;	
	/*background-color: rgba(20,50,111,0.4)*/

}

#leftline {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
	width: 90px;
	/*background: #C4191A url(../Bilder/passbild.jpg) repeat-y left top;*/
	background-color: #C4191A;
	height: 1500px;
}

#rightline {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9;
	width: 20px;
	background-color: #C4191A;
	height: 1500px;
}


#footprint {
	position: fixed;
	width: 1300px;
	height: 60px;
	bottom: 0px;
	z-index: 8;
	background-color: #FFF;
	font-family: ROPAREG;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: center;
	text-decoration: none;
	line-height: 60pt;
	letter-spacing: 0pt;
}




/* --------------------Hauptmenue Buttons-------------------- */

#logo {
	height: 89px;
	width: 336px;
	background-image: url(../Bilder/RL-home.png);
	position: absolute;
	left: 125px;
	top: 32px;
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
}
#bar01 {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/RL-bar01.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	top: 0px;
	left: 145px;
/*	hover: url(../Bilder/RL-bar02.png)  */
}
#bar01:hover {
background-image: url(../Bilder/RL-bar01hov.png);}

/*#bar01:focus {
background-image: url(../Bilder/RL-bar05.png);}
*/

#bar02 {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/RL-bar02.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	left: 145px;
}
#bar02:hover {
background-image: url(../Bilder/RL-bar02hov.png);}



#bar03 {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/RL-bar03.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	left: 290px;
}
#bar03:hover {
background-image: url(../Bilder/RL-bar03hov.png);}



#bar04 {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/RL-bar04.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	left: 435px;    
}
#bar04:hover {
background-image: url(../Bilder/RL-bar04hov.png);}


/*
#bar05 {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/RL-bar05.png);
	z-index: 15;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	left: 580px; 
}
#bar05:hover {
background-image: url(../Bilder/RL-bar05hov.png);}
*/




/* --------------------Hauptmenue-------------------- */

 
	#main {
	width: 720px;
	height: 26px;
	position: absolute;
	left: 500px;
	top: 74px;
	z-index: 5;
    	/*Die zeile macht die kleinen Striche weg
	clip: rect(20px,auto,auto,auto);     */
	}

    ul#main_nav {
	text-align: left;
	list-style-type: none;
	margin: 0px;
	position: relative;
	left: 0px;
	}

    ul#main_nav li {
	margin: 0px;
	background-position: left;
	vertical-align: text-top;
	list-style: none;
	margin-top: 0px;
	display: inline-block;
	}

   






/* --------------------kleine Buttons Kontakt, Impressum-------------------- */
.impress {
	/*display: inline-block;*/
	text-align: right;
	font-family: SourceSansPro;
	font-size: 10pt;
	font-style: normal;
	line-height: 10pt;
	text-transform: none;
	color: #836c51;
	text-decoration: none;
	letter-spacing: 0.5pt;
	position: absolute;
	top: 105px;
	right: 90px;
	z-index: 5;
	padding-left: 8px;
	cursor: pointer;
	}
	
.impress:hover {
	border-radius: 0px;
	font-weight: bolder;
	letter-spacing: 0pt;
	text-shadow: 0px 0px 2px #981711;;

		/*display: block*/
}	

.impress:focus {
	border-radius: 0px;
	/*display: block*/
}

.contact {
	/*display: inline-block;*/
	text-align: right;
	font-family: SourceSansPro;
	font-size: 10pt;
	font-style: normal;
	line-height: 10pt;
	text-transform: none;
	color: #836c51;
	text-decoration: none;
	letter-spacing: 0.5pt;
	position: absolute;
	top: 135px;
	right: 90px;
	z-index: 5;
	padding-left: 8px;
	cursor: pointer;
	}
	
.contact:hover {
	border-radius: 0px;
	font-weight: bolder;
	letter-spacing: 0pt;
	text-shadow: 0px 0px 2px #981711;;

}

.daten {
	/*display: inline-block;*/
	text-align: right;
	font-family: SourceSansPro;
	font-size: 10pt;
	font-style: normal;
	line-height: 10pt;
	text-transform: none;
	color: #836c51;
	text-decoration: none;
	letter-spacing: 0.5pt;
	position: absolute;
	top: 120px;
	right: 90px;
	z-index: 5;
	padding-left: 8px;
	cursor: pointer;
	}
	
.daten:hover {
	border-radius: 0px;
	font-weight: bolder;
	letter-spacing: 0pt;
	text-shadow: 0px 0px 2px #981711;;

}

.minilogo {
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-top: 20px;
}




/* --------------------Untermenue-------------------- */

ul#navigation {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	height: auto;
	text-align: left;
	}

    ul#navigation li {
	margin: 0px;
	background-position: left;
	text-align: left;
	padding-bottom: 8px;
	padding-left: 11px;
	font-size: 12pt;
	font-family: GARA;
	font-style: normal;
	line-height: 14pt;
	letter-spacing: 1pt;
	}

    ul#navigation li a:link {
	text-align: left;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-right: 0px;
	text-transform: none;
	color: #000000;
	text-decoration: none;
    }

    ul#navigation li a:hover {
	text-shadow: 0px 0px 2px #981711;
	display: inline-block;
	border-radius: 10px;
	color: #981711;
	
  }

	ul#navigation li a:focus {
	text-shadow: 0px 0px 1.5px #981711;
	display: inline-block;  
	color: #981711;
	border-radius: 10px;
	  
  }






/* --------------------Untermenuelinien-------------------- */

.menu_line {
	border : none;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00598b;
}

#menu_line_00 {
	border :none;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00598b;
}
#menu_line_01 {
	border :none;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00598b;
}






/* --------------------Inhaltsbox-------------------- */

.content_titel {
	font-family: ROPAREG;
	font-size: 17pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: left;
	text-decoration: none;
	line-height: 20pt;
	letter-spacing: 2pt;
}
.content_oben {
	font-family: ROPAREG;
	font-size: 12pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.5pt;
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 0px;
}
.content_unten {
	font-family: GARA;
	font-size: 12pt;
	font-style: normal;
	line-height: 15pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.7pt;
	padding-left: 15px;
	padding-right: 10px;
	margin-top: 20px;
}

.content_untertitel {
	font-family: GARA;
	font-size: 12pt;
	font-style: normal;
	line-height: 15pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.7pt;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 5px;
	max-width: 400px;
}

.content_line {
	border : none;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 20px;
	margin-left: -5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #981711;
}

/* --------------------Links-------------------- */

ul#link {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	height: auto;
	text-align: left;
	}

    ul#link li {
	margin: 0px;
	background-position: left;
	text-align: left;
	padding-bottom: 8px;
	padding-left: 11px;
	font-size: 12pt;
	font-family: ROPAREG;
	font-style: normal;
	line-height: 14pt;
	letter-spacing: 1pt;
	}

    ul#link li a:link {
	text-align: left;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-right: 0px;
	text-transform: none;
	color: #000000;
	text-decoration: none;
    }

    ul#link li a:hover {
	text-shadow: 0px 0px 2px #981711;;
	display: inline-block;
	border-radius: 10px;
	color: #981711;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); 
  }

	ul#link li a:focus {
	text-shadow: 0px 0px 1.5px #981711;
	display: inline-block;  
	color: #981711;
	border-radius: 10px;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );	  
  }




#anwalt {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/anwalt.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	top: 0px;
	left: 145px;
/*	hover: url(../Bilder/RL-bar02.png)  */
}
#anwalt:hover {
background-image: url(../Bilder/anwalthov.png);}


#Kosten {
	height: 26px;
	width: 140px;
	background-image: url(../Bilder/Kosten.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	top: 0px;
	left: 145px;
/*	hover: url(../Bilder/RL-bar02.png)  */
}
#Kosten:hover {
background-image: url(../Bilder/Kostenhov.png);}


#Vorfaellig {
	height: 26px;
	width: 240px;
	background-image: url(../Bilder/Vorfaellig.png);
	z-index: 5;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	top: 0px;
	left: 145px;
/*	hover: url(../Bilder/RL-bar02.png)  */
}
#Vorfaellig:hover {
background-image: url(../Bilder/Vorfaellighov.png);}





/* --------------------Absatzvorgaben-------------------- */

.menu_titel {
	font-family: ROPAIT;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: left;
	text-decoration: none;
	line-height: 0pt;
	letter-spacing: 0pt;
}

.gericht {
	font-family: ROPAIT;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: left;
	text-decoration: none;
	line-height: 0pt;
	letter-spacing: 0pt;
}

.gewicht {
	font-family: ROPAREG;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #981711;
	text-align: left;
	text-decoration: none;
}