/*
Theme Name: r.a. pauleit
Version: 1.0
Author: rosch werbung
Author URI: http://www.rosch-werbung.de/
*/


/******************************
	Reset Defaults
 ******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, 
font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}

/******************************
	Defaults
 ******************************/
 body {background:#fafafa url(bilder/grafiken/body-bg.jpg) repeat-x;}

/******************************
      text
 ******************************/
h1 {
	float:left; 
	margin:17px 0 0 25px; 
	padding:0;
	text-indent:-5000px; 
	width:330px;
	background:url(bilder/grafiken/logo-rechtsanwalt-pauleit-barby.gif) no-repeat;
	}
h1 a{border:0; display: block;}

h2 {
	font-size:26px; 
	margin:20px 0 15px 0; 
	padding:0px 0 5px 35px; 
	}
h3 {
	font-size:16px; 
	margin:0; padding:0;
	}
a, a:link, a:active {color:#666; text-decoration:none}
a:hover {color:#333;}


blockquote {
margin: 30px 20px 10px 20px;
font-size:22px;
font-style:italic;
}

.pdf {
	background:url(bilder/grafiken/pdficon_small.gif) no-repeat;
	padding-left:20px;
	}

/******************************
      Container
 ******************************/
#wrap{
	background: url(bilder/grafiken/wrap-hg.jpg) no-repeat;
	margin: 0px auto; 
	padding:0 80px;
	width:838px;
}

/******************************
      header
 ******************************/
#over_head {
 	position:relative; 
 	height:73px; 
	margin:0; 
	padding:0;
	}
	
/* navi */
#navi {
	list-style: none;
	height: 84px;
	padding: 0;
	margin: 0 0 0 380px;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	width:408px
}

#navi li {
	float: left;
	text-align: center;
	border-left: 1px solid #666;
	border-right: 1px solid #999;
}
#navi a {
	background: url(bilder/grafiken/navi-hg.png) ;
	width: 100px;
	height: 64px;
	display: block;
	padding-top: 20px;
	font: 100%/85% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
}
#navi a:visited {
	text-decoration: none;
}
#navi a:hover, #navi li.current a {
	color: #ccc;
	background: url(bilder/grafiken/navi-hg-over.png) ;
}

/******************************
      header
 ******************************/
#header { 
	position:relative; top: -10px;
	height:281px;
	padding:20px 22px;
	z-index:3;
	}

#head_overlay {
	position:absolute;
	top:0; left:0;
	z-index:10;
	}
	
.slideshow { 
	overflow:hidden;  
	height:281px; 
}
.slideshow img {
    position:absolute;
    z-index:8;
}
.slideshow img.active {
    z-index:10;
}
.slideshow img.last-active {
    z-index:9;
}

/******************************
      inhalt
 ******************************/
#content {
	position:relative; top: -20px;
	float:left;
	color:#333;
	margin:0 0 0 30px;
	padding:10px 10px;
	background-image:url(bilder/grafiken/content-hg.png);
	width:520px;
	z-index:2;
	}
	
#content h2{
	font-size:26px; 
	margin:20px 0 15px 0; 
	padding:0px 0 5px 35px; 
	background:url(bilder/grafiken/h2-hg.png) no-repeat 0 8px;
	}
	
#content h3{
	color:#666;
	font-size:20px;
	margin:5px 10px;
	padding:5px 0px 2px 10px;
	border-bottom:1px dotted #626262;
	}

#content h3 a{
	text-decoration:none;
	}	

#content p{
	font-size:17px;
	line-height:23px;
	margin:0;
	padding:0 20px 10px 20px;
	text-align:left;
	}
	
	#content p#author {font-size:12px; font-style:normal; margin:0 20px 20px 0; text-align:right}

.column{
	float:left; 
	height:400px;
	margin:5px 0 5px 20px;
	padding:0px;
	width:230px;
	}

.column p{
	text-align:left;
	}
	
	
.entry{
	clear:left;
	display:table;
	margin:5px 0 20px 15px;
	height:200px;
	}

.entry p{
	position:relative;
	text-align:left;
	}

.achtung {
	background: #ccc url(bilder/grafiken/achtung.png) no-repeat 0 15px;
	border:1px solid #999;
	margin:20px; padding:10px 10px 10px 30px;
	font-style:italic
	}

/******************************
      right_sidebar
 ******************************/
#right_sidebar {
	font:Arial, Helvetica, sans-serif;
	margin-left:590px;
	padding:10px;
	position:relative;
	width:190px;
	background-image:url(bilder/grafiken/sidebar-hg.png);
	}

#right_sidebar h2 {
	color:#fff;
	height:53px;
	margin:15px 0 0 -20px;
	padding:5px 0 0 20px;
	background:url(bilder/grafiken/h2-sidebar-hg.png) no-repeat;
	width:210px;
	}

#right_sidebar h3 {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:10px;
	}

#right_sidebar p {padding:0 0 20px 20px;}
	
.page_item { text-decoration:none; }
.current_page_item { font-weight:bold; color:#c8aeae;}

/*	fuer den IE muessen die Links in diesem Fall eine Breite bekommen */
* html #right_sidebar a {
	width: 100%;
}

