/* @override http://test.medianotions.de/css/style.css */

/* Handcoded by RapidxHTML - http://www.rapidxhtml.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
    color:#1e80c1;
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    line-height:100%;
    color:#000;
}

h1 {
    font-size:20px;
    color: #214ca0;
    margin:0 0 15px 0;
    font-weight:normal;
}

h2 {
    font-size:16px;
    color:#80a239;
    margin:0 0 15px 0;
}

h3 {
    font-size:16px;
    color:#80a239;
    margin:0 0 15px 0;
}

h4 {
    font-size:16px;
    color:#80a239;
    margin:0 0 15px 0;
}


/* page setup */
body {
    background:#0a3d5f url(../images/bg.png) 50% 0 repeat-x;
    font-family:Verdana, Geneva, sans-serif;
    line-height:18px;
    font-size:12px;
    color:#0e285d;
}

/* wrapper setup */
div.rapidxwpr {
    margin:auto;
    width:969px;
    padding:0;
}

/* header */
div#header {
    position:relative;
    height:340px;
    margin:0;
    background:url(../images/header_bg.png) no-repeat 0 58px;
}

/* logo */
div.logo {
    border:0;
    text-align:center;
    padding:15px 0 0 0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0;
    clear:both;
    background:url(../images/middile_bottom.png) no-repeat center bottom;
    padding:0 0 24px 0;
    margin:0 3px 100px 3px;
}

div.middle_bg {
    background:url(../images/middile_bg.png) 0 0 repeat-y;
    min-height:600px;
}

/* left column */
div#left {
    width:193px;
    float:left;
    padding:0;
}

/* right column */
div#right {
    width:208px;
    padding:0 22px 0 0;
    float:right;
}

/* content column */
div#main {
    width:auto;
    margin:0 0 0 224px;
    padding:0;
    position:relative;
}

div#mainmiddle {
	min-height: 600px;
    margin:0;
    padding-bottom: 20px;
}

div#content {
    width:auto;
    margin:0 276px 0 0;
    padding:0;
}

/* footer */
div#footer {
    width:auto;
    padding:10px 0 20px 0;
    clear:both;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* topmenu */
div#topmenu {
    background:url(../images/menu_bg.png) 0 0 no-repeat;
    height:43px;
    margin:5px 0 14px 0;
    padding:13px 0 0 0;
}

div#topmenu ul {
    padding:0;
    margin:0;
    list-style:none;
    float:right;
}

div#topmenu li {
    float:left;
    display:block;
    padding:0 33px;
    line-height:28px;
    background:url(../images/line_bg.png) 0 50% no-repeat;
}

div#topmenu li.first {
    background:none;
    text-decoration:none;
}

div#topmenu a {
    font-size:11px;
    color:#add060;
    text-decoration:none;
}

div#topmenu a:hover {
    color:#ccc;
    text-decoration:underline;
}

/* leftmenu */
div.leftmenu {
    padding:1px 0 0 1px;
}

div.leftmenu ul {
    margin:0;
    list-style:none;
}

div.leftmenu ul li {
    border-bottom:#6c8a2a 1px solid;
    background:url(../images/leftmenu_bg.png) 0 0 repeat-x;
}

div.leftmenu ul li a {
    color:#0e4107;
    display:block;
    text-decoration:none;
    padding:11px 0 0 35px;
    height:30px;
}

div.leftmenu ul li a:hover, div.leftmenu ul li.current a {
    color:#fff;
    background:url(../images/arrow.png) 17px 50% no-repeat;
    text-decoration:none;
}

* html div.leftmenu ul li a:hover,
* html div.leftmenu ul li.current a {
    background-image:url(../images/arrow.gif);
}

div.leftmenu ul li ul {
    margin:0;
    list-style:none;
}

div.leftmenu ul li ul li {
    border-bottom:#0f76b9 1px solid;
    background:#0667a7;
}

div.leftmenu ul li.current ul li a {
    color:#93d3fd;
    padding:11px 0 0 45px;
    
    background: none;
}

div.leftmenu ul li ul li a:hover, div.leftmenu ul li.current ul li.current a {
    color:#fff;
    background:url(../images/arrow.png) 27px 50% no-repeat;
    text-decoration:none;
}

