/* Master CSS
Wohnpark Kranichstein  
www.wohnpark-kranichstein.de
Start: 14.08.2009
Letzte Aenderung: 19.10.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Bordorot    (Seitenleiste): #83002A
INCURA-Blau (Links): #173B6B
Hellgrau    (Header): #F6F6F6
Mittelgrau  (Seitenhintergrund): #DEDEDE
Dunkelgrau  (Schrift): #333333
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */


body {
background: #DEDEDE url(/_admin/site/bg-body-rel.gif) repeat-y;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #333;
height: 100%;
}

html>body {
font-size: 12px;
height: 100%;
}

a:link {
color: #83002A;
text-decoration: none;
}

a:visited {
color: #173B6B;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Clearfix
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
/*margin-top: 1.5em;*/
margin-bottom: 1em;
}

h1 {
font: 1.67em/0.9em Arial, Tahoma, Verdana, sans-serif;
text-indent: -9999em;
}

h2 {
font: 1.5em/1.2em Arial, Tahoma, Verdana, sans-serif;
margin-top: 1em;
margin-bottom: 1em;
}

h2.start-headline {
font-size: 2.7em;
color: #83022B;
margin: 1em auto;
text-align: center;
}


h3 {
font: bold 1.2em/1.13em Arial, Tahoma, Verdana, sans-serif;
margin-top: 1.2em;
margin-bottom: 1.13em;
}

h4 {
font: 1em/1.29em Arial, Tahoma, Verdana, sans-serif;
font-weight: bold;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

.bildlegende {
  clear: both;
  font-size: 90%;
  font-weight: 700;
}


#content a {
color: #83002A;
}



/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
float: left;
margin: 0 0.5em 0.5em 0;
}

.rechts {
float: right;
margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

#wrapper {
width: 940px;
clear: both;
height: 100%;
}

#header {
clear: both;
background: #F6F6F6 url(/_admin/site/bg-header.png) no-repeat 397px 0px;
height: 152px;
}

#content {
float: right;
display: inline;
width: 739px;
background: #FFF url(/_admin/site/bg-content.gif) repeat-x;
line-height: 1.5em;
}


#content-gutter {
margin: 30px 80px 30px 45px;
}

#sidebar {
float: left;
display: inline;
width: 201px;
background: #83002A url(/_admin/site/bg-sidebar.gif) repeat-x;
}

#footer {
clear: both;
height: 50px;
margin: 0 80px 0 245px; 
text-align: center;
}


/* Navigation
--------------------------------------------------------------------------------------- */
ul#navigation {
	margin: 2em 0;
}
ul#navigation li {
	font: bold 1.1em/1.3em Arial, Helvetica, sans-serif;
	padding: 8px 10px 8px 14px;
	border-bottom: 1px solid #DAC1C7;
}
ul#navigation li a {
color: #FFF;
display: block;
background: url(/_admin/site/bg-nav-li.gif) no-repeat left center;
padding-left: 15px;
text-decoration: none;
}

ul#navigation li a:hover {
background: url(/_admin/site/bg-nav-li-a.gif) no-repeat left center;
text-decoration: underline;
}

ul#navigation li a.current {
background: url(/_admin/site/bg-nav-li-a.gif) no-repeat left center;
}

ul#navigation ul {
	padding: 0;
	margin: 0;
}
ul#navigation ul li {
	border-bottom: none;
	padding-left: 10px;
	margin: 0px;
}
ul#navigation ul li a {
	color: #666;
	font-weight: normal;
}



/* Aktuell
--------------------------------------------------------------------------------------- */

ul#aktuell-lv {
margin: 1em 0 !important;
list-style: none;
}

ul#aktuell-lv li {
text-decoration: none;
padding: 1em 0 .8em 0;
color: #5C5C5C;
background: url(/_admin/site/linie-gepunktet.png) repeat-x left top;
}

ul#aktuell-lv li h3 {
font-size: 1.1em;
margin: 0 0 .5em 0;
}

ul#aktuell-lv li h3 a {
background: url(/_admin/site/icon-aktuell-n.png) no-repeat left top;
padding: 0 0 0 30px;
}
ul#aktuell-lv li h3 a:hover  {
padding-left: 30px;
color: #000;
background: url(/_admin/site/icon-aktuell-a.png) no-repeat left top;
}

ul#aktuell-lv li p  {
margin: 0;
padding-left: 30px;
}

ul#aktuell-lv li span.datum  {
font-size: 0.9em;
padding-left: 30px;
}

/* Aktuell-Startseite
--------------------------------------------------------------------------------------- */

.aktuell-start-h3 a {
font-size: 1em;
color: #FFF !important;
background: #5C5C5C;
padding: 4px;
}

ul#aktuell-start-lv {
list-style: none;
margin: 1em 0;
}

ul#aktuell-start-lv li a {
text-decoration: none;
padding: 0.5em 0 0.5em 2em;
color: #5C5C5C;
display: block;
background: url(/_admin/site/bg-aktuell-start-li.gif) no-repeat left bottom;
}
ul#aktuell-start-lv li a:hover,ul#aktuell-start-lv li a:active  {
color: #000;
background: url(/_admin/site/bg-aktuell-start-li-a.gif) no-repeat left bottom;
}

/* Listviews
--------------------------------------------------------------------------------------- */

