/* main layout ****************************************************************/

* {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    line-height:1.4em;
}

table {
    border-collapse: collapse;
}

html {

}

#head {
    width: 950px;
    height:142px;
    background: #fff url(../_img/head.jpg) no-repeat;
}

body {
    position: relative;
    width: 950px;
    margin: 1px 1px 1px 3px;
    padding:0 8px 10px 8px;
    scrollbar-base-color:#E0C266;
  	scrollbar-3dlight-color:#FFFFFF;
  	scrollbar-arrow-color:#FFFFFF;
  	scrollbar-darkshadow-color:#000000;
  	scrollbar-face-color:#E0C266;
  	scrollbar-highlight-color:#FFFFFF;
  	scrollbar-shadow-color:#000000;
  	scrollbar-track-color:#CECECE;
}



/* Domain Holzwerken  */

img#domain {
    margin: 60px 0 0 46px;
}


/* Logo Vincentz  */

img#logo_vincentz{
	position: absolute;
    top:67px;
    right:16px;
    padding:0;
}

/* Logo Werkstattkurse  */

img#logo_werkstattkurse{
	margin:2.3em 0 .5em 0;

}
img#logo_werkstattkurse.auflistung{
	margin:0 0 .5em 0;
}

img#bottom {
    position: absolute;
    right: 0;
    bottom: -6px;
}

/* common *********************************************************************/

a {
    text-decoration: none;
    color: #cc9900;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

.left{
  	float:left;
  }

.right{
  	float:right;
  }

h1 {
	font-size:14px;
	font-weight: bold;
	margin-bottom: 3em;
}
h2 {
	font-size:16px;
	font-weight: bold;
	margin-bottom: .3em;
    border-left: 10px solid #f0c900;
    padding-left:5px;
}
h2 a {
	font-size:14px;
	font-weight: bold;
	color:#000;
	line-height:1.2em;
}
h2 a:hover {
	color:#cc9900;
	text-decoration:none;
}

h1 em{
	color: #cc9900;
}

h3 {
	color: #cc9900;
	font-size:14px;
	font-weight: bold;
	margin-bottom:.8em;
	margin-top:1.5em;
}
h4 {
	font-size:10px;
	font-weight: normal;
	margin-bottom:.8em;
}



/* Spalten ********************************************************************/

#spalte {
    margin: 2.9em 0 0 1px; padding: 0 0 0 1px;
  }

#spalte.links {
    float: left; width: 160px;
  }
#spalte li {
    list-style: none;
    margin-bottom: 0.3em; padding: 0;
  }
#spalte.links li{
   margin-bottom:3em;
 }
 #spalte.links li.clear{
   margin-bottom:2em;
   padding-bottom: 1em;
   border-bottom: 1px dotted #cc9900;
   font-size:11px;
 }
 #spalte.links li a{
    font-size:11px;
 }
 #spalte.links li.button {
   border-bottom: 1px solid #cc9900;
   border-left: 1px solid #cc9900;
 }
#spalte.links li.button a {
	color: #cc9900;
	display: block;
   font-weight: bold;
   font-size: 12px;
   padding: 0 12px 3px 12px;
  }
#spalte.links li.button a:hover {
	text-decoration:none;
	color: #fff;
  }
#spalte.links li.button:hover {
   background-color: #cc9900;
   color: #fff;
  }
#spalte.rechts{
    float: right;
    padding: 0;
    text-align:right;
	width:245px;
    margin: 0 0 0 1px;
 }
#spalte.rechts .bez{
    margin-top:4px;
}




  /* Mitte */

div#Inhalt {
    margin: 0 0 0 169px;
    padding: 2.5em 1em;
	border-left: 1px solid #cc9900;
	min-height:500px;
	height:auto !important;
	height:500px;
 }
div#detailtext {
    width:475px;
}
.monatsansicht{
  	border-top: 1px dotted #cc9900;
  	width:765px;
	background: url(../_img/bg_zeile.gif) repeat-x;
	min-height:100px;
	height:auto !important;
	height:100px;
    padding-bottom:1em;
}

