/* 
#
## @file: this file contains css-info for MODxCMS extensions aka. snippets
#
*/

/* 
#
## START ditto elements
#
*/

#content .ditto_item {
	/* should be identical with .entry (except bottom border)  */

	margin: 0 1em 1em 1em;
	padding: 0.5em 0 0.5em 0;
}

#content .ditto_item h1 a {
	font-size: 110%;
	font-weight: 600;
	margin: 0.4em 0 0.6em 0;
	padding: 0;
/*	color: #21597a; */
	text-decoration: none;
}

#content .ditto_item p.ditto_documentInfo {
	font-size: 70%;
	color: #a1a1a1;
	padding-bottom: 0.5em;
}

#content .ditto_item p.ditto_readmore {
	display: block;
	font-size: 80%;
	text-align: right;
}

.ditto_readmore a {
	background-color: #f8f8f8;
	padding: 0.2em;
	line-height: 1.5em;
}



/* pagination stuff */
#content .ditto_pagination {
	/* should be identical with .entry  */

	margin: 0 1em 3em 1em;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #4991C3;
}

#content .ditto_pagination .ditto_currentpage {
	font-weight: 900;
}

#content .ditto_pagination a {
	margin: 0.1em;
	padding: 0.3em;
	border: 1px solid #e0e0e0;

	background-color: #f0f0f0;
	line-height: 2em;
}

#content .ditto_pagination .ditto_currentpage {
	margin: 0.1em;
	padding: 0.3em;
	border: 1px solid #4991C3;

	background-color: #f8f8f8;
	line-height: 2em;

	font-weight: 900;
}

/* 
#
## END ditto elements
#
*/

/* 
#
## START maxigallery gallery elements
#
*/
/* Gallerien�bersicht */
.childscontainer {
	width: 100%;
/*	background-color: #fafafa;	*/
	margin: 0;
	padding: 10px 0 0 0;
}

.childscontainer .thumbs {
	width: 99%;	
	margin: 0;
	padding: 0;
}

.childscontainer .thumbs li {
	margin: 0;
	width: 27%;
	padding: 2%;
	text-align: center;
}

.childscontainer .thumbs li p {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}


/* Gallerie�bersichtsseite */

.thumbscontainer {
	width: 100%;
/*	background-color: #fafafa;	*/
	margin: 0;
	padding: 10px 0 0 0;
}

.thumbscontainer .thumbs {
	width: 99%;	
	margin: 0;
	padding: 0;
}

.thumbscontainer .thumbs li {
	margin: 0;
	width: 27%;
	padding: 2%;
	text-align: center;
/*	background-color: #fafafa;	*/
}


/* 
#
## END maxigallery gallery elements
#
*/

/* 
#
## START AjaxSearch
#
*/

p.ajaxSearch_resultsInfo {
	margin: 2em 0 2em 0;

	color: #21597a;

	font-size: 80%;
	font-weight: 900;
}

.ajaxSearch_result {
	margin: 1em 0 2em 0;
	border-bottom: 1px solid #4991C3;
}

.ajaxSearch_paging {
	line-height: 3em;
	margin: 1em 0 1em 0;
}

/* Suchworthighlighting */
.ajaxSearch_highlight, .ajaxSearch_highlight1 {
	font-weight: 900;
	background-color: #e9e9e9;
}

/* 
#
## END AjaxSearch
#
*/


/* 
#
## START eForm e-mail-Formular
#
*/

.entry .errors {
	padding: 2em;
	background-color: #e9e9e9;
}

#EmailForm {
	width: 500px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-family: Helvetica, Arial, sans-serif;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
/*	width: 310px; */
	width: 90%;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

/* 
#
## END eForm e-mail-Formular
#
*/