/***allgemeine Formatierungen***/
.clearer {
	clear: both;
}
h1,h2,h3 {
	font-family: Georgia, serif;
	margin-bottom: 10px;
}
span.underlined {
	text-decoration: underline;
}
div#anzeige a{
	text-decoration: none;
}
div.links ul li {
	margin-left: 30px;
	list-style: square;
}
div.links ul {
	margin-top: 10px;
}
h1, div.links div.teaser_mitte h2, div.rechts div.teaser h2, div.links div.teaser h2 {
	border-bottom: solid 1px;
}
body {
	background: #fff /*url(../layout/bg_body/blau.jpg) repeat-x 0px -2px*/;
}
div#wrapper {
	width: 918px;
	margin: 40px auto;
}
div#anzeige {
	color: #4a4a4a;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
}
div#schatten_oben {
	height: 122px;
	background: transparent url(../layout/schatten_oben.jpg) no-repeat top left;
	padding-top: 9px;
}

div#betrieb {
	float: left;
	margin-left: 19px;
	width: 610px;
	height: 100px;
}
div#betrieb a {
  display: block;
  margin-left: 10px;
  margin-top: 10px;
}
div#logo {
	float: left;
	margin-left: 20px;
	margin-top: 17px;
	width: 75px;
}
div#betrieb h1 {
	margin-top: 40px;
	margin-left: 5px;
	float: left;
	width: 500px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 24px;
}

div#logo_schmallenberg {
	float: left;
}

div#anzeige {
	/*position: relative;*/
	background: url(../layout/schatten_center.jpg) repeat-y;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 20px;
}
div#flash {
	float: left;
	height: 164px;
	overflow: hidden;
	text-align: right;
	width: 620px;
}
div#adresse {
	float: left; 
	width: 240px;
	height: 130px;
	text-align: right;
	padding: 20px;
}
div#wrapper div#adresse p {
	line-height: 20px;
	padding-right: 0px;
}

ul.service_navi {
	margin-top: 20px;
}
ul.service_navi li {
	display: inline;
}
ul.service_navi li  a{
	color: #4a4a4a;
	text-decoration: underline;
}
/**********NAVI***********/
div#navi {
		margin-bottom: 20px;
}
ul#menu {
	height: 50px;
	line-height: 50px;
	/*background: url(../layout/bg_navi.png) repeat-x;*/
}
ul#menu li{
	display: inline;
	font-size: 19px;
	font-family: Georgia, serif;
}
ul#menu li a{
	padding: 10px 17px;
}
ul#menu li.aktiv {
	background: url(../layout/navi_aktiv.gif) no-repeat bottom center;
	padding-bottom: 14px;
}

ul#sub_menu {
	height: 30px;
	line-height: 30px;
	/*background: url(../layout/sub_menu.png) repeat-x;*/
}
ul#sub_menu li{
	display: inline;
}
ul#sub_menu li.aktiv {
	font-weight: bold;
}
ul#sub_menu li a{
	display: inline;
	padding: 3px 10px 3px 20px;
}
/*********links*********/
div.links {
	margin-left: 20px;
	width: 600px;
	float: left;
}
div.links h1 {
	/*margin-bottom: 20px;*/
	font-weight: normal;
	border-bottom: solid 1px;
}
div#anzeige div.links p {
	line-height: 20px;
	padding-right: 20px;
}

/*********rechts*********/
div.rechts {
	float: right;
	width: 240px;
	margin-left: 20px;
	margin-right: 20px;
}
div.rechts h2 {
	font-size: 20px;
	padding-top: 5px;
	/*border-bottom: solid 1px;*/
	font-weight: normal;
}
div.anzeige div.rechts p {
	line-height: 15px;
	margin-right: 5px;
	/*margin-left: 20px;*/
}

/***links & rechts*********/
div#anzeige div.rechts img, div#anzeige div.links img{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	
}
div#anzeige p {
	/*margin-top: 5px;*/
}

/********footer**************/
div#footer {
	/*position: relative;*/
	height: 34px;
	background: url(../layout/footer.jpg) no-repeat;
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 9px;
	padding-right: 9px;
}
div#footer div#footer_div {
	height: 25px;
	
}
div#footer ul.service_navi {
	margin-top: 0px;
	float: right;
	margin-right: 5px;
	width: 300px;
	text-align: right;
}
div#footer ul.service_navi li a{
	color: #fff;
	text-decoration: none;
	padding-right: 15px;
}
div#footer ul.service_navi li a:hover {
	color: #dbdbdb;
}
div#footer p {
	float: left;
	width: 350px;
	margin-left: 20px;
	color: #fff;
}