.jahresuebersicht{
  	border-top: 1px dotted #cc9900;
  	width:765px;
	background: url(../_img/bg_zeile.gif) repeat-x;
	min-height:75px;
	height:auto !important;
	height:75px;
    padding-bottom:1em;
}
.zeile .einheit {
  	font-size:10px;
}
.zeile .adresse{
  	margin-bottom:.3em;
}
.zeile .bez, .zeile .adresse{
  	font-size:10px;
    color: #cc9900;
}
.zelle1 {
  	width: 520px;
	float:left;
    padding: .5em 1em .3em 1em;
}
.zelle1 a.mehr{
  	font-size:10px;
    font-weight:bold;
}
.zelle_div {
  	border-left: 1px dotted #cc9900;
	margin: 1.5em 0 0 0;
	padding: .5em 10px;
	float:left;
	width:50px;
	text-align:center;
}
.zeile .dat{
  	background: #fcf0cf;
}

.top{
  	text-align:right;
    margin-bottom:1em;
}

.top a{
  	background: url(../_img/pfeil_up.gif) no-repeat 100%;
	padding-right:15px;
    font-size:10px;
    font-weight:bold;
}


  /* Monats®?bersicht */

div#termListe {
	background: #eee4a4;
	border: 1px solid #cc9900;
	min-height:105px;
	height:auto !important;
	height:105px; 
	width:480px;
	margin-bottom:50px;
}

.termListe {
    float: left; width: 120px;
	background: #eee4a4;
	border-top: 1px solid #fff;
}

.termListe a{
    color: #000;
}

.termListe ul {
   margin: .8em 0px 4px 0;
    list-style-type: none;
}

.termListe ul li{
  	background: url(../_img/pfeil.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin:5px 10px;
}

.termListe ul li span{
   color:#e0c266
}

.termListe ul li .active{
   font-weight: bold;
}

.jahr {
    width: 480px;
	background: #cc9900;
	border: 1px solid #cc9900;
}

.jahr ul {
   margin: 0;
    list-style-type: none;
	margin-left:10px;
}

.jahr ul li{
  	display: inline;
	margin:0;
	padding:0;
}

.jahr ul li a{
  	background: url(../_img/pfeil.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 10px 0;
	line-height: 1.8em;
	color:#fff;
}


/* banner *********************************************************************/

div#banner  {
   height: 97px;
   padding-top:7px;
   background: #fff;
   border-bottom: #fcb92a solid 7px;
}

/* footer_navigation **********************************************************/

ul#footer_navigation {
    text-align: center;
    margin: .8em 0px 4px 0;
    list-style-type: none;
    width:950px;
}

ul#footer_navigation img{
    float:right;
}

ul#footer_navigation li {
	font-size: 10px;
    display: inline;
    padding: 0 10px;
    color:#9a9a9a;
}

ul#footer_navigation li a {
    color: #cc9900;
    text-decoration: none;
    font-size: 10px;
	background: #fff url(../_img/minipfeil.gif) no-repeat;
	padding: 0 0 0 10px;
}

ul#footer_navigation li a:hover {
    text-decoration: underline;
}

hr {
	height: 1px;
	color: #cc9900;
	background-color: #cc9900;
	border: none;
}

.clipper {

}

.clipper select {
   font-size:1em;
   border: 1px solid #cc9900;
   padding:.4em;
   background: url(../_img/bg_select.gif) repeat-x;
   width: 120px;

}
.clipper img {
	margin:0 0 0 3px;

}
.sort select {
  margin-right:0;
}
.clipper select option {
   padding-left:.5em;
   /*background: #cc9900;
   color: #fff;*/
}

/*################################  N E U  ################################################*/

a.zurueck {
	margin-bottom:2em;
	display:block;
}

.ausz {
	font-size:14px;
	font-weight:bold;
	color:#cc9900;
}