* html div.leftmenu ul li ul li a:hover,
* html div.leftmenu ul li.current ul li.current a {
    background-image:url(../images/arrow.gif);
}

/* hours */
div.hours {
    padding:33px 26px 0 25px;
    color:#0e4107;
    line-height:17px;
}

/* welcome */
div.welcome {
    padding:35px 0 150px 0;
    color:#214ca0;
}

div.welcome span {
    display:block;
}

/* contact info */
div.contact_info {	
	position: absolute;
	bottom: 0;
	width: 463px;	
	margin: 30px 0 0 0;
	padding: 8px 0 0 0;
   color:#949595;
   overflow:hidden;
	border-top: 1px solid #D6D4D4;
    
}

div.contact_info div.address {
    width:182px;
    float:left;
}

div.contact_info div.contact_phone {
    float:right;
    width:249px;
}

div.contact_info div.contact_phone a.color {
    color:#417617;
}

div.banner {
    background:url(../images/right_img.png) 0 0 no-repeat;
    padding:13px;
    margin:34px 0 0 0;
}

/* post */
div.post {
    padding:30px 0 25px 0;
    overflow:hidden;
}

.div.post p {
	margin: 0 0 15px 0;
}

div.post ul.leafbullets li {
    color:#595a5a;
    font-weight:bold;
    background:url(../images/post_arrow.png) 0 0 no-repeat;
    padding:0 0 0 40px;
    margin:13px 0 0 0;
}

div.post h1 {
    padding:0 0 5px 0;
}

div.post strong {
    color:#8bad40;
}

img.alignleft {
    float:left;
    border:#848482 1px solid;
    margin:5px 15px 0 0;
}

img.alignright {
    float:right;
    border:#848482 1px solid;
    margin:5px 0 0 15px;
}

/* leafbullets */
ul.leafbullets {
    margin: 20px 0 20px 0;
    list-style:none;
}

ul.leafbullets li {
    color:#595a5a;
    font-weight:bold;
    background:url(../images/post_arrow01.png) 0 0 no-repeat;
    padding:0 0 0 40px;
    margin:13px 0 0 0;
	 line-height: 20px;
}

/* simplelist */
ul.simplelist {
    margin:10px 0 20px 0;
    list-style:none;
}

ul.simplelist li {
    border-bottom:#a7a7a8 1px solid;
    padding:10px 0;
}

/* contact form */
div.contact_form {
    padding:15px 0 67px 0;
}

div.contact_form fieldset {
    border:#cccccc 1px solid;
    padding:10px;
    margin:15px 0 0 0;
}

div.contact_form fieldset.input {
    border:#cccccc 1px solid;
    padding:10px;
    margin:30px 0 0 0;
}

div.contact_form legend {
    color:#3d3d3d;
    font-weight:bold;
}

div.contact_form ul {
    margin:0;
    list-style:none;
}

div.contact_form ul li textarea {
    border:#cccccc 1px solid;
    width:415px;
    height:157px;
    background:#FFF;
    font-size:12px;
    padding:1px;
}

div.contact_form ul.mid_box {
    margin:0;
    list-style:none;
    padding:0 0 0 50px;
}

div.contact_form ul.mid_box li {
    padding:18px 0 0 0;
}

div.contact_form ul.mid_box li label {
    color:#390039;
}

div.contact_form ul.mid_box li input {
    margin:0 0 0 6px;
    padding:1px;
}

div.contact_form ul.mid_box li input.input_item01 {
    margin:0;
}

div.contact_form ul.mid_box li input.input_item02 {
    margin:0 0 0 10px;
}

div.contact_form ul.button_box {
    text-align:center;
}

div.contact_form ul.button_box li.first {
    color:#390039;
    padding:0 0 25px 0;
}

div.contact_form ul.button_box li input.submit {
    background:url(../images/submit01.png) 0 0 no-repeat;
    width:117px;
    height:28px;
    cursor:pointer;
    border:0;
}

/* stone image */
img.stones {
	margin: 0 0 0 20px;
	position: absolute;
	bottom: 0;
}

