/* hier sind feste Werte, definiert,
   um jedem Browser zu erklären, was zu tun ist
*/

table,th,td,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, sans-serif;
	outline:none;
}


.center
{	text-align:center;
}

.justify
{	text-align:justify;
}

.text_italic
{	font-style:italic;
}

html
{	height:100%;
}


body
{	height:100%;
	font-family: Verdana, arial, sans-serif;
	background-color:#efefef;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

.right
{	float:right;
}

.left
{	float:left;
}


/*	das layout selbst mit einer mindesthoehe von 100%	*/
#ra_layout
{	width:1000px;
	min-height:100%;
	background-image:url(/fileadmin/templates/img/ra_layout.png);
	background-repeat:repeat-y;
	position:relative;
	margin:auto;
}

* html #ra_layout
{	height:100%;
}

/* der linke Bereich */
.ra_left
{	float:right;
	width:345px;
	min-height:300px;
	overflow:hidden;
	background-image:url(/fileadmin/templates/img/ra_left.png);
	background-repeat:no-repeat;
	background-position:right 143px;
	padding-bottom:20px;
	font-size:12px;
}
/* Ueberschriften im linken Bereich */
.ra_left h3
{	font-weight:bold;
	font-size:13px;
	color:#000000;
	margin-top:18px;
	padding:0px 0px 0px 15px;
	background-image:url(/fileadmin/templates/img/ra_left_h3.png);
	background-repeat:no-repeat;
	background-position:left center;
	text-transform:uppercase;
	letter-spacing:4px;
}

/* links die in einem h3 tag verwendet werden */
.ra_left h3.ra_link
{	font-weight:bold;
	font-size:13px;
	color:#000000;
	margin-top:18px;
	padding:0px 0px 0px 0px;
	background-image:url(/fileadmin/templates/img/ra_left_h3.png);
	background-repeat:no-repeat;
	background-position:left center;
	text-transform:uppercase;
	letter-spacing:3px;
}

.ra_left h3.ra_link a,
.ra_left h3.ra_link a:link,
.ra_left h3.ra_link a:visited,
.ra_left h3.ra_link a:active
{	padding:0px 0px 0px 15px;
	text-decoration:none;
	display:block;
	color:#000000;
}

.ra_left	h3.ra_link a:hover,
.ra_left	h3.ra_link a:link.selected,
.ra_left	h3.ra_link a:visited.selected,
.ra_left	h3.ra_link a:active.selected,
.ra_left	h3.ra_link a.selected
{	color:#cc0000;
	background-image:url(/fileadmin/templates/img/ra_left_h3_a_hover.png);
	background-repeat:no-repeat;
	background-position:left center;
}

/* die Linklisten im linken Bereich */
.ra_left ul
{	list-style-type:none;
	list-style-position:outside;
	padding:8px 0px 0px 20px;
}

.ra_left ul li
{	width:100%;
	overflow:hidden;
	background-image:url(/fileadmin/templates/img/ra_left_li.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.ra_left ul li a,
.ra_left ul li a:link,
.ra_left ul li a:visited,
.ra_left ul li a:active
{	color:#000000;
	display:block;
	width:100%;
	padding:2px 0px 2px 12px;
	font-weight:bold;
	text-decoration:none;
}

.ra_left ul li a:hover,
.ra_left ul li a:link.selected,
.ra_left ul li a:visited.selected,
.ra_left ul li a:active.selected,
.ra_left ul li a.selected
{	color:#cc0000;
	background-image:url(/fileadmin/templates/img/ra_left_li_a_hover.png);
	background-repeat:no-repeat;
	background-position:left center;
}



/* der rechte Bereich */
.ra_main
{	float:right;
	width:640px;
	overflow:hidden;
	padding-top:143px;
	position:relative;
}

/* das verlinkte Logo */
#ra_home
{	position:absolute;
	left:212px;
	top:18px;
	background-image:url(/fileadmin/templates/img/logo.gif);
	height:50px;
	width:216px;
}

/* der Zugang zum Adminbereich */
a#ra_admin,
a#ra_admin:link,
a#ra_admin:visited,
a#ra_admin:active
{	position:absolute;
	right:5px;
	top:0px;
	color:#FFFFFF; /*#c0c0c0;*/
	font-size:9px;
	text-decoration:none;
}

a#ra_admin:hover
{	color:#cc0000;
}


/* der content selbst */
#ra_content
{	font-size:12px;
	min-height:600px;
	padding:22px 12px 0px 184px;
}


* html #ra_content
{	height:600px;
}

/* eine Linkliste im Contentbereich */
#ra_content ul
{	margin:0px 0px 0px 60px;
	list-style-type:square;
	list-style-position:outside;
}

#ra_content ul li
{	margin:2px 0px 0px 0px;
	font-size:13px;
	padding:0px 0px 10px 0px;
}

/* links im Contentbereich */
#ra_content a,
#ra_content a:link,
#ra_content a:visited,
#ra_content a:active
{	text-decoration:none;
	color:#000000;
}

#ra_content a:hover
{	color:#cc0000;
}

/* Überschriften im Contentbereich */
#ra_content h1
{	background-image:url(/fileadmin/templates/img/ra_content_h1.png);
	background-repeat:no-repeat;
	background-position:left 9px;
	font-weight:normal;
	font-size:18px;
	color:#000000;
	padding:0px 0px 10px 15px;
}


/* das linke obere Bild im content */
#picture_left
{	position:absolute;
	left:0px;
	top:143px;
}

/* das rechte Bild im content */
#picture_right
{	position:absolute;
	right:0px;
	top:218px;
}

.anwaelte p
{	padding:6px 0px 10px 20px;
	line-height:18px;
}

.anwaelte h2
{	font-size:14px;
	font-weight:bold;
	padding:0px 0px 0px 20px;
}

.anwaelte div#ra_content
{	padding:160px 260px 0px 132px;
	min-height: 400px;
}

.arbeit #ra_content h1 {
	font-size:14px;
	font-weight:bold;
}

.arbeit #ra_content p {
	padding:6px 0 10px 20px;
}

body.page_qualifikation #ra_content p {
	text-align: justify;
}
body.page_service #ra_content p {
	text-align: justify;
	padding-left: 0px;
}

.webakte_loginlink {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000 !important;
}
.webakte_links, .webakte_links a {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}
.webakte_links a:hover {
	color: #CC0000;
}

.webakte_infos h5 {
	margin: 22px 0px 22px 0px;
	font-size: 13px;
	font-weight: bold;
}


/* Seite: Startseite */
body.page_startseite .ra_main {
	padding-top: 425px;
}
body.page_startseite #ra_content {
	min-height: 200px;
	padding: 0px !important;
	text-align: center;
}
body.page_startseite #ra_content h1 {
	font-size: 16px !important;
	background-position: right 9px;
	padding: 0px 10px 0px 0px;
	display: inline;
}
body.page_startseite a.none {
	display: block;
	width: 185px;
	height: 76px;
}
/* Seite: Anfahrt */
body.page_kontakt_anfahrt .ra_main {
	padding-top: 100px;
}
body.page_kontakt_anfahrt #ra_content {
	padding-left: 137px !important;
}

/* Seite: Datenschutz */
body.page_kontakt_datenschutz #ra_content p {
	text-align: justify;
}