/*************************************************/
/*          Style Datei für RA Barsch            */
/*             www.ra-barsch.de                  */
/*     copyright: Dripstyle - Eileen Assel       */
/*              www.dripstyle.de                 */
/*             03. August 2010                   */
/*************************************************/


/* Template */
body {
  background: #ffffff;
    margin: 0px;
  padding: 0px;
}

html {
  margin: 0px;
  padding: 0px;
}

a, a:link, a:visited {
  color: #666666;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

.clear {
  clear: both;
}

#top_c, #menu_c, #content_close_c, #info_c, #footer_c {
  width: 1000px;
}

#content_c {
  width: 1000px;
}

#top {
  height: 100px;
}

#top_left {
  float: left;
  width: 747px;
  height: 100px;
  background: url(../images/top_left_bg.jpg) no-repeat top left;
  text-align: left;
}

#schrift {
}

#top_right {
  float: left;
  width: 243px;
  height: 100px;
  background: url(../images/logo_barsch.jpg) no-repeat top left;
}

#menu {
  height: 40px;
  background: #333333;
}

#menu_left {
  float: left;
  width: 296px;
  height: 40px;
  background: url(../images/menu_left_bg.jpg) no-repeat top left;
}

#menu_middle {
  float: left;
  width: 451px;
  height: 40px;
}

.menu {
  font: bold 13px arial, sans-serif;
  color: #fff;
  text-align: left;
  margin:0;
  padding:0px;
  list-style:none;
}

#menu_right {
  float: left;
  width: 243px;
  height: 40px;
  background: url(../images/menu_right_bg.jpg) no-repeat top left;
}

#content {
  height: 355px;
  background: url(../images/content_bg.jpg) repeat-x top left;
}

#content_left {
  float: left;
  width: 334px;
  height: 355px;
  background: url(../images/content_left_bg.jpg) no-repeat top left;
}

#content_right {
  float: left;
  width: 666px;
  height: 355px;
    background: url(../images/content_right_bg.jpg) no-repeat bottom left;
}

.content {
  font: normal 0.8em/1.4em arial, sans-serif;
  color: #000;
  text-align: justify;
}

/* scroll content über jquery */
#pane2 {
	height: 335px;
}

.scroll-pane {
	width: 666px;
	height: 335px;
	overflow: auto;
	float: left;
}


#content_close {
  height: 76px;
  background: url(../images/content_close_bg.jpg) repeat-x top left;
}

#content_close_left {
  width: 1000px;
  height: 76px;
  background: url(../images/content_close_left_bg.jpg) no-repeat top left;
}

#info {
  height: 106px;
  background: #f1f3f1;
}

#info_left {
  float: left;
  width: 535px;
  height: 106px;
  background: url(../images/info_left_bg.jpg) no-repeat top left;
  text-align: left;
}

.zitat {
}

.zitat_in {
  font: bold 14px/18px verdana;
  color: #333333;
  padding: 5px 0px 0px 35px;
}

.klein {
  font: normal 10px arial;
}

#info_right {
  float: left;
  width: 465px;
  height: 106px;
  background: url(../images/info_right_bg.jpg) no-repeat top left;
  text-align: left;
}

.contact {
}

.contact_in {
  font: bold 14px/18px verdana;
  color: #333333;
  padding: 5px 0px 0px 70px;
}

#footer {
  height: 40px;
  background: #333333;
}

.footer {
  height: 40px;
  font: normal 10px arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  padding-top: 13px;
}

.footer a, .footer a:link, .footer a:visited {
  font: normal 10px arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.footer a:hover {
  font: normal 10px arial, sans-serif;
  color: #bac8b9;
  text-transform: uppercase;
  text-decoration: none;
}

#dropmenu {
  margin:0 auto;
  position:relative;
}


.menu { margin:0; padding:0px 0 0 10px; list-style:none; }
.menu ul { float:left; margin:0; list-style:none; padding:0;}
.menu ul li {  margin:0px 10px 0px 10px; display:inline;  float: left; cursor: pointer; text-align:center; }
.menu ul li a {	display:block;	height:100%; color:#f1f3f1; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}
.menu ul li a:hover { color:#bfcbbe; text-decoration:none;}



.menu ul ul {	clear:both; color:#f1f3f1;	position:absolute; 	margin:0; width:175px;	padding:2px 0px 0px 0px; z-index:999999; *margin-left:-85px}
.menu ul ul li {float: none; clear:both; display:block; height:100%; overflow:hidden; background:#333333;	text-align:left; margin:0px 0px 0px 0px; padding:0px 2px 0px 0px; *margin:0px 0px -4px 0px;}
.menu ul ul li a { color:#f1f3f1; float: left; height:auto; font-weight: normal; text-decoration:none; font-size:12px; font-weight:bold; line-height:30px;  text-transform: capitalize; padding:0 10px 0 10px}
.menu ul ul li a:hover { color:#bfcbbe;}

#current a:link, #current a:visited, #current a:hover, #current a:active {	display:block;	float: left; height:100%; color:#bfcbbe; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}

/*
.menu ul { float:left; margin:0; list-style:none; padding:0;}
.menu ul li {  margin:0px 10px 0px 10px; display:block;  float: left; cursor: pointer; text-align:center; }
.menu ul li a {	display:block;	float: left; height:100%; color:#f1f3f1; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}

.menu ul li a:hover {	display:block;	float: left; height:100%; color:#bfcbbe; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}
.menu ul li a:active {	display:block;	float: left; height:100%; color:#bfcbbe; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}

#current a:link, #current a:visited, #current a:hover, #current a:active {	display:block;	float: left; height:100%; color:#bfcbbe; text-decoration:none; font-size:12px; line-height:39px; font-weight: bold;}

.menu ul ul {	clear:both; color:#8a8a8a;	position:absolute; 	margin:0; width:150px;	padding:2px 0px 0px 0px; z-index:999999; *margin-left:-85px}
.menu ul ul li {float: none; clear:both; display:block; height:100%; overflow:hidden; background:#252525;	text-align:left; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; *margin:0px 0px -4px 0px;}
.menu ul ul li a { color:#d1d1d1; float: left; height:auto; font-weight: normal; text-decoration:none; font-size:14px; font-weight:normal; line-height:40px;  background:url(images/marker-5.png) center left no-repeat !important; width:90px; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; padding:0 10px 0 30px}
.menu ul ul li a:hover { color:#5c5c5c;}*/

#page {
  padding: 10px 10px 120px 10px;
}

.links {
}

links a, .links a:link, links a:visited {
  background: url(../images/arrow.png) no-repeat 0px 6px;
  padding-left: 14px;
  color: #666666;
  text-decoration: none;
}

.links a:hover {
  background: url(../images/arrow.png) no-repeat 0px 6px;
  padding-left: 16px;
  color: #000;
  text-decoration: none;
}

.contentheading, .componentheading {
  font: bold 14px verdana;
  color: #333333;
}

.col1 {
  float: left;
  width: 270px;
  text-align: left;
}
.col2 {
  float: left;
  width: 330px;
  padding-left: 20px;
}

.componentheading {
  font: bold 14px verdana;
  color: #333333;
  padding-bottom: 7px;
}

.randabstand {padding-right: 10px;}