@import "reset.css";

body { background: url(images/background2.jpg) #cbdf80 repeat-x fixed center top; }

p { padding: 0 15px 6px 15px; }

#headerbg { float: left; width: 100%; margin-top: 15px; background: url(images/header.jpg) center top no-repeat; }

#pagecontainer {
  width: 980px;
  margin: 0 auto;
}

/*** header section ***/
#headerspan {
  float: left;
  width: 100%;
  height: 160px;
  margin-top: 20px;
}

#logo {
  float: left;
  padding-left: 10px;
}


/*** topnav ***/
#topnav {
  float: left;
  width: 100%;
  padding: 15px 0 10px 0;
}

#topnav ul {
  float: right;
  padding-right: 0px; 
  list-style: none;
  z-index: 10000;
}

#topnav li {
  float: left;
  background: url(images/topnav-divider2.png) no-repeat right center;
}

#topnav li.last { background: none; }

#topnav a {
  display: block;
  padding: 0 26px 0 13px;
  color: #745a33;
  line-height: 26px;
}

#topnav a:hover {
  color: #a46217;
  text-decoration: none;
}

#topnav li.last a { padding: 0 0 0 13px; }

#topnav ul ul {
  -moz-box-shadow: 1px 1px 5px #888;
  -webkit-box-shadow: 1px 1px 5px #888;
  box-shadow: 1px 1px 5px #888;
  background: url(images/topnav-dropbg.png) left bottom;
}

#topnav ul ul li { border-bottom: 1px solid #91aca6; }
#topnav ul ul li:hover { background: url(images/topnav-dropbg-act.png) left bottom; }

/*** leftnav ***/
.leftnav-front {
  float: left;
  width: 212px;
  height: 388px;
  padding-top: 278px;
  margin-bottom: 15px;
  background: url(images/tavle-endrik.png) no-repeat;
}

.leftnav-top {
  float: left;
  width: 212px;
  background: url(images/tavle-pindsvin-mid.png) repeat-y top left;
}


.leftnav-bottom {
  float: left;
  width: 212px;
  background: url(images/tavle-pindsvin-bottom.png) no-repeat bottom left;
}

.leftnav-sub {
  float: left;
  width: 212px;
  min-height: 268px;
  padding: 34px 0 120px 0;
  background: url(images/tavle-pindsvin-top.png) no-repeat;
}

#leftnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#leftnav li {
  float: left;
  width: 100%;
}

#leftnav a {
  display: block;
  color: #ffffff;
  padding: 0 25px 6px 25px;
}

#leftnav a:hover {
  text-decoration: none;
  color: red;
}


#leftnav ul ul li { margin-left: 23px; background: url(images/bullet.png) no-repeat left top; }
#leftnav ul ul a { padding: 0 25px 6px 18px; }


/*** content ***/
#col-left {
  float: left;
  width: 212px;
  padding-right: 25px;
}

#col-main {
  float: right;
  width: 721px;
  background: #fffff8;
}

#col-mainpadding {
  float: left;
  min-height: 391px;
  width: 691px;
  margin: 15px;
  background: url(images/page-gradient.png) repeat-x left bottom;
}

#contentspan h1 {
  font-size: 23px;
  line-height: 23px;
  padding: 0 15px 10px 15px;
  color: #6d8c84;
  font-family: Georgia;
}

#col-mainpadding h2,
#col-mainpadding h3,
#col-mainpadding h4,
#col-mainpadding h5,
#col-mainpadding h6 { padding: 0 15px 6px 15px; }

#col-mainpadding ul,
#col-mainpadding ol { margin: 0 15px 6px 15px; }

#col-mainpadding ul h2,
#col-mainpadding ul h3,
#col-mainpadding ul h4,
#col-mainpadding ul h5,
#col-mainpadding ul h6,
#col-mainpadding ol h2,
#col-mainpadding ol h3,
#col-mainpadding ol h4,
#col-mainpadding ol h5,
#col-mainpadding ol h6 { padding: 0; }


/*** frontpage specific ***/
#col-front {
  float: right;
  width: 721px;
}


.pindsvin {
  float: left;
  width: 100%;
  padding: 15px 0;
  height: 50px;
  background: url(images/pindsvin.png) right center no-repeat;
}

.frontpage-boxline {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}

.frontpage-box {
  float: left;
  width: 199px;
  min-height: 252px;
  padding: 12px;
  margin-right: 25px;
  background: #fffff8;
}

.frontpage-box.last {
  margin-right: 0;
}

.frontpage-boxgradient {
  float: left;
  width: 100%;
  min-height: 260px;
  background: url(images/page-gradient.png) repeat-x left bottom;
}

.frontpage-boxgradient img { float: left; }

.frontpage-box h3 { font-size: 17px; line-height: 19px; padding: 4px 10px 6px 10px; font-family: Georgia, Verdana; }
.frontpage-box p { font-size: 12px; padding: 0 10px 6px 10px; line-height: 17px; }
.frontpage-box a,
.frontpage-box b,
.frontpage-box strong,
.frontpage-box i { font-size: 12px; line-height: 17px; }
.frontpage-box.green h3 { color: #6d8c84; }
.frontpage-box.brown h3 { color: #745a33; }

.frontpage-boxcontent {
  float: left;
  width: 100%;
  height: 160px;
}

.frontpage-imgtop {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}

.frontpage-imgbottom {
  float: left;
  width: 100%;
  padding-top: 5px;
}


/*** footer ***/
#footerspan {
  float: left;
  width: 100%;
  padding: 15px 0;
}

#footer {
  float: left;
  width: 580px;
  text-align: center;
  color: #745A33;
}
#maerker {
  width: 200px;
  float: left;
}
#kontrol {
  width: 200px;
  float: right;
  text-align: right;
}

