/*******************************************************************************/
/* CSS-File by stefan.krapf@synor.ch */
/* Date: 2008-11-10 */



/*******************************************************************************/
/* Template formatieren (DIV's usw.) für alle Elemente innerhalb "#container": */
/*******************************************************************************/
body {
	text-align: center;
	margin: 0px;
	background-image: url(/fileadmin/images/templates/main/body_hg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#container {
	width: auto;
	text-align: left;
}
#header {
	height: 195px;
	z-index: 20;
}
#logo_container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	text-align: center;
	height: 164px;
}
#nav_pri_container {
	width: 940px;
	height: 31px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#content_main_container {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#nav_pri {
	float: left;
}
#path {
	float: right;
	text-align: right;
}
#content_main {
	padding-bottom: 195px;
	width: 926px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	padding-right: 7px;
}
#content_main h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 27px;
	font-weight: bold;
	color: #555555;
	margin-top: 0px;
	margin-bottom: 7px;
}
#content_main h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #909090;
	margin-top: 0px;
	margin-bottom: 5px;
}
#content_main h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #555555;
	margin-top: 0px;
	margin-bottom: 3px;
}
/*#content_main h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #00447B;
	margin-top: 0px;
	margin-bottom: 3px;
}
#content_main h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	color: #78b61d;
	margin-top: 0px;
	margin-bottom: 10px;
}
*/






#nav_services_container {
	text-align: center;
	position: fixed;
	bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	z-index: 10;
}
#nav_services {
	margin-right: auto;
	margin-left: auto;
	height: 155px;
	width: 940px;
}
#footer {
	height: 40px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	z-index: 10;
}


/* -- start -- Extension imagescroller */
#motioncontainer_10, #motioncontainer_60, #motioncontainer_98, #motioncontainer_99, #motioncontainer_259 {
	width: 100% !important;
	max-width: 100% !important;
}
#motioncontainer_10 span, #motioncontainer_60 span, #motioncontainer_98 span, #motioncontainer_99 span, #motioncontainer_259 span {
	margin-right: -4px;
}
/* -- end -- Extension imagescroller */


/* -- start -- Extension rgsmoothgallery */
div.myGallery {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
div.imageblock {
	margin-right: 10px;
}

.tx-rgsmoothgallery-pi1 {
	background-color: #FFFFFF !important;
}
.jdGallery .slideElement {
	background-color: #FFFFFF !important;
}
.jdGallery .loadingElement {
	background-color: #FFFFFF !important;
}
.jdGallery .carousel .carouselInner .thumbnail {
	background-color: #FFFFFF !important;
}
/* -- end -- Extension rgsmoothgallery */







/* -- start -- Formular */
.csc-mailform {
	border: 0px;
}
.csc-mailform-field {
}
.csc-mailform-field label {
	width: 90px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.csc-mailform input, .csc-mailform select {
	height: 17px;
	margin-bottom: 5px;
	border: 1px solid #A4A4A4;
}
.csc-mailform textarea {
	margin-bottom: 5px;
	border: 1px solid #A4A4A4;
}
/* hier eine Zeile, die nur ein Label ist: */
.csc-mailform-label {
	margin-left: 100px;
}
input.csc-mailform-submit {
	margin-left: 100px;
	width: 120px;
	margin-top: 10px;
	font-weight: bold;
	height: 22px;
	background-color: #F0F0F0;
}
/* -- end -- Formular */





/* -- start -- Extension gsi_pagenav */
.tx-gsipagenav-pi1 a {
	text-decoration: none;
}
.tx-gsipagenav-pi1 a:visited {
	color: #666666;
	text-decoration: none;
}
.tx-gsipagenav-pi1 a:hover {
	color: #999999;
	text-decoration: none;
}
/* -- end -- Extension gsi_pagenav */







/***********************************************************************************************/
/* Abstand zwischen Bild und Bildtext definieren (Typo3-internes CSS wird dabei überschrieben: */
/***********************************************************************************************/
#sidebar DIV.csc-textpic-text	{
	padding-top: 8px;
}
.csc-textpic-caption	{
	padding-top: 5px;
	font-style: italic;
}



/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
	margin-bottom: 10px;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
	margin-bottom: 10px;
}








/* teils aus typo3 css_styled_content */


/***************************/
/* General element styles: */
/***************************/
body, H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}
PRE { font-family: monospace; }
/*	A { color: #000066; text-decoration: underline; }	skj: das war originaldefinition */
a {
	color: #666666;
	text-decoration: underline;
}	/* skj: neu von mir */
a:visited {
	color: #999999;
	text-decoration: underline;
}
/*	A:hover { color: #660000; }	skj: das war originaldefinition */
a:hover {
	color: #999999;
}	/* skj: neu von mir */
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
UL, OL {
	margin-left: 30px;
	margin-top: 0px;
}
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }
div, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
p {
	margin-bottom: 5px;
}
#content_main table.contenttable {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#content_main table.contenttable p {
	margin-bottom: 0px;
}
#content_main table.contenttable td, #content_main table.contenttable th {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99D5F1;
	border-right-color: #99D5F1;
	border-bottom-color: #99D5F1;
	border-left-color: #99D5F1;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 2px;
}




/* -- start -- "Rahmen" in einem Content-Element */

DIV.csc-frame-rulerBefore {
	margin-top: 20px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 926px;
}
DIV.csc-frame-rulerAfter {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 926px;
}
/* rechts umfliessen lassen */
.rahmen100 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* links umfliessen lassen */
.rahmen101 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Umfliessen aufheben */
.rahmen102 {
	clear: both;
}
/* -- end -- "Rahmen" in einem Content-Element */




/* ====================================================================================================
/* Plugin "AddThis" anpassen (addthis)
/* ====================================================================================================
*/

/* Fehler I-Frame-Breite des Like-Buttons */
/* ====================================================================================================
*/

a.addthis_button_facebook_like iframe {
	width: 200px !important;
}