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

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


.center
{	text-align:center;
}

.justify
{	text-align:justify;
}


html
{	height:100%;
}


body
{	background-color:#545047;
	height:100%;
	font-size:1em;
	font-family:arial, sans-serif;
}

img
{	border-width:0px;
}
img.skizze {
	
	width: 451px;
	border: 1px solid #ccc;
	padding: 3px;
}
.rahmen {
	width: 420px;
	border: 1px solid #8A3C30;
	padding: 15px;
	
}
/*Presse*/
.teaser {
	width: 420px;
	border-top: 1px dotted #8A3C30;
	border-bottom: 1px dotted #8A3C30;
	background: #eee;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

p.datum {display: block;width: 30px;float: left;font-size: 0.8em; margin: 0 5px 0 5px;}
span.gross {font-size: 1.6em;color: #333;font-weight: bold;}
span.rot a {color: #AC3024 !important;font-weight: bold;font-style: normal;}

/*.Presse*/
.clear
{	clear:both;
}

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

.right
{	float:right;
}

.left
{	float:left;
}


address {
	font-style: normal;
	line-height: 1.2em;
	color: #333;
	}
	

/* die positionierung und der hintergrund des layouts */
#container
{	background-image:url(../img/container.png);
	margin:0px auto 0px auto;
	width:900px;
	min-height:100%;
	position:relative;
}

* html #container
{	height:100%;
}


/* der header */
#header_first
{	margin:0px 38px 0px 42px;
	background-image:url(../img/header_first_background.png);
	background-repeat:repeat-x;
	height:306px;
	position:absolute;
	top:0px;
	left:0px;
	width:820px;
}

#header
{	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:100%;
	width:100%;
	position:relative;
}

#header span
{	padding:13px 0px 0px 169px;
	color:#ffffff;
	display:block;
	font-size:0.8em
}

#header span strong
{	font-weight:normal;
	font-size:1.6em;
	letter-spacing:0.1em;
}

/* die Adresse im header */
#adress
{	color:#333;
	width:160px;
	font-size:0.8em;
	float:right;
	margin:67px 160px 0px 0px;
	display:inline;
	font-weight:bold;
	line-height:20px;
	height:80px;
}

/* der karteireiter links */
#karteireiter
{	position:absolute;
	left:0px;
	top:304px;
}

/* das Foto des Rechtsanwaltes */
#ra_croset
{	background-image:url(../img/portrait_croset_hell.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:100%;
}

* html #ra_croset
{	background-image:url(../img/portrait_croset.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:100%;
}

/* die erste navigation */
#first_navi
{	list-style-type:none;
	list-style-position:outside;
	border-right:1px solid #ffffff;
	position:absolute;
	top:79px;
	left:103px;
	background-image:url(../img/first_navi_ul.png);
	background-repeat:repeat-x;
	height:20px;
	float:left;
	overflow:hidden;
}

#first_navi li
{	background-image:url(../img/first_navi_li.png);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	border-width:1px 0px 0px 1px;
	border-color:#ffffff;
	border-style:solid;
}

#first_navi a,#first_navi a:link,
#first_navi a:visited,#first_navi a:active
{	display:inline;
	float:left;
	height:19px;
	padding:0px 6px 0px 6px;
	text-decoration:none;
	color:#ffffff;
	font-size:0.75em;
	line-height:19px;
	font-weight:bold;
}

#first_navi a:hover,#first_navi a#first_navi_active
{	background-color:#AC3124;
}

.home ul li.home a,
.presse ul li.presse a,
.impressum-kontakt ul li.impressum-kontakt a,
.download ul li.download a,
.anwalt ul li.anwalt a,
.gebuehren ul li.gebuehren a,

.abmahnung ul li.abmahnung a,
.abmahnung-an ul li.abmahnung a,
.abmahnung-an-angebot ul li.abmahnung a,
.abmahnung-an-selbsthilfe ul li.abmahnung a,

.abmahnung-ag ul li.abmahnung a {
	background-color:#AC3124;
}


/* die zweite navigation */

#second_navi
{	list-style-type:none;
	list-style-position:outside;
	border-right:1px solid #ffffff;
	position:absolute;
	left:103px;
	top:269px;
	background-image:url(../img/second_navi_ul.png);
	background-repeat:repeat-x;
	height:27px;
	overflow:hidden;
	float:left;
	display:inline;
}

#second_navi li
{	background-image:url(../img/second_navi_li.png);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	border-width:1px 0px 0px 1px;
	border-color:#ffffff;
	border-style:solid;
}

#second_navi a,#second_navi a:link,
#second_navi a:visited,#second_navi a:active
{	display:inline;
	float:left;
	height:26px;
	padding:0px 6px 0px 6px;
	text-decoration:none;
	color:#ffffff;
	font-size:0.8em;
	line-height:26px;
	font-weight:bold;
	overflow:hidden;
}

#second_navi a:hover,#second_navi a#second_navi_active
{	background-color:#AC3124;
}


#main
{	clear:left;
	width:754px;
	margin:0px 0px 0px 42px;
	padding:306px 0px 0px 103px;
	overflow:hidden;
}


/* der content */
#content
{	float:left;
	width:510px;
	color:#918B7F;
	font-size:0.8em;
	line-height:22px;
	padding-bottom:70px;
	overflow:hidden;
}

#content p, #content li, #content a {
	color: #333;
}
.inner_content
{	margin-left:5px;
	padding-top:20px;
	margin-right:70px;
}
.inner_content span {

     font-style: italic;
}

div.inner_content #frage1, 
.inner_content #frage2, 
.inner_content #frage3, 
.inner_content #frage4, 
.inner_content #frage5, 
.inner_content #frage6 {

color: #333;

} 
#content h1
{	border-width:0px 0px 1px 1px;
	border-style:solid;
	border-color:#8A3C30;
	font-size:1.1em;
	font-weight:bold;
	height:52px;
	overflow:hidden;
	line-height:78px;
	padding-left:6px;
	color:#545047;
}

#content h1.zweizeilig
{	border-width:0px 0px 1px 1px;
	border-style:solid;
	border-color:#8A3C30;
	font-size:1.1em;
	font-weight:bold;
	height: 44px;
	overflow:hidden;
	line-height:20px;
	padding-left:6px;
		color:#545047;
		padding-top: 20px;
}

.inner_content a,.inner_content a:link,
.inner_content a:visited,.inner_content a:active
{	color:#918B7F;
	text-decoration:underline;
}

.inner_content a:hover
{	text-decoration:none;
}

.inner_content a.schwarz {
	color: #545047;

}
.inner_content p span.schwarz {
	color: #545047;
	font-style: normal;
	font-weight: bold;
}

.inner_content p span.klein {
	font-size: 0.8em;
}
.inner_content h2
{	color:#545047;
	font-size:1.1em;
	font-weight:bold;
	padding:15px 0px 0px 0px;
}
.inner_content h2.schwarz
{	color:#333;
	font-size:1em;
	font-weight:bold;
	padding:15px 0px 10px 0px;
}
.inner_content h3
{	color:#545047;
	font-size:1.0em;
	font-weight:bold;
	padding:15px 0px 0px 0px;
}

.inner_content p
{	padding:5px 0px 10px 0px;
}
.inner_content p.eng {
line-height: 1.2em;
}

.inner_content ul {

	list-style-type: none;

}

.inner_content ul li {
	background: url(../img/aufz.png) no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;

}
.inner_content ul li span {
	font-size: 0.8em;
	font-style: normal;
}

/* die grauen boxen */

.inner_content a.ohne {
	font-style: normal;
	text-decoration: none;
}

.inner_content span.grey_box
{	width:173px;
	min-height: 82px;
	position:relative;
	background: #fff url(../img/button-neu.jpg) no-repeat;
	background-position: right top;
	margin-top:10px;
	color:#EDEAE3;
	padding:15px 20px 8px 15px;
	font-style: normal;
}

* html .inner_content span.grey_box {
	height: 72px;
	min-height: 72px;
}

.inner_content span.grey_box:hover {
	background: #fff url(../img/button-neu-hover.jpg) no-repeat;	
	background-position: right top;
}

.inner_content span.abstand {
	margin-right: 7px;
	

}



.inner_content span.grey_box strong {
	font-size: 1.2em;
	
}

.grey_arrow
{	position:absolute;
	bottom:10px;
	right:0px;
}




/* der linke bereich */
#sidebar
{	float:left;
	width:185px;
	background-image:url(../img/sidebar.png);
	background-repeat:repeat-x;
	background-position:0px 62px;
	padding-bottom:70px;
}


/* die einzelnen blätter */
.side_box
{	width:143px;
	height:218px;
	overflow:hidden;
	background-image:url(../img/side_box.png);
	margin-top:24px;
	float:left;
	color:#545047;
}



/* das erste Blatt, dass im schatten auch den roten strich hat */
.first
{	
	/*background-image:url(../img/first_side_box.png);*/
	background-repeat:repeat-x;
}

.side_box	h3
{	font-size:0.9em;
	padding:23px 0px 10px 23px;
	font-weight:bold;
	color: #333;
}



.side_box	p
{	font-size:0.7em;
	padding:5px 15px 0px 20px;
}

.side_box a  {
	color: #333;
	text-decoration: none;
	
}

.side_box span.inh
{	display: block;
	font-size:0.7em;
	padding:5px 15px 0px 20px;
	
}

.side_box ul
{	font-size:0.7em;
	padding:5px 0px 0px 40px;
	list-style-position:outside;
}

.side_box img
{	margin-top:10px;
}



#sidebar .more
{	float:left;
	margin-left:19px;
	display:inline;
	margin-top:54px;
}

#sidebar .first_more
{	margin-top:26px;
}


/* der footer */

#footer
{	border-top:1px solid #ADA79B;
	color:#333;
	font-size:0.7em;
	width:638px;
	position:relative;
	left:152px;
	bottom:10px;
	clear: left;
}


#footer a,#footer a:link,
#footer a:visited,#footer a:active
{	color:#333;
	text-decoration:none;
}

#footer a:hover
{	text-decoration:underline;
}