#right_sidebar ul {
	font-weight:normal;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}


/*	aufgrund des Problems, Borders richtig anzuzeigen, hier für den IE eine Hoehe (wirkt wie min-height)*/ 
* html #right_sidebar ul li {
	height: 1.0em;
}


/* 	Level 1 Eintrage haben ein paar Abstaende, die padding-left/right sind wichtig fuer später */
#right_sidebar ul li {
	padding:0;
	margin:0 0 10px 0;
}


/* 	Level 1 Eintrage haben ein paar Abstaende, die padding-left/right sind wichtig fuer später */
#right_sidebar ul li a, #right_sidebar ul li a:link {
	color:#fff;
	background-color:#666666;
	margin:0;
	padding:5px;
	font-weight:normal;
	display:block;
	text-decoration:none;
}

/* 	Bei Hover ueber einen Level 1 Eintrag bekommt der a des Eintrages rechts und links eine Border und das padding left/right wird um die breite der Border verringert.
	Aufgrund dessen muessen wir auch das Hintergrundbild neu positionieren */
#right_sidebar ul li a:hover, #right_sidebar ul li a:focus, #right_sidebar ul li a:active {
	background-color:#000000;
}


/* 	Aktiv */
#right_sidebar ul li.current a {
	color:#fff; font-weight:bold; background-color:#333;
}

#right_sidebar ul li.current a:hover, #right_sidebar ul li.current a:active {background-color:#000;}

/*        Level 2           */
#right_sidebar ul li ul li {
	margin:0;
	padding:3px 0 3px 5px;
}

#right_sidebar ul li ul li a {
	color:#fff;
	font-weight:normal;
	padding: 0 0 0 0;
}

#right_sidebar ul li.current ul li a {
	color:#fff;
	font-weight:normal;
	padding: 0 0 0 0;
}

#right_sidebar ul li.current ul li a:hover {
	color:#c8aeae;
	font-weight:normal;
	padding: 0 0 0 0;
}

#right_sidebar ul li ul li.current a {
	color:#c8aeae; 
	padding: 0;
}


/*     Level 3     */
#right_sidebar ul li ul li ul li {
	color:#fff;
	font-size:11px;
	margin:0;
	padding:2px 0 2px 5px;
}
#right_sidebar ul li ul li.current_page_item ul li a {
	color:#fff;
	font-size:11px;
	margin:0;
	padding:0;
}
#right_sidebar ul li ul li.current_page_item ul li a:hover {
	color:#c8aeae;
	font-size:11px;
	margin:0;
	padding:0;
}

/* Level 4

#right_sidebar ul li ul li ul li ul li {
	font-weight: normal;
}

#right_sidebar ul li ul li ul li ul li a {
	padding: 0px 7px 0px 74px;
}

#right_sidebar ul li ul li ul li ul li a:hover, #right_sidebar ul li ul li a:focus, #right_sidebar ul li ul li a:active {
	background-position: 15px 0.45em;
}*/


/******************************
      footer
 ******************************/
#footer_out {
	background:#000 url(bilder/grafiken/footer-bg.jpg) repeat-x;
	color: #ccc;
	clear: both; 
	font-size:14px;
	line-height:16px;
	margin:0 auto;  overflow:hidden
	}
#footer_in { margin:0 auto; min-width:998px; max-width:1280px; background:#000 url(bilder/grafiken/footer-hg.jpg) no-repeat; padding:20px 0;background-position:top center;}
#footer_in a { font-size:1.1em; color:#ccc; text-decoration:none}
#footer_in a:hover { color:#fff; text-decoration:underline}
#footer_in a.footer_logo{background: transparent url(http://www.rosch-werbung.de/images/grafiken/rosch-logo-foot.gif) no-repeat; text-decoration:none;}
#footer_in a.footer_logo span{ visibility:hidden}
#footer_in p { float:left; font-size:1.1em; color:#fff; padding:0 0 0 10px; }
#footer_in ul { float:right;}
#footer_in ul li{ float:left; margin:0 20px 0 0; }

/******************************
      images
 ******************************/
  img.medien {
 	float:left;
	position:relative;
	margin:7px 35px 0 0;
	width:180px; height:121px;
	}
 
 .medien_monitor {
	position:absolute;
	top:0; left:12px;
	width:196px;
	}
	

	
 .medien_tv {
 	float:left;
	margin-right:20px;
	width:196px;
	} 
	
.newspaper {
 	float:left;
	margin-right:35px;
	}
/******************************
    kontaktformular
 ******************************/
table#kontaktform {margin:10px 20px; padding:0; text-align:left; border:0;}
table#kontaktform td{margin:0; padding: 3px 0;  border:0;}

.inputbox {
background: #fff;
border: 1px solid #333;
color: #666;
margin: 4px 0;
padding: 3px;
}
.submit_button {
border: 1px solid #333;
background: #333;
color: #fff;
margin: 10px 5px;padding: 5px;
}
.submit_button:hover {
border: 1px solid #fff;
background: #666;
color: #fff;
margin: 10px 5px;padding: 5px;
}