/******************************************
*   
*   duedingen_base.css
*   copyright 2007 - duedingen.ch
*
******************************************/

@import url(duedingen_nav.css);

/******************************************
*   Layout 
******************************************/


* {margin:0;padding:0;}

html[xmlns^="http"] {
	height:100%;
	padding-bottom:0.005em;
} 

body {
	background-color: #e1dee0;
	color: #000;
	padding: 20px 0;
	font-family: Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	font-size: 11px;
}

.clear {clear: both;}

#wrapSite {
	margin: auto;
	width: 966px;
	background: url(../images/wrapSite_BG.gif) repeat-y ;	
}

#header {
	background: url(../images/header_BG.gif) no-repeat top left;
	padding: 2px 5px 0 1px;
}

#logo {
	float: left;
	border: 0;
	padding: 1px 0 0 0;
}

#header_pic {
	float: left;
	border-bottom: 6px solid #E5072A;
	padding: 4px 0;
}

#chch_logo {
	float: left;
	border: solid #E5072A;
	border-width: 0 0 6px 0;
}

#headerBottom {
	clear: both;
	background: url(../images/headerBottom_BG.jpg) repeat-x;
	height: 27px;
	width: 100%;
	border-bottom: 1px solid #000;
}

#language {
	float: left;
	width: 215px;
	padding: 7px 0 0 7px;
}

#serviceNavigation {

}

#search {
	float: right;
	position: relative;
	top: -3px;
}

#search input {
	float: left;
	background: #fff; 
	color: #666;
	width: 163px;
    height: 13px;
	padding: 2px 3px;
	border: 1px solid #666;
	font-size: 10px;	
}

#search input.searchButton {
	border: 0;
	width: 13px;
	height: 13px;
	background: #E5072A;
	padding: 3px 2px;	
	font-size: 9px;	
}


#main {
	float: left;
	padding: 0px 5px 0 1px;
}

#colLeft {
	float: left;
	width: 208px;
	padding: 65px 0;
}

#content {
	float: left;
	width: 537px;
	padding: 10px 14px;
}

#colRight {
	float: right;
	width: 187px;
	padding: 30px 0;
}

#footer {
	clear: both;
	background: url(../images/footer_BG.gif) no-repeat bottom left;
	padding: 5px 0;
	font-size: 0.1px;
}

/******************************************
*   Styles 
******************************************/

a {
	text-decoration: none;
	color: #e5072a;	
}
a:hover {
	text-decoration: none;
	color: #000;	
}
a:focus, a:active {outline:0;}

h1 {
	color: #e5072a;
	background: #fff;
	font-size: 15px;
	padding: 20px 0;
}

h2 {
	clear: both;
	color: #e5072a;
	background: #fff;
	font-size: 12px;
	padding: 2px 0px;
	margin: 0 0 20px 0;
}

h3 {
	color: #000;
	background: #fff;
	font-size: 11px;
	padding: 5px 0;
}

#language a {
	color: #000;
	background: inherit;
}

#content p {
padding: 0 0 20px 0;
line-height: 18px;
}

#content ul {
	list-style-type: none;
	padding: 2px 100px 20px 0; 
	margin:  0;	
	font-size: 11px;
	line-height: 18px;
    color: #131313;
}

#content ul li  {
	background: url(../images/navLev2plus.gif) no-repeat;
	background-position: 3px 7px;
	padding: 0 0 10px 20px;
}

#content ol {
	padding: 2px 100px 20px 20px; 
	margin:  0;	
	font-size: 11px;
	line-height: 18px;
        color: #131313;
}

#content ol li  {
	background-position: 3px 7px;
	padding: 0 0 10px 0px;
}

#content table.standard { 
        font-size: 10px;
        color: #131313;
        padding: 0 0 37px 0;
}

#content table.standard th {
        border: solid #f9cfd6;
        border-width: 0 0 1px 0;
        padding: 0 0 18px 0;
        font-size: 11px;
}

#content table.standard td {
        border: solid #f9cfd6;
	    border-width: 0 0 1px 0;
        line-height: 14px;
        padding: 10px 0 10px 0;
}


#content img.alignLeft {
padding : 5px 10px 5px 0;
}

#content img.alignRight {
padding : 5px 0 5px 10px;
}

.contentImgRight {
float: right;
padding: 20px 0 10px 10px;
}

#colRight h2 {
	color: #e5072a;
	background: #fff;
	font-size: 12px;
	padding: 2px 0px;
	margin: 0 0 20px 0;
}

#colRight h3 {
	color: #000;
	background: #f9cfd6;
	padding: 3px 4px 2px 4px;
	margin: 0 0 5px 0;
	font-size: 11px;	
}

#colRight h4 {
	padding: 0 0 0 3px;
	font-size: 11px;	
}

#colRight p {
	padding: 0 10px 20px 3px;
	font-size: 11px;	
	line-height: 15px;
}

#colRight a {
	text-decoration: none;
	color: #e5072a;
}

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


/******************************************
*   Gallery 
******************************************/


#content div.gallery img {
	border: 0px ;
}



#content div.gallery {
	border-top: 0px solid #333;
	margin: 0 0;
	padding: 0 0 0 0;
}

#content div.gallery a.prev {
	float: left;
	padding: 0 0 0 60px;
}