.detailseite{
  	border-top: 1px dotted #cc9900;
  	width:765px;
	background: url(../_img/bg_zeile.gif) repeat-x;
	min-height:75px;
	height:auto !important;
	height:75px;
    padding-bottom:1em;
	margin: 2em 0 0 0;
}
.detailseite .zelle_div{
  	width:100px;
}
.detailseite .dat{
  	width:50px;
}
.detailseite .weiterempfehlen {
	width:150px;
	padding:1em 0;
}
.detailseite .weiterempfehlen a{
	background: url(../_img/but_weiterempfehlen.gif) no-repeat 0 0;
	padding-left:25px;
}
.detailseite .social {
    width:180px;
	padding:1em 0;
}
.social ul {
    list-style-type: none;
	display: inline;
}
.social ul li {
    display: inline;
    padding: 0 3px;
}
.social img{
   	vertical-align:middle;
}
.preis {
    width:130px;
}
#thumb {
	width:250px;
	border: 1px solid #cc9900;
	padding: 3px;
	text-align:center;
}
#bilderschau {
	text-align: center;
	background: #f9f6ed;
	padding:12px 0;
	width:258px;
	margin: 5px 0;
}
#bilderschau a{
	background: url(../_img/icon_gallery.gif) no-repeat 0 0;
	padding: 3px 0 3px 25px;
}
.rechts hr {
	width:258px;
}
a#but_kursbuchen {
	background: url(../_img/but_kursbuchen.gif) no-repeat 0 0;
	height:34px;
	width:137px;
	display:block;
	margin: 25px 0 0 57px;
}
a#but_kursbuchen:hover {
	background: url(../_img/but_kursbuchen.gif) no-repeat 0 -35px;
}
.noborder {
	border: none;
}

/* ########################### N E U 2 #############################################*/

.formField, select, button{
	border: 1px solid #cc9900;
   	padding:.4em;
   	background: #fff;
}

select{
   	background: url(../_img/bg_select.gif) repeat-x;
}
button.book{
	float:right;
}
input.checkbox {
	border: none;
	margin-right:5px;
}
table.formTbl {
	width: 100%;
	background: #fcf7e8;
	margin-top:1em;
}
table.formTbl td {
	border-bottom:0 none;
	color:#404040;
	font-weight:normal;
	padding:2px 10px;
	height:2em;
	vertical-align:top;
}
tr.buttonBar td {
	background: #ccb77c;
	border-top: 1px solid #cc9900;
	border-bottom: 1px solid #cc9900;
	padding: 7px 14px;
}
tr.buttonBar .zurueck{
	color:#fff;
	padding: 0;
	margin:4px 0 0 0;
	diplay:inline;
	float:left;
	height:1em;
}
label {
	color:#777;
}


/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:110%;
	background-color: #fff; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
	border: 1px solid #777;
}

