/*##################################################*/
/*################## CSS-Code  #####################*/
/*##################################################*/

BODY {
background-color: #D7E3F5;
background-image: linear-gradient(
					180deg,
					#9acd32 1px,
					#E1F5A9 350px,
					#EFF9E5 98%,
					#9acd32 5px);
}

.main-top{
	background:url(/images/banner/ferienwohnung_zu_vermieten.jpg) no-repeat 0 0;
	border-top: solid 0px #CCCCCC;
	border-left: solid 1px #9acd32;
	border-right: solid 0px #CCCCCC;
	border-bottom: solid 0px #CCCCCC;
	/*          h - v - blur - spread - color*/
	box-shadow: 3px 3px 3px 0px #9acd32;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #FFFFFF;
	font-weight:bold;
}

.main-left{
	border-top: solid 0px #CCCCCC;
	border-left: solid 0px #CCCCCC;
	border-right: solid 0px #CCCCCC;
	border-bottom: solid 0px #CCCCCC;
}

.main{
	border-top: solid 0px #CCCCCC;
	border-left: solid 1px #9acd32;
	border-right: solid 1px #9acd32;
	border-bottom: solid 1px #9acd32;
	background-color: #FFFFFF;
	/*              ol -  or  - ur  - ul */
	border-radius: 0.0em 0.0em 0.8em 0.8em;
	/*          h - v - blur - spread - color*/
	box-shadow: 3px 3px 3px 0px #9acd32;
}

.ctab{
	/*       ob  re  un  li*/
	padding: 0px 30px 5px 60px;
	vertical-align:top;
}

.ctd,
.ctd:hover,
.ctd:active,
.ctd:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #383838;
	vertical-align:top;
	text-align:justify;
	
}

.chead,
.chead:hover,
.chead:active,
.chead:visited{
	/*       ob  re  un  li*/
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size:25px;
	color: #D40C05;
	text-shadow: 2px -2px 3px #FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

.content,
.content:hover,
.content:active,
.content:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #383838;
	vertical-align: top;
	text-align:left;
}

a.content:hover{
	color: #9acd32;
}

.ctitle,
.ctitle:hover,
.ctitle:active,
.ctitle:visited{
	/*       ob  re  un  li*/
	padding: 0px 0px 0px 0px;
	font-family: Lucida Calligraphy;
	font-size:24px;
	color: #3D9B37;
	text-shadow: 3px -2px 3px #C9E972;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

.cheadline,
.cheadline:hover,
.cheadline:active,
.cheadline:visited{
	/*       ob  re  un  li*/
	padding: 0px 0px 0px 0px;
	font-family: Lucida Calligraphy;
	font-size:16px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

a.cheadline,
a.cheadline:hover,
a.cheadline:active,
a.cheadline:visited{
	font-family: Lucida Calligraphy;
	font-size:16px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

a.cheadline:hover{
	color: #9acd32;
}

.cheadline2,
.cheadline2:hover,
.cheadline2:active,
.cheadline2:visited{
	/*       ob  re  un  li*/
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size:16px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

a.cheadline2,
a.cheadline2:hover,
a.cheadline2:active,
a.cheadline2:visited{
	font-family: Arial;
	font-size:16px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

a.cheadline2:hover{
	color: #9acd32;
}

.cmarking,
.cmarking:hover,
.cmarking:active,
.cmarking:visited{
	font-family: Arial;
	font-size:12px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align: left;
}

a.cmarking,
a.cmarking:hover,
a.cmarking:active,
a.cmarking:visited{
	font-family: Arial;
	font-size:12px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align: left;
}

a.cmarking:hover{
	color: #9acd32;
}

.csmall,
.csmall:hover,
.csmall:active,
.csmall:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D9B37;
	vertical-align:top;
	text-align:left;
}

a.csmall,
a.csmall:hover,
a.csmall:active,
a.csmall:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D9B37;
	vertical-align:top;
	text-align:left;
}

a.csmall:hover{
	color: #9acd32;
	font-size:12px;
}

a.ctd:hover{
	color: #9acd32;
}

.cmark,
.cmark:hover,
.cmark:active,
.cmark:visited{
	font-family: Arial;
	font-size:14px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align: left;
}

a.cmark:hover{
	color: #9acd32;
}

.cmark2,
.cmark2:hover,
.cmark2:active,
.cmark2:visited{
	font-family: Arial;
	font-size:14px;
	color: #3D9B37;
	font-weight:bold;
	vertical-align:top;
	text-align: left;
}

.img{
	border-top: solid 0px #9acd32;
	border-left: solid 0px #9acd32;
	border-right: solid 1px #9acd32;
	border-bottom: solid 1px #9acd32;
	/*          h - v - blur - spread - color*/
	box-shadow: 1px 1px 1px 0px #9acd32;
	/*             ob-li ob-re un-re un-li */
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}

imga{
	/*       ob  re  un  li*/
	padding: 5px 5px 5px 5px;
}

ul{
	list-style-type:none;
}
ul li:before{
	color: #3D9B37;
	content: "\25B0" " ";
}