/****************************************************

	SITE: ebbinghaus

	Rot:	#9D0D16

	Stand 18.11.2008

	grass@mai-multimedia 2008

******************************************************/

* {margin: 0; padding: 0;}

body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		line-height: 1.4em;
		background: #B1B2B4;
		text-align: center;
		color: #58585A;
	}
h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}

ul { margin: 0 0 1em 1.6em; }
ol { margin: 0 0 1em 2.4em; }
ol li { margin-bottom: 1em; }


/****************************************************
	ALLGEMEINE STYLES
******************************************************/

.clear { clear: both; }
.invisible { display: none; }

img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 10px 10px 0;}
.imgRight { float: right; margin: 4px 0 10px 10px; }


a
	{
		color: #9D0D16;
		text-decoration: none;
	}
a:hover
	{
		color: #9D0D16;
		text-decoration: underline;
	}
a.popupImage
	{
		display: block;
		padding-bottom: 15px;
		background: transparent url(../images/zoom.gif) no-repeat bottom right;
    }

h1, h2, h3, h4, h5
	{
		color: #9D0D16;
		line-height: normal;
	}

h1
	{
        font-size: 1.6em;
		margin-bottom: 1em;
		font-weight: normal;
    }
h2
	{
		clear: both;
		font-size: 1.1em;
        text-transform: uppercase;
		padding-bottom: 0.2em;
		border-bottom: 	dotted 1px #DDDAD9;
		font-weight: bold;
		margin: 2em 0 1em 0;
    }
h3
	{
		clear: both;
		padding-top: 1em;
    }
h4, #contextBox h3
	{
		color: #58585A;
    }



hr
	{
		clear: both;
		height: 0;
		border-bottom: dotted 1px #DDDAD9;
		border-top: 0px;
		margin: 1em 0;
	}

p { margin: 0 0 1em 0;}

table.contenttable
	{
        border-collapse: collapse;
		margin: 0;
    }
table.contenttable td
	{
        padding-right: 10px;
    }
table.contenttable td p
	{
        margin: 0px;
    }
table.contenttable
	{
        width: 100%;
		clear: both;
		margin: 20px 0;
    }
td, th
	{
        vertical-align: top;
    }


/****************************************************
	LAYOUT
******************************************************/

#wrap
	{
		text-align: left;
		position: relative;
		margin:20px auto;
		width: 955px;
		background: #fff;
	}

/****************************************************
	SERVICENAVIGATION OBEN (ul)
******************************************************/

#serviceNavBox
	{
        float: left;
		width: 100%;
		background-color: #9D0D16;
		border-bottom: solid 1px #58585A;
    }
#serviceNav
	{
        float: right;
		list-style: none;
		margin: 0;
		text-transform: uppercase;
		line-height: 1em;
		font-size: 0.9em;
		padding: 0.5em 0;
		margin-right: 22px;
    }
#serviceNav li
	{
        float: left;
    }
#serviceNav a
	{
        color: #fff;
		line-height: 1em;
		border-left: solid 1px #CE868B;
		padding: 0 0.5em;
    }
#serviceNav li.firstItem a
	{
        border: none;
    }




#headerBox
	{
		clear: both;
		position: relative;
        height: 84px;
		border-top: solid 1px #D5D5D5;
		background: #F3F3F3 url(../images/hgr_headerBox.gif) repeat-x;
    }
#logo
	{
        margin: 22px 0 0 26px;
    }
#logoBox
	{
        position: absolute;
		top: 15px;
		right: 15px;
    }


#keyVisual
	{
		position: relative;
		width: 100%;
		height: 250px;
		background-color: #FFF;
		background-position: top left;
		background-repeat: no-repeat;
    }



/****************************************************
	HAUPTNAVIGATION (ul)
******************************************************/

#mainNavBox
	{
		position: relative;
		float: left;
		width: 100%;
		border-bottom: solid 1px #000;
    }


/*** SUPERFISH ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** Mach es horizontal und Layout ***/

.sf-navbar {
	position:		relative;
	float: 			left;
	background:		transparent url(hgrMenu.png);
	width: 			100%;
	height:			4em;
	margin-top:		-2em;
	padding-bottom:	0em;
	line-height:	1em;
	border-bottom:	dotted 1px #DDDAD9;

}
.sf-navbar li {
	background:		transparent;
	line-height:	2em;
	position:		static;
	text-transform:	uppercase;
	margin: 		0 0 0 10px;
	padding:	    0 10px;
	font-weight: 	bold;
}



.sf-navbar a:hover {
	text-decoration: none;
}


.sf-navbar li ul {
	width:			945px; /*IE6 soils itself without this*/
	margin-left: 	15px;
}
.sf-navbar li li {
	background:		#fff;
	position:		relative;
	text-transform: none;
	font-size: 		0.9em;
	padding:	    0.7em 0 0.4em 0;
	margin: 		0;
}

.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}

