@charset "UTF-8";
/*
	Stylesheet für www.coucou-freiburg.de
	© 2009 Sebastian Kabis
	www.making-the-web.de
*/

@import url("general.css");
@import url("boxes.css");
@import url("colors.css");
@import url("fontstyles.css");
@import url("lib_cmxform.css");
@import url("forms.css");

#column .countys li ul { display: none; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

img, div { behavior: url(iepngfix.htc) }
body {
	background: url(../assets/bg_body.jpg) repeat;
	color: #674c40;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: small;
	letter-spacing: 0.08em;
}
a {
	color: #674c40;
}
a:hover {
	text-decoration: none;
}
#wrapper {
	width: 1000px;
	margin: auto;
	background: #fff5e3;
}
.clear {
	clear: both;
}
/* HEADER BEGIN */

#header {
	padding-bottom: 15px;
}
#logo h1 {
	display: none;
}
#logo h3 {
	display: none;
	width: 332px;
	height: 102px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo {
	width:332px;
	height:102px;
	background: url(../assets/logo.png) no-repeat bottom;
	margin-left: 20px;
}

#coucous {
	float: right;
	margin-right: 20px;
} 
/* HEADER END */

/* NAVIGATION BEGIN */

#navigation {
	margin-left: 10px;
}
#mainnavigation li {
	float: left;
	margin-right: 3px;
}
#mainnavigation a:hover {
	background: url(../assets/bg_navi_active.png) no-repeat bottom;
}
#mainnavigation a {
	display: block;
	width: 137px;
	height: 40px;
	background: url(../assets/bg_navi_normal.png) no-repeat bottom;
	text-decoration: none;
	text-align: center;
	line-height: 350%;
} 
.navifont {
	font-weight: bold;
	font-size: 120%;
}
#subnavigation {
	margin-top: 15px;
	margin-left: 10px;
}
#subnavigation a:hover {
	font-style: italic;
}
#subnavigation a {
	text-decoration: none;
}
#subnavigation li {
	float: left;
	margin-right: 50px;
}
/* NAVIGATION END */
#body_wrap {
	width: 1000px;
	height: 100%;
	background: url(../assets/bg_side.png) repeat-y;
	margin-top: 30px;
}
#sidebar_right {
	float: right;
	width: 310px;
	margin: 0 20px 0px 0;
}
#sidebar_right h4 {
	text-align: right;
	font-weight: bold;
	font-size: 1.4em;
}
#sidebar_right p {
	text-align: right;
}
#sidebar_zufallsbild, #sidebar_newsletter, #sidebar_gewinnspiel {
	text-align: right;
	margin-bottom: 30px;
}
#sidebar_zufallsbild img {
	border: 1px solid #674c40;
}
#newsletterform {
	text-align: right;
	margin: 10px 0 10px 0;
	font-size: x-small;
}
#newsletterform input.submit {
	color: black;
	background: white;
}
input#newslettername, input#newsletteremail {
	background: #674c40;
	color: #fff5e3;
	font-size: x-small;
	border: 0;
	width: 100px;
	font-family: tahoma, verdana, arial, sans-serif;
}
input#newslettersubmit {
	background: #fff5e3;
	font-size: x-small;
	color: #674c40;
	margin-left: 10px;
}
input#newslettersubmit2 {
	background: #fff5e3;
	font-size: x-small;
	color: #674c40;
	margin-left: 10px;
}
.small {
	font-size: x-small;
}
/* CONTENT BEGIN */
.pic_right img {
	padding: 0 0 20px 20px;
	border: none;
}
.pic_left img {
	padding: 0 20px 20px 0;
	border: none;
}
#content {
	width: 590px;
	float: left;
	margin: 0 0 20px 20px;
	padding-right: 30px;
}
#content h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 20px;
}
#content p {
	line-height: 1.7em;
	text-align: justify;
}
#content ul {
	list-style-type: circle;
	list-style-position: inside;
}
#content li {
	margin: 15px 0;
}
ul#galerie {
	list-style-type: none;
}
#galerie li {
	float: left;
	margin: 0;
}
#galerie img {
	margin: 10px;
	border: 1px solid #674c40;
}
.gbook_entry {
	list-style-type: none;
	border: 1px solid #674c40;
	padding: 10px;
}
form.guestbook fieldset {
	border: 1px solid #674c40;
}
form.guestbook legend {
	margin: 0 20px;
	padding: 0 5px;
}
.guestbook_newentry li {
	list-style-type: none;
	width: 500px;
}
.guestbook_newentry {
	margin: 5px 25px;
}
.guestbook_newentry label, .guestbook_newentry input {
	display: block;
	float: left;
}
.guestbook_newentry input {
	width: 300px;
	background: #674c40;
	color: #fff5e3;
	border: none;
	font-family: tahoma, verdana, arial, sans-serif;
}
.guestbook_newentry label {
	width: 120px;
}
.guestbook_newentry textarea {
	display: block;
	float: left;
	width: 300px;
	height: 200px;
	background: #674c40;
	color: #fff5e3;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: small;
	border: none;
}
input#guestbooksubmit {
	background: #fff5e3;
	color: #674c40;
	border: 1px solid #674c40;
	width: 100px;
	margin: 20px 20px 20px 120px;
}
p.error {
	margin: 20px;
	color: red;
}
p.success {
	margin: 20px;
}
.error2 {
	border: 1px solid red;
}
.coucou {
	margin: 0 0 10px 10px;
}
.competition legend {
	margin: 20px;
	padding: 0 5px;
}
.competition label {
	display: block;
	width: 200px;
}
.competition input#emailinput {
	width: 200px;
	background: #674c40;
	color: #fff5e3;
	border: none;
	font-family: tahoma, verdana, arial, sans-serif;
}
.competition input#nameinput {
	width: 200px;
	background: #674c40;
	color: #fff5e3;
	border: none;
	font-family: tahoma, verdana, arial, sans-serif;
}
.competition input#submitcomp {
	background: #fff5e3;
	color: #674c40;
	margin-top: 10px;
	border: 1px solid #674c40;
}
.answer {
	margin: 0 0 20px 25px;
}
#sidebar_gewinnspiel {
	text-align: right;
}
/* CONTENT END */

/* FOOTER BEGIN */

#footer {
	background: #f5b7c9;
	height: 1.5em;
	padding-right: 10px;
}
#footer p {
	line-height: 1.5em;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footermiddle {
	text-align: center;
}
.footerright {
	float: right;
	text-align: right;
}
/* FOOTER END */

#newsletterform fieldset {
  border: none;
}
#newsletterform label.radio {
  float: left;
  text-align: right;
}

.radio {
  font-size: x-small;
  display: block;
  text-align: right;
  margin: 10px 0;
}

/* RESERVIERNGEN */

.leerlassen {
	display: none;
}
.reservationform li {
	list-style-type: none;
	width: 500px;
}
.reservationform {
	margin: 5px 25px;
}
.reservationform input.text {
	width: 300px;
	background: #674c40;
	color: #fff5e3;
	border: none;
	font-family: tahoma, verdana, arial, sans-serif;
}
.reservationform textarea {
	background: #674c40;
	color: #fff5e3;
	font-size: small;
	width: 300px;
}
input.error, textarea.error { border: 1px solid red !important; }
input#reservationsubmit {
	color: #674c40;
	width: 200px;
	height: 2.5em;
	margin: 20px 20px 20px 120px;
}


/* RESERVIERUNGEN END */