hr {color: #FFF; width: 90%; background-color: #FFF; border-top: 1px solid #D6D4D4; border-left: none; border-right: none; border-bottom: none; margin: 22px 0 22px 0; display: block; line-height: 1px; font-size: 1px;}

h1 a {
	text-decoration: none;
}

#cu3er-container {
	margin: 0px 0 20px 0;
	padding: 0 0 20px 0;
}

a#impressionen {
	margin: 20px 0 30px 0;
}

a#impressionen img {
	border: 1px solid #85673A;
	margin: 20px 0 30px 0;
	display: block;
}


/* Anpassungen .jot-form - Blog-Modul von MODx */

.jot-form {
  margin: 0 0 25px 0;
  background: #E8E8E8;
  width: 450px;
}

.jot-err {
  border: 1px solid red;
  background: #F9E1AD;
  color: red;
  padding: 3px 7px 4px 7px;
  font-weight: bold;
  width: 450px;
}

.jot-nav {
  width: 400px;
  text-align: left !important;
  padding-left: 0;
  margin-left: 0;
}

.jot-form fieldset {
  border: none;
  width: 440px;
  padding-top: 8px;
}

.jot-form input {
	height: 1.2em; width: 14.3em;
	border: 1px solid #ccc;
	float: none;
	clear: both;
	margin: 0;
	background: url(../gfx/bg-input.gif) #FFF;
	font-size: 120%;
	line-height: 1.5em;
	padding: 1px 0 0 3px;
	margin: 0 0 0 10px;
}

.jot-form label {
  float: none;
  clear: both;
  display: block;
  text-align: left;
  width: 200px;
  height: 1.7em;
  line-height: 1.7em;
  padding: 0;
  margin: 3px 0 0 0;
  clear: both;
  margin: 0 0 0 10px;
}

.jot-form textarea {
	width: 420px; 
	display: block;
	border: 1px solid #ccc;
	margin: 0;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0 10px;
}

.jot-form textarea:focus {
	background-color: #FFFFFF !important;
	background-image: none;
	border: 1px dotted #000000;
}

.jot-form .submitter {
	margin: 15px 0 5px 10px;
	display: block;
	background: #EEEDE5;
	font-size: 115%; 
	font-weight: bold; 
	padding: 0; 
	line-height: 1em; 
	height: 1.6em;
	cursor: pointer;
}

.jot-form .submitter:hover {
	background: #FFF;
}


.jot-row {
  background: #F3F3F3;
  margin-top: 15px;
  padding: 0 0 0 7px;
  width: 450px;
}

.jot-row-alt {
  background: #E9E9E9 !important;
}

/* Conatiner um alle Kommentare */
.jot-comment {
  width: 450px;
}

.jot-user {
  width: 380px !important;
  display: block;
  float: left;
  height: 10px;
  margin: 0px;
}

.jot-posts {
  font-size: 80%;
  display: block;
  float: left;
  margin-top: -10px;
  color: #848484 !important;
  text-align: left;
}

.jot-user b {
  display: block;
  margin: 0;  
}

.jot-content {
  line-height: 155%;
  width: 440px;
  display: block; 
  clear: both;
  margin: 0; padding: 0 0 10px 0;
  text-align: left;
}

/* Icon */
.jot-posticon {
  width: 16px; 
  height: 16px;
  float: right;
  margin: 0 0 0 2px;
}

/* Icons und Links zur Moderation */
.jot-mod {
  height: 16px;
  width: 450px;
  position: relative;
  left: -20px;
  text-align: right;
}

.jot-head {
  width: 450px !important;
  display: block;
  clear: both;
}

/* Link zur Website + Firmenname */
.jot-website {   
  float: left;
  font-size: 100%;
  line-height: 155%;
  padding-right: 5px;
}


.jot-subject {
 font-weight: bold;
 font-size: 130%;
 line-height: 170%;
 display: block;
 clear: both;
 color: #00015B;
 font-family: arial, helvetica, Verdana, sans-serif;
}

.jot-poster {
  font-size: 80%;
  color: #B9B9B9;
  clear: both;
  display: block;
  margin-top: -5px;
}

.jot-extra {
}

.vericode {
	margin: 0 0 0 10px;
}

p.jot-comment {
	margin: 0 0 10px 0;
}