/***********************************************

	©   yellowlabel.de
		für Hundesalon polly

	Januar 2009

***********************************************/

/***** reset *****/
* {
	border: none;
	margin: 0;
	padding: 0;
}
h1, p, ul, ol, dl {
	margin-bottom: 1em;
}
h1, h2, h3, h4 {
	margin-bottom: .5em;
	margin-top: 1em;
}
ul, ol {
	margin-left: 1.2em;
}
ol {
	padding-left: 2em;
}
form, pre {
	margin: 1em 0;
}
input {
	border: 1px solid #ccc;
}
p.align-right {
text-align: right;
}

/***** body *****/
html {
	height: 100%;	/* f. vert. Zentrierung HG-Grafik in FF/Opera */
}
body {
	background-color: #ccc;
	background-image: url(../images/hg.body.gif);
	background-position: center top;
	background-repeat: repeat-y;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 81%;
}

/***** boxes	 *****/
#outer-wrap {
	background-color: rgb(240,242,217);
	background-image: url(../images/hg.left-col.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-color: #fff;
	border-style: solid;
	border-width: 10px 15px 0;
	margin: auto;
	min-height: 450px;
	padding: 250px 25px 0 0;
	position: relative;
	width: 1025px;
}

#inner-wrap {
	float: right;
	padding-left: 25px;
	width: 725px;
}

#main-content {
	float: left;
	width: 465px;
}

#marg-col {
	float: right;
	/*width: 240px;*/
	width: 220px;
}

#main-menu {
	float: left;
	width: 275px;
}

#header {
	background-color: transparent;
	background-image: url(../images/header-img1.jpg);
	/*background-position: top right;*/
    background-position: 459px -4px;
	background-repeat: no-repeat;
	height: 225px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1050px;
}
#header #logo {
	background-image: url(../images/hg.left-col.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 250px;
	float: left;
}
#logo img {
	padding: 25px;
}
#header #meta-nav {
	bottom: 32px;
	right: 2em;
	position: absolute;

}

#footer {
	background-color: rgb(240,242,217);
	background-image: url(../images/hg.footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-color: #fff;
	border-style: solid;
	border-width: 0 15px 10px;
	height: 58px;
	margin: auto;
	width: 1050px;
}


/*****  elements  *****/
h1 {
	color: rgb(52,72,87);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
}
h2 {
	color: rgb(79,127,173);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}
h3 {
	color: rgb(52,72,87);
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}

.csc-firstHeader {
	margin-top: 0;
}
#main-header .csc-firstHeader {
	border-bottom: 1px dotted rgb(52,72,87);
	margin-bottom: 1em;
	padding-bottom: .35em;
}

p {
	line-height: 150%;
}
#inner-wrap li {
	line-height: 150%;
    list-style-image: url(../images/img_listen.gif);
}
li {

	margin-bottom: .25em;
}

dd {
	margin: .75em 0 1em;
	font-size: .86em;
}
dl.csc-textpic-image {
	margin-bottom: 1em !important;
}
dd.csc-textpic-caption {
	padding-top: .5em;
}

/*  Zusatzformate in rechter Spalte: */
#marg-col {
	font-size: 86%;
}
#marg-col h2 {
    font-size: 1.1em;
}
#marg-col dd {
    color: #333;
	font-size: 1em;
	line-height: 125%;
}
#marg-col ul {
	margin-left: 1.5em;
}
#marg-col ul ul {
	margin-left: 1.2em;
}


/*****  links (general)  *****/
a:link, a:visited {
	color: rgb(52,72,87);
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}