.mbLoading{ background: #fff url(../_img/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom {
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{
	width:55px;
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(../_img/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(../_img/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(../_img/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(../_img/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}


/* DATEPICKER */

.datepicker_jqui {
	position: absolute;
	font-size: 10px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	color: #333;
	line-height: normal;
	width: 185px;
	height: 158px;
	padding: 4px;
	background: url(../_img/datepicker/frame.png) no-repeat;
}

/* header
********************************************************/
.datepicker_jqui .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_jqui .header .title {
	text-align: center;
	margin: 3px 18px 0 18px;
}

.datepicker_jqui .header .titleText {
	font-size: 11px;
	color: #fff;
}

.datepicker_jqui .header .previous,
.datepicker_jqui .header .next,
.datepicker_jqui .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 16px;
	height: 16px;
	top: 4px;
	background-image: url(../_img/datepicker/arrows.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_jqui .header .previous {
	left: 4px;
}
.datepicker_jqui .header .previous:hover {
	background-position: left bottom;
}
.datepicker_jqui .header .next {
	right: 4px;
	background-position: -17px top;
}
.datepicker_jqui .header .next:hover {
	background-position: -17px bottom;
}
.datepicker_jqui .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_jqui .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_jqui .body {
	position: relative;
	top: 6px;
	left: 2px;
	width: 185px;
	height: 131px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_jqui .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_jqui .time .hour,
.datepicker_jqui .time .separator,
.datepicker_jqui .time .minutes {
	background: #fff;
	border: 0px;
	width: 50px;
	font-size: 32px;
	color: #333;
	border: 1px solid #aaa;
	position: absolute;
	top: 18px;
	text-align: center;
	padding: 2px;
}

.datepicker_jqui .time .hour {
	left: 23px;
}
.datepicker_jqui .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 84px;
}

.datepicker_jqui .time .minutes {
	left: 103px;
}
.datepicker_jqui .time .ok {
	position: absolute;
	top: 80px;
	height: 32px;
	width: 136px;
	left: 23px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_jqui .days .day {
	float: left;
	overflow: hidden;
	width: 19px;
	padding-top: 1px;
	padding-right: 3px;
	height: 13px;
	border: 1px solid #aaa;
	text-align: right;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .days .titles {
	margin-bottom: 1px;
}

.datepicker_jqui .days .titles .title {
	border: 1px solid transparent;
	text-align: center;
	height: 16px;
	padding-right: 0px;
	width: 22px;
	padding-top: 2px;
}

.datepicker_jqui .days .day0 {
	margin-right: 0;
}

.datepicker_jqui .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_jqui .days .week .day {
	background: #fcfcfc;
	cursor: pointer;
	color: #1C94C4;
}
.datepicker_jqui .days .week .day:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .days .week .otherMonth {
	background: #f2f2f2;
	color: #94B2BE;
	border: 1px solid #aaa;
}

.datepicker_jqui .days .week .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* months-grid
********************************************************/
.datepicker_jqui .months .month {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 57px;
	cursor: pointer;
	background: #fcfcfc;
	padding-top: 7px;
	height: 22px;
	border: 1px solid #aaa;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .months .month3,
.datepicker_jqui .months .month6,
.datepicker_jqui .months .month9,
.datepicker_jqui .months .month12 {
	margin-right: 0;
}

.datepicker_jqui .months .month10,
.datepicker_jqui .months .month11,
.datepicker_jqui .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_jqui .months .month:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .months .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* years-grid
********************************************************/
.datepicker_jqui .years .year {
	float: left;
	text-align: center;
	overflow: hidden;
	background: #fcfcfc;
	width: 32px;
	cursor: pointer;
	padding-top: 7px;
	height: 22px;
	border: 1px solid #aaa;
	margin: 0 2px 2px 0;
}

.datepicker_jqui .years .year4,
.datepicker_jqui .years .year9,
.datepicker_jqui .years .year14,
.datepicker_jqui .years .year19 {
	margin-right: 0;
	width: 34px;
}

.datepicker_jqui .years .year15,
.datepicker_jqui .years .year16,
.datepicker_jqui .years .year17,
.datepicker_jqui .years .year18,
.datepicker_jqui .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_jqui .years .year:hover {
	background: #fdf5ce;
	color: #c77405;
	border: 1px solid #fbcb09;
}

.datepicker_jqui .years .selected {
	background: #fff;
	color: #c77405;
	border: 1px solid #fbcb09;
}

/* global
********************************************************/
.datepicker_jqui .unavailable {
	cursor: default !important;
	background: #f0f0f0 !important;
	color: #ccc !important;
	border: 1px solid #ccc !important;
}


input.date {
	width: 150px;
	color: #000;
}

table.formTbl th {
	color:#404040;
	padding:10px;
        font-weight:bold;
}

div.formDiv {
	background: #fcf7e8;
}

div.deleteEntry {
	text-align: center;
	font-weight: bold;
}

.textareaWidth {
	width: 400px;
	height: 150px;
}

.inputWidth {
	width: 400px;
}


.submitbtn {
    background-color: #fff;
    border:1px solid #cc9900;
    padding:10px;
}

.required {
	background-color: #e0c167;
}

.border {
border: 1px solid #777;
}