#content div.gallery a.next {
	float: right;
	padding: 0 60px 0 0;
}

#content div.gallery p.image,
#content div.gallery p.image img {
	margin: 9px 0 0 0;
	text-align: center;
}

#content div.gallery p.descr {
	margin: 0 0 5px 0;
	padding: 10px 0 15px 0;
	border-bottom: 0px solid #333;
}

#content p.gallery-navi {
	text-align: center;
	border-top: 0px solid #333;
	border-bottom: 0px solid #333;
	padding: 5px;
}

#content p.gallery-navi a {
	margin:  0 0 0 10px;
}

#content p.gallery-navi a.first,
#content p.gallery-navi a.prev,
#content p.gallery-navi a.next,
#content p.gallery-navi a.last {
	text-decoration: none;
}

#content table.gallery {
	margin: 0 10px;
}

#content table.gallery td span {

}

#trailimageid {
 position: absolute;
 visibility: hidden;
 left: 0px;
 top: 0px;
 height: 1px;
 z-index: 5000;
}

/*---------------------------------------------*/ 
/*           Veranstaltungskalender            */ 
/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*               sKalender                     */ 
/*---------------------------------------------*/ 

#mod_sK a { 
 font-family:sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#444444;
}

#mod_sK a.tag { 
 font-size:9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing:4pt;
 font-size:12px;
 font-family:sans-serif;
 text-decoration:none; 
 color:#000000;
}

#mod_sK td.navl {
 text-align:left; 
 width:20%;
 font-weight:bold;
}

#mod_sK td.navr {
 text-align:right; 
 width:20%;
 font-weight:bold;

}
#mod_sK td.navm {
 text-align:center; 
 width:60%;
 font-weight:bold;
}

#mod_sK td.wtag {
 width:14%;
 background-color:#ffffff;	
 text-align:center; 
 color:#000000;
 font-family:sans-serif;
}


#mod_sK td.wochenende {
 background-color:#eeeeee;	
 color:#aaaaaa;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.wochentag {
 color:#999999;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.heute {
 color:#43A0AF;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 paddin-right:3px;}

#mod_sK td.belegt {
 background-color:#e3e3ff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegtwe {
 background-color:#bfbfff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiert {
 background-color:#ffffcc;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiertwe {
 background-color:#ffff99;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}

#mod_tlf {
   text-align:left;
}

#mod_tl table {
   width: 537px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_tl th {
   width:537px;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl .border { border-top:1px solid #000000; border-bottom:1px solid #000000; }
#mod_tl .hell { background-color:#ffffff; }
#mod_tl .dunkel { background-color:#dfdfdf; }
#mod_tl .sp0 { width: 1px; }
#mod_tl .sp1 { width: 50px; }
#mod_tl .sp2 { width: 70px; }
#mod_tl .sp3 { width: 256px; text-align: left; }
#mod_tl .sp4 { width: 160px; text-align: left;}
#mod_tl .einrueck { padding-left: 5pxs; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminteaser                */ 
/*---------------------------------------------*/ 

#mod_ttl table {
   width:300px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_ttl th {
   width:100%;
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_ttl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_ttl .hell { background-color:#ffffff; }
#mod_ttl .dunkel { background-color:#dfdfdf; }
#mod_ttl .sp1 { width:110px; }
#mod_ttl .sp2 { width:190px; }


/*---------------------------------------------*/

/***************************************************
*   contactform  
***************************************************/



div#contactForm {
	font-size: 11px;
	padding:  10px 0 0 0;
}

#contactForm fieldset {
	border: 0;
}

#contactForm fieldset#personalData,
#contactForm fieldset#contactData,
#contactForm fieldset#change {
	margin: 0 0 10px 0;
}

#contactForm fieldset legend {
	display: none;
}

#contactForm label {
	float: left;
	display: block;
	width: 130px;
	padding: 6px 0 0 1px;
	margin: 0;
}

#contactForm textarea,
#contactForm input,
#contactForm select {
	font-family:  Helvetia, Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	float: right;
	background: #fff;
	color: #000;
	border: 1px solid #999;
        width: 310px;
        margin: 2px 40px;
}

#contactForm input#fon,
#contactForm input#fax,
#contactForm input#mail {    
}

#contactForm input#subject,
#contactForm textarea#nachricht{
	width: 310px;
}

#contactForm textarea#nachricht{
	height: 100px;
}


#contactForm input:hover, 
#contactForm input:active, 
#contactForm input:focus, 
#contactForm select:hover,
#contactForm select:active,
#contactForm select:focus,
#contactForm textarea:hover, 
#contactForm textarea:active,
#contactForm textarea:focus {
    background-color: #f9cfd6;
    border: 1px solid #999;
}

#contactForm fieldset#contactData p.semiOptText {
	font-size: 10px;
    margin: 0 40px 0 185px;
}

#contactForm span {
	float: left;
	font-size: 10px;
    margin: 0 0 0 185px;
}

#contactForm input#sent {
	float: right;
	width: 150px;
        background-color: #FF9900;
        border: 1px solid #999;
        margin: 0 40px 0 0;
}
#contactForm .errorMessage {
	float: right;
	color: red;	
	font-size: 10px;
    margin: 0 15px 0 0 ;
}