/*****  Menus  *****/
#main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main-menu li {
	margin: 0;
	padding: .5em 25px;
}
#main-menu li li {
	border-top: 1px dashed #333;
	padding: .5em 0;
}
#main-menu a {
	background-image: url(../images/transp.png);
	display: block;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: bold;
	padding: .35em .5em;
}
#main-menu span {
	background-image: url(../images/transp.png);
	display: block;
	font-family: Georgia,"Times New Roman",Times,serif;
	padding: .35em .5em;
}
#main-menu li ul {
	margin-top: .5em;
}
#main-menu li li a {
	background-image: none;
    display: inline;
    line-height: 1em;
    margin-left: .5em;
	padding: 0;
}
#main-menu li li.no a:link, #main-menu li li.no a:visited {
	font-weight: normal;
}
#main-menu li li span {
	background-image: none;
	padding: 0 .5em;
}

#main-menu .no a:link, #main-menu .no a:visited,
#main-menu ul ul .no a:link, #main-menu ul ul .no a:visited	 {
	/*color: rgb(52,72,87);*/
	color: #000;
}
#main-menu .cur a:link, #main-menu .cur a:visited,
#main-menu .cur {
	color: rgb(128,122,62);
	font-weight: bold;
}
#main-menu ul ul .cur a:link, #main-menu ul ul .cur a:visited,
#main-menu ul ul .cur {
	color: rgb(52,72,87);
	font-weight: bold;
}
#main-menu ul ul ul .no a:link, #main-menu ul ul ul .no a:visited,
#main-menu ul ul ul .no {
	color: #000;
	font-weight: normal;
}
#main-menu .actifsub a:link, #main-menu .actifsub a:visited {
	color: rgb(128,122,62);
}
#main-menu a:focus, #main-menu a:hover, #main-menu a:active {
	color: rgb(128,122,62) !important;
}
#main-menu li li a:focus, #main-menu li li a:hover, #main-menu li li a:active {
	border-bottom: 1px dotted #333;
	color: #333 !important;
    text-decoration: none;
}

#main-menu ul ul ul a:link, #main-menu ul ul ul a:visited,
#main-menu ul ul ul span {
	background-image: url(../images/list.bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 20px;
}

#main-menu ul li + li {
	background-image: url(../images/hg.left-ul.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: -25px;
	padding-top: 72px;
}
#main-menu ul li li {
	background-image: none;
	margin-top: 0;
	padding-top: .5em;
}


#meta-nav a, #quick-nav a {
	padding-left: 11px;
}
#meta-nav a + a, #quick-nav a + a {
	background-image: url(../images/menu.separator.gif);
	background-position: left;
	background-repeat: repeat-y;
}

#quick-nav {
	border-top: 1px dotted rgb(52,72,87);
	font-size: 86%;
	margin-left: 300px;
	padding-top: .25em;
	text-align: right;
	width: 725px;
}


/*****  forms  *****/



/*****  other stuff  *****/
:lang(all) {
	quotes: '' '' '' '';
}

.cb {
	clear: both;
	margin-bottom: 0 !important;
}
.cl {
	clear: left;
	margin-bottom: 0 !important;
}
.cr {
	clear: right;
	margin-bottom: 0 !important;
}

.screader {
	display: none;
}

area {
	cursor: pointer;
}

.s80 {
	font-size: 80%;
}

/* Forms 
******************************************************************/

.csc-mailform SELECT {

  color: #000000;
  background-color: #EDEFF1;
  border: 0px solid #CCCCCC;
}	

.csc-mailform TEXTAREA {
  color: #000000;
  font-weight : normal;
    border: 1px solid #666666;
    font-size: 12px !important;
    width: 190px !important;
}

.csc-mailform label {
width: 100px !important;
display: block;
float: left;
}

.csc-mailform INPUT {
  color: #000000;
width: 190px !important;
  border: 1px solid #666666;
}

.csc-mailform INPUT#mailformformtype_mail {
margin-left: 100px;
}

.csc-mailform BUTTON {

  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #EDEFF1;
padding: 5px 0 0 0;
}

.csc-mailform {
  width: 300px;
  border: 0px none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 10px 0 0 0;
  margin-left: 65px !important;
}

.csc-mailform-field {
  margin-bottom: 8px;
  line-height: 18px;
/*clear: left;*/
}