#omaerket {
  float: left;
  padding-right: 15px;
}

#demeter {
  float: left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-single-image { float: left; }
.csc-textpic-intext-left .csc-textpic-imagewrap img { padding-right: 10px; }

.infobox-top {
  float: left;
  width: 100%;
  background: url(images/infobox-top.png) no-repeat left top;
}

.infobox-bottom {
  float: left;
  width: 100%;
  background: url(images/infobox-bottom.png) no-repeat left bottom;
}

.infobox-inner {
  float: left;
  width: 186px;
  margin: 9px 0 14px 0;
  padding: 5px 12px;
  background: url(images/infobox-mid.png) repeat-y left top;
}

.infobox-inner h4 {
  color: #745A33;
}

.sub-infoline {
  float: left;
  width: 180px;
  padding: 0 5px 5px 5px;
}
 
.sub-infoline input[type=text] { width: 100%; border: 1px solid #6D8C84; background: #ffffff; }
.sub-infoline input[type=submit],
.tx-sremailsubscribe-pi1 input[type=submit],
.tx-powermail-pi1 input[type=submit] {
  float: right;
  background: #7fa972;
  background: -moz-linear-gradient(#7fa972, #499232) repeat scroll 0 0 #098DF4;
  border: 1px solid #125CB5;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 5px;
}
.tx-powermail-pi1 input[type=submit] { float: left; }

.tx-sremailsubscribe-pi1 input { float: left; margin-left: 8px; }
.frontpage-boxcontent .tx-sremailsubscribe-pi1 input { margin-left: 0; }
.tx-sremailsubscribe-pi1 input[type=submit] { float: left; }

.frontpage-boxcontent .tx-sremailsubscribe-pi1 input[type=submit] { float: right; }
.frontpage-boxcontent .sub-infoline input[type=submit]:hover,
.tx-powermail-pi1 input[type=submit]:hover { background: -moz-linear-gradient(#499232, #7fa972) repeat scroll 0 0 #499232; }

/*** 3 columns ***/
.col3subpage {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}

.col3subpage .col1 {
  float: left;
  width: 223px;
  padding-left: 10px;
}

.col3subpage .col2 {
  float: left;
  width: 224px;
  padding-left: 10px;
}

.col3subpage .col3 {
  float: left;
  width: 223px;
}

.col3subpage b { font-weight: bold; color: #f7941d; }
.col3subpage i { font-weight: bold; color: #6cd245; }

/*** Google maps ***/
.pit_googlemaps-map-withsidebar {
  float: right; 
  margin: 0 0 0 10px;
}

.pit_googlemaps-sidebar {
  float: left;
  width: 111px;
}

.pit_googlemaps-sidebar a { float: left; border-bottom: 1px solid #6D8C84; padding-bottom: 6px; margin-bottom: 6px; }


#navleftpic {
  float: left;
  padding: 20px 0 0 30px;
}


/*** TYPO3 default styling ***/
.align-right { text-align:right; }
.align-left { text-align:left; }
.align-center { text-align:center; }

.csc-textpic-clear { clear:both; }
.csc-textpic-imagewrap { padding:0px; }

dl.csc-textpic-image { margin:0px; }
dl.csc-textpic-image dd { margin:0px; }
dl.csc-textpic-image dt { display:inline; margin:0px; }

.csc-textpic img { border:medium none; }

html .csc-textpic-intext-left-nowrap .csc-textpic-text { height:1%; }
html .csc-textpic-intext-right-nowrap .csc-textpic-text { height:1%; }

.csc-textpic .csc-textpic-imagecolumn { display:inline; float:left; }
.csc-textpic .csc-textpic-imagerow { clear:both; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol { margin-left:0px! important; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol { margin-right:0px! important; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float:left; margin-bottom:5px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin:0px; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img { margin:0px; }

.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image { float:left; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd { float:none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dd img { border:medium none; }
.csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image dt { float:none; }

.csc-textpic .csc-textpic-imagewrap ul { padding:0px; margin:0px; list-style-type:none; }
.csc-textpic .csc-textpic-imagewrap ul li { padding:0px; float:left; margin:0px; }

.csc-textpic-above .csc-textpic-text { clear:both; }

.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image img { border:black 2px solid; padding:0px;  }

.csc-textpic-caption-c .csc-textpic-caption { text-align:center; }
.csc-textpic-caption-l .csc-textpic-caption { text-align:left; }
.csc-textpic-caption-r .csc-textpic-caption { text-align:right; }

.csc-textpic-center { text-align:center; }
.csc-textpic-center .csc-textpic-imagewrap { margin:0px auto; }
.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; text-align:left; }
.csc-textpic-center .csc-textpic-text { text-align:left; }

.csc-textpic-equalheight .csc-textpic-imagerow { display:block; margin-bottom:5px; }

.csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right:10px! important; }
.csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { clear:both; float:left; margin-right:10px! important; }

.csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left:10px! important; }
.csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { clear:both; float:right; margin-left:10px! important; }

.csc-textpic-left .csc-textpic-imagewrap { float:left; }
.csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-right:10px; }
.csc-textpic-left .csc-textpic-text { clear:left; }

.csc-textpic-right .csc-textpic-imagewrap { float:right; }
.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image { display:inline; margin-left:10px; }
.csc-textpic-right .csc-textpic-text { clear:right; }

.tx-sremailsubscribe-pi1 p,
.tx-sremailsubscribe-pi1 legend { padding: 0 15px 6px 15px; }

/*** Kontakt ***/
.tx-powermail-pi1 legend { display: none; }
fieldset.tx-powermail-pi1_fieldset { border: 0; background: none; padding: 0 15px; }
fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin-top: 0; }