.sf-navbar li.current {
	background:		#fff;
}
.sf-navbar li.current a, .sf-navbar li.sfHover a {
	color: #9D0D16;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#fff;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#fff;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}


.sf-navbar li li a {
	color: #8F8F91!important;
	border-left: solid 1px #808080;
	padding: 0 6px;
	line-height: 1em;
}
.sf-navbar li li:first-child  a {
	border: none!important;
}
.sf-navbar li li a:hover, .sf-navbar li li.current a {
	color: #000!important;
}

/****************************************************
	PFADNAVIGATION
******************************************************/

#breadCrumbBox
	{
		clear: both;
		width: 915px;
        font-size: 0.9em;
		padding: 15px 20px 20px 20px;
    }
#breadCrumbBox p
	{
        margin: 0;
    }
#breadCrumbBox span
	{
        color: #9D0D16;
    }
#breadCrumbBox a
	{
		text-decoration: underline;
		color: #000;
    }


/****************************************************
	CONTENTBOX (linke Spalte)
******************************************************/
#contentBox
	{
		float: left;
		position: relative;
        width: 540px;
		padding: 0 0 40px 20px;
    }
#contentBox.full
	{
		width: 892px;
		padding: 0 0 30px 20px;
    }
#contentBox img
	{
        border: solid 1px #A5A6A7;
    }

.listItem
	{
        float: left;
		margin: 1em 0;
    }

.listItem .listItemText
	{
		padding-left: 110px;
	}

.listItem .more
	{
        display: block;
    }

/* wtdirectory */

.wtdirectory_filter
	{
        margin: 1em 0;
    }
.wtdirectory_filter_search
	{
        border-bottom: dotted 1px #DDDAD9;
		padding-bottom: 1em;
    }
.wtdirectory_filter_search input
	{
        width: auto!important;
    }
.wtdirectory_filter_search .wtdirectory_filter_div
	{
        float: left;
		margin-right: 1em;
    }

.wtdirectory_filter_abc
	{

    }
h2.wtdirectory
	{
        text-transform: none;
    }


.addressListItem
	{
        clear: both;
        border-bottom: dotted 1px #DDDAD9;
		padding-bottom: 1em;
		margin-bottom: 1em;
    }
.addressListItem_td_image
	{
        padding-right: 1em;
    }
.addressListItem_td_image a, .addressListItem_td_image a:hover
	{
        text-decoration: none;
    }

/* Text Bild*/

.csc-textpic-caption
	{
        font-size: 0.9em;
    }
.csc-textpic-imagewrap
	{
		padding-top: 4px!important;
    }


/****************************************************
	CONTEXTBOX (rechte Spalte)
******************************************************/

#contextBox
	{
		float: right;
        width: 342px;
		padding-right: 30px;
		font-size: 0.9em;
		margin-top: -2em;

    }
#contextBox img
	{
        border: solid 1px #A5A6A7;
    }
/*
.contextBoxItem
	{
 		float: left;
		clear: left;
		position: relative;
		width: 342px;
		margin-bottom: 2em;
    }
*/
#contextBox h3
	{
		padding: 0 10px 10px 5px;
		margin-top: 2em;
/*		margin-left: 20px;*/
    }
.contextBoxItemContent
	{
		float: left;
		padding: 0 10px;
		width: 320px;
        border-left: dotted 1px #DDDAD9;
        border-right: dotted 1px #DDDAD9;
    }
.contextBoxItem p, .contextBoxItem ul
	{
        padding: 0.5em 0 0.5em 0;
    }

.contextQuickLinks /* ul */
	{
		float: left;
		width: 322px;
		list-style: none;
		margin: 0;
    }
.contextQuickLinks li
	{
        float: left;
		width: 161px;
    }
.contextQuickLinks a
	{
        color: #58585A;
    }


/****************************************************
	FOOTER
******************************************************/

#footer
	{
		clear: both;
		width: 935px;
       	border-top:	dotted 1px #DDDAD9;
		padding: 10px 0 30px 0;
		text-align: center;
		font-size: 0.9em;
		line-height: 1em;
    }
#footer a
	{
		border-right: solid 1px #808080;
	}

#footer a, #footer span
	{
        padding: 0 1em;
    }


/****************************************************
	Gallerific JQuery
******************************************************/

.galleryBox
	{
        float: left;
		position: relative;
		width: 525px;
		height: 250px;
		padding: 5px;
		border: solid 1px #78797A;
		background-color: #D9DADB;
		margin: 1em 0;
    }


.gContent
	{
        float: left;
		width: 350px;
    }
div.navigation ul
	{
		list-style: none;
		margin: 0 0 0 5px;
		width: 170px;
    }
div.navigation li
	{
		float: left;
		width: 75px;
		padding: 0 7px 5px 0;

    }
.galleryBox .hintBox
	{
        font-size: 0.8em;
		line-height: 1em;
		position: absolute;
		left: 360px;
		bottom: 18px;
		width: 140px;
    }
/****************************************************
	FORMULARE
******************************************************/
fieldset
	{
        border: none;
    }
input, textarea, select
	{
		width: 300px;
	}
legend
	{
        display: none;
    }


.csc-mailform-field
	{
		clear: both;
		padding: 2px 0;
	}
.csc-mailform-field label
	{
		width: 160px;
		float: left;

	}

.csc-mailform-radio
	{
		width: auto;
	}

.csc-mailform-radio
	{
		display: inline;
		padding-right: 1em;
	}
.csc-mailform-radio label
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 100%;
	}


.csc-mailform-submit
	{
        width: auto;
		margin: 10px 0 0 160px;
    }

.tt_address_form input
	{
        width: auto;
    }



/* IMAGSBOX */

#ImageBoxOverlay
{
	background-color: #000;
	z-index: 520;
}
#ImageBoxOuterContainer
{
	z-index: 550;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	z-index: 1600;
}
#ImageBoxNextImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/imagebox/next_image.gif);
	background-repeat:	no-repeat;
	background-position: right 20px;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/imagebox/prev_image.gif);
	background-repeat:	no-repeat;
	background-position: left 20px;
}


#aos24Box
{
    width: 875px;
}
#aos24Box input
{
    width: auto!important;
}
#aos24Box img
{
    border: none!important;
}
#aos24Box td
{
	text-align: left;
	padding: 2px;
}