/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

div { border: 0px solid #ccc;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #535355;
}
#wrapper { 
 margin: 0 auto;
 width: 893px;
}
#header {
 color: #333;
 width: 893px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 208px;
 margin: 0px 0px 0px 0px;
 background: #535355 url(../images/top.jpg);
 
}

#logo_fh {
width:350px;
 height: 138px;
float:left;
border:0px solid red;
 display:block;
}

#logo_fh a span{ display:none; }
#logo_fh a { display:block; height:138px;}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 520px;
 width: 280px;
 float: left;

}

#images_left {
margin-left:58px;
 background-color:#000;
  height: 520px;
}
#images_left img {
margin-top:45px;
}

.content { 
 float: left;
 color: #fff;
 border: 0px solid #ccc;
 background: #000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 520px;
 width: 389px;
 display: inline;
 font-family:Arial, Helvetica, sans-serif;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 520px;
 width: 221px;
 float: left;
 position: relative;
}

#rightcolumn img {display:block;}
.hide {
	display:none;
}
#menu {
margin-top:156px;
}
#menu ul { list-style:none; margin:0; padding:0;  }
#menu li { float:left; padding-right: 1.5em;}
#menu li a { display:block; 
line-height:2.3em;  
font-size:1.1em; 
color: #fff; 
font-weight: normal; 
text-decoration: none}
#menu li a:link { color: #fff }
#menu li a:visited { color: #fff }
 #menu li a:active { color: #fff; text-decoration: underline;}
#menu li a:hover { color:#fff; text-decoration: underline;}
#menu li a.activ {text-decoration: underline;}


a {font-size:1.0em; color: #fff; font-weight: bold; text-decoration: none }
a:link { color: #fff }
a:visited { color: #fff }
a:active { color: #fff; text-decoration: underline;}
a:hover { color:#fff; text-decoration: underline;}

.index p {
line-height:2.2em;
margin-top:5.5em;
padding-right:140px;
border:0px solid red;
text-indent:-15px;
}
.index p a:before{content:"... ";color:#c83f37;}

.vorort p {
line-height:2.2em;
margin-top:4em;
padding-right:70px;
border:0px solid red;
font-weight: bold;

}
.vorort p a:before{content:"... ";color:#aade41;}

.bild p {
line-height:2.2em;
margin-top:5em;
padding-right:130px;
border:0px solid red;
font-weight: bold;
}
.bild p a:before{content:"... ";color:#FFCC33;}

.bewerben p {
line-height:2.2em;
margin-top:5em;
padding-right:100px;
border:0px solid red;
font-weight: bold;
}
.bewerben p a:before{content:"... ";color:#99c7c7;}

.impressum p {
line-height:1.3em;
margin-top:1em;
padding-right:100px;
border:0px solid red;
font-weight: normal;
}
.impressum p a:before{content:"... ";color:#fff;}