.listviews a, .listviews a:visited {
	color: #707070;
	text-decoration: none;
}
.listviews a:hover {
	color: #007ABD;
}
.lv-navi-wrap {
        background: url(/_admin/site/linie-gepunktet.png) repeat-x left top;
	padding: 1em 0 1.8em 0;
}
.lv-navi-back {
	float: left;
	display: inline;
	width: 15%;
	font-weight: bold;
}
.lv-navi-back a {
	padding: 0 0 0 20px;
}

.lv-navi-info {
	float: left;
	display: inline;
	text-align: center;
	width: 70%;
}
.lv-navi-next {
	float: right;
	display: inline;
	width: 15%;
	text-align: right;
	font-weight: bold;
}
.lv-navi-next a {
	padding: 0 20px 0 0;
}

/* Bild mit Legende
--------------------------------------------------------------------------------------- */

dl.imageBoxRight {
    float: right;
    width: 250px;
    padding: 5px 5px 0 5px;
    margin: 0 0 1em 1em;
    border: 1px solid #5C5C5C;
    background: #EDEDED;
    color: #5C5C5C;
    font-size: 0.9em;
}

dl.imageBoxRight img {
margin: 0;
padding: 0;
}

dl.imageBoxRight dd {
padding-bottom: 5px;
}



/* jQuery Slideshow
--------------------------------------------------------------------------------------- */

#slideshow {
    position: absolute;
    width: 201px;
    height: 152px;
    overflow: hidden;
    left: 0;
    top: 0;
}
#slideshow img {
    position: absolute;
    left: 0;
    top: 0;
    width: 201px;
    height: 152px;
}

/* Startseite Aktuell Teaserboxen
--------------------------------------------------------------------------------------- */

#wrapper-teaserboxen {
float: left;
width: 612px;
background: url(/_admin/site/bg-teaserbox-start.gif) repeat-y left top;
clear: both;
}

.teaserbox {
float: left;
display: inline;
width: 180px;
margin-right: 24px;
font-size: 12px;
line-height: 150%;

}

.teaserbox h3 {
height: 33px;
overflow: hidden;
background: #5C5C5C;
font-size: 12px;
font-weight: bold;
padding: 7px;
color: #FFF;
margin: 0;
}
.teaserbox p {
margin: 10px 7px;
color: #5C5C5C;
}
.teaserbox a {
display: block;
padding: .5em 0;
color: #5C5C5C;
font-weight: 700;
}

/* Footer
--------------------------------------------------------------------------------------- */
#footer ul	{

	list-style			:	none;

	padding				:	0;

	margin				:	0;

	height				:	2.4em;


}



#footer li	{

	padding				:	.6em 0 0 .4em;

	margin				:	0;

	display				:	block;


	float				:	left;
	position			:	relative;

	top					:	0;

}

#footer li a:link, #footer li a:visited	{

text-decoration: none;
	color				:	#83002A;

}



#footer li a:hover, #footer li a:focus, #footer li a:active	{

text-decoration: underline;
	color				:	#83002A;

}



/* Bigger Link 
--------------------------------------------------------------------------------------- */

.hover {
cursor: pointer;
}

/* Galerie
--------------------------------------------------------------------------------------- */

td.imagebox {
	font-size: 0.9em;
	line-height: 130%;
	color: #00004C;
	background-color: #EDEDED;
	border: 1px solid #5C5C5C;
	padding: 5px;
width: 250px;
margin: 0;
}
.imagebox img {
border: none;
}
.imagebox h3 {
	font-size: 1em;
margin: 0.5em 0;
}
.imagebox p {
color: #004D7A;
width: 100%;
margin: 0.5em 0 0;
}

/* sidebarInfo
--------------------------------------------------------------------------------------- */

#sidebarInfo {
margin: 1em auto;
width: 82%;
padding: 0.5em;
background: #EDEDED;
font-size: 95%;
border-right: 3px solid #5A001C;
border-bottom: 3px solid #690021;
}

#sidebarInfo ul{
list-style: none;
}

#sidebarInfo ul li {
padding-left: 10px;
background: url(/_admin/site/bg-sidebarinfo-ul-li.png) no-repeat 0px 5px;
margin: 0.25em 0;
}

#sidebarInfo p {
margin: 0;
padding: 0;
}

/* Kontaktformular
--------------------------------------------------------------------------------------- */

      form p {
        margin-bottom: 1em;
      }

      form p label {
        float: left;
        width: 10em;
        margin-top: 0.2em;
        cursor: pointer;
      }

      form p input,
      form p select,
      form p textarea {
        border: 1px solid #666;
        width: 20em;
padding: 3px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 1em;
      }

      form p select {
        width: auto;
      }

      form p textarea {

        width: 40em;
        height: 10em;
      }

      form p input#formInput_submit,
      form p input#formInput_reset {
        width: auto;
      }

form fieldset {
padding: 2em;
margin: 1em 0;
border: 1px solid #DEDEDE;
background-color: #F6F6F6;
}

form legend {
color: #333;
background: #FFF;
font-size: 1em;
font-weight: bold;
padding: 5px 10px;
}

.checkbox, .radio {
	width: auto !important;
        border: 0;
	background: transparent !important;
}

.required {
	color: #FC9B00;
        font-size: 1.5em;
        font-weight: bold;
	background-color: transparent;
}
.formError {
	border-color: #FC9B00;
	background-color: #fff;
}

/* Content
--------------------------------------------------------------------------------------- */

#content  ul{
margin: 1em 0 1em 1em;
}

.text-klein {
font-size: .8em;
}

.seitenanfang {
float: right;
}