/******Rahmen**********/

div.links img{
	margin-left: 0px;
	margin-left: -20px;
}


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	padding: 2px;
	
}


div#wrapper div#anzeige div.teaser img {
	margin-top: 10px;
	border: 1px solid #000;
	padding: 1px;
	background: #fff;
}

div.rechts div.unterstrichen h2 {
	border-bottom: solid 1px;
}
div.rechts div.bildrahmen img {
	padding: 1px;
	border: solid 1px;
}

div.rechts div.bildrahmen div.csc-textpic-imagewrap {
	margin-left: 0px;
}

/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

object#tx_slideshow_pi1 {
	line-height: 0px;
}
	


/******************************* 
      KONTAKTFORMULAR
*******************************/
#kontakt{
margin-top: 20px;
  width:450px;
  /*float:left;*/
  font-size:12px;
}

#kontakt #formErrorMsg {
    color:#ca262d;
    margin-bottom:15px;
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt div.row{
  clear:both;
  padding-top:2px;
  line-height:15px;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/
}

#kontakt div.submit{
  float:left;
}

#kontakt div.label,
#kontakt label{
 /* float:left;
  clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;
  line-height:20px;*/
}

#kontakt label.short {
    width:40px;
}

#kontakt label.required{
  font-weight:bold;
}

#kontakt label.checkbox{
  width:410px;
}

#kontakt span.error{
  color:#ca262d;
}

#kontakt label.singleline{
  clear:both;
  width:100%;
}

#kontakt input,
#kontakt textarea,
#kontakt select {
  float:left;
  display:block;
  /*width:250px;*/
  border: 1px solid #429300; /*#696969;*/
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:10px;
  padding:1px;
}

#kontakt input.error,
#kontakt textarea.error,
#kontakt select.error {
    border-color:#ca262d;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt input.hidden{
  border-width:0px;
}

#kontakt textarea{
  width:400px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
}

#kontakt input.button{
  color:#696969;
  background-color:#fff;
}

#kontakt td.col1, #kontakt td.col2 {
	width: 190px;
	}

#kontakt input {
	width: 180px;
	}

#kontakt textarea {
	width: 372px;
	}

#adresse{
  float:left;
}
#kontakt div.submit input:hover {
	cursor: pointer;
}

/****Tabelle***/
table {
	border: solid 1px black;
	margin: 10px 0;
}
td {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 1px solid black;
	background: #EDEEEF;
}
th{
	background: #d1e3fb;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}
table caption {
	font-weight: bold;
	/*margin-bottom: -5px;*/
}
div#contentContainer td p {
	margin-bottom: 0px;
}
div.spalte_links table, div.spalte_rechts table {
	table-layout: fixed;
	width: 290px;
}

/****TEASER_MITTE**************/
div.teaser_mitte {
	border: solid 1px;
	/*margin-top: 15px;*/
	padding-bottom: 10px;
	margin-left: -10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
div#anzeige div.teaser_mitte img {
	margin: 10px auto;
}
div.teaser_mitte h2 {
	text-align: center;
	margin-left: -10px;
}
div#anzeige div.teaser_mitte h2 a {
	text-decoration: none;
}
div.teaser_mitte p {
	text-align: left;
	margin-bottom: 5px;
}
div#anzeige div.teaser_mitte  span {
	text-align: left;
	text-decoration: underline;
}
div#anzeige div.teaser_mitte  a {
	text-align: left;
	text-decoration: underline;
}

div.links div.teaser {
	width: 280px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

/***************************
Teaser rechts
***************************/
div.teaser {
	width: 240px;
	
}

/***************************
zwei Spalten
***************************/
div.zweispalten_drumherum h1{
	margin-bottom: 15px;
}
div.spalte_links {
	position: relative;
	float: left;
	width: 290px;
}

div.spalte_rechts {
	position: relative;
	float: left;
	width: 290px;
	margin-left: 10px;
}


div.trenner {
	clear: both;
	height: 1px;
	width: 600px;
	margin: 10px 0;
}