/*
---------------------------------
ALLGEMEIN
---------------------------------
*/

hr	{
	visibility: hidden;
	clear: both;
	display: none;
	elevation: none !important;
	border: 0 !important;
}

/*
---------------------------------
GLOBAL
---------------------------------
*/

html,body	{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	line-height: 120%;
	margin: 0 auto;
	padding: 0;
	/*color: #0b2139;*/
	color: rgb(0,0,153);
	background: #116;
}

html	{
	
}

body	{
	font-size: 0.625em;
}





h1	{
	display: none;
	visibility: hidden;
}




/*
---------------------------------
MAIN DIVs
---------------------------------
*/

#container	{
	text-align: left;
	position: relative;
	background: #fff;
}

.container {
	width: 97em;
	margin: 0 auto;
	position: relative;
}

.trenner {
	clear: both;
	padding: 1em 0;
	border-top: 2px solid #ff6;
}

.startseite .trenner {
	border: 0;
}

.hidden,
.news-list-morelink {
	display: none;
	visibility: hidden;
}


/*
---------------------------------
KOPF
---------------------------------
*/

#container #kopf	{
	background: #82d2fa center top no-repeat url(../images/bg_kopf.png);
	height: 275px;
	min-width: 97em;
	margin-bottom: 5em;
	border-top: 1px solid #82d2fa;
	border-bottom: 1px solid #116;
}

#container #kopf h1 {
	display: block;
	visibility: visible;
}

#container #kopf a.logolink	{
	display: block;
	position: absolute;
	left: 138px;
	top: 50px;
	width: 191px;
	height: 194px;
}

#container #kopf a.logolink:link,
#container #kopf a.logolink:visited	{
	background: left top no-repeat url(../images/logo-trolli.png);
}

#container #kopf a.logolink:hover,
#container #kopf a.logolink:active	{
	background: left top no-repeat url(../images/logo-trolli-hover.png);
}

#container #kopf a.logolink span {
	display: none;
	visibility: hidden;
}


/*
---------------------------------
MENU
---------------------------------
*/

#container #menu	{
	position: absolute;
	top: 275px;
	width: 100%;
	background: #116;
	height: 2.16em;
	border-bottom: 2.16em solid #009;
}

#container #menu ul	{
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	width: 95em;
	position: relative;
}

#container #menu ul li	{
	display: block;
	float: left;
}

#container #menu ul li .lisub {
	
}

#container #menu ul li a	{
	display: block;
	float: left;
	font-size: 1.2em;
	padding: 0 4em 0 0;
	line-height: 1.8em;
	text-transform: uppercase;
	font-weight: bold;
}

#container #menu ul li.active a,
#container #menu ul li:hover a	{
	
}

#container #menu ul ul	{
	position: absolute;
	top: 2.16em;
	left: 0;
	background: #009;
	display: none;
}

#container #menu ul li.active ul/*,
#container #menu ul li:hover ul,
#container #menu ul li:focus ul*/ {
	display: block;
}

#container #menu ul li a span {
	
}
	
#container #menu ul ul li	{
	
}

#container #menu ul ul li a	{
	font-weight: normal;
	font-size: 1em;
	line-height: 2.16em;
	padding: 0 3em 0 0;
}






#container #menu ul li a:link,
#container #menu ul li a:visited	{
	color: #c8d2db;
	text-decoration: none;
}


#container #menu ul li:hover a,
#container #menu ul li:hover a:link,
#container #menu ul li:hover a:visited,
#container #menu ul li:hover a:hover,
#container #menu ul li:hover a:active,
#container #menu ul li:hover a:focus,
#container #menu ul li.active a:link,
#container #menu ul li.active a:visited,
#container #menu ul li.active a:hover,
#container #menu ul li.active a:active,
#container #menu ul li.active a:focus,
#container #menu ul li a:hover,
#container #menu ul li a:active	{
	color: #fc0;
	text-decoration: none;
}








#container #menu ul ul li a:link,
#container #menu ul ul li a:visited,
#container #menu ul li.active li a:link,
#container #menu ul li.active li a:visited	{
	color: #c8d2db;
}


#container #menu ul ul li a:hover,
#container #menu ul ul li a:active,
#container #menu ul li.active li a:hover,
#container #menu ul li.active li a:active,
#container #menu ul li.active li.active a:link,
#container #menu ul li.active li.active a:visited,
#container #menu ul li.active li.active li a:hover,
#container #menu ul li.active li.active li a:active	{
	color: #fc0;
}




#container #menu ul ul ul {
	display: none;
	visibility: hidden;
}






/*
---------------------------------
CONTENT
---------------------------------
*/

#container .title {
	
}

#container .content {
	border: 1px solid #fff;
}

.content .container {
	
}


#container .content hr	{
	display: block;
	clear: both;
	height: 1px;
	color: #fff;
	background: #fff;
	border: 0;
	elevation: none;
	margin: 1em 0;
}




#container .content .row {
	
}

#container .content .col	{
	position: relative;
	float: left;
}

#container .content .third0 {
	width: 31em;
}

#container .content .third1 {
	width: 31em;
	margin-left: 1em;
}

#container .content .third2 {
	width: 31em;
	margin-left: 1em;
}

#container .content .third12 {
	width: 63em;
	margin-left: 1em;
}

#container .content .half0 {
	width: 47em;
}

#container .content .half1 {
	width: 47em;
	margin-left: 1em;
}

#container .content .links.half0 {
	width: 35em;
}

#container .content .mitte.half1 {
	width: 59em;
	margin-left: 1em;
}

#container .content .mitte.half0 {
	width: 59em;
}

#container .content .rechts.half1 {
	width: 35em;
	margin-left: 1em;
}

#container .content .full0 {
	width: 95em;
}





/**
anpassungen startseiten-kaesten
**/

.startseite .mitte .vkat {
	height: 23em;
}

.startseite  .rechts .prods {
	height: 21.9em;
}

.startseite .links .downloadkat {
	height: 7.7em;
}

.startseite .mitte .tkat {
	height: 11.3em;
}







#container h1	{
	
}

#container h2	{
	color: #009;
	font-size: 2.8em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	margin: .4em;
}

#container .content .location	{
	display: none;
	visibility: hidden;
}

#container .content .description {
	
}

#container .content h3 {
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	/*color: #009;*/
	color: rgb(0,0,153);
	margin: 1em 0 .5em 0;
}

.startseite h3 {
	color: #666;
}

#container .content h3 a {
	text-decoration: none !important;
}

#container .content h4 {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	/*color: #009;*/
	color: rgb(0,0,153);
	margin: 1em 0 .5em 0;
}

.startseite h4 {
	font-weight: normal !important;
}

#container .content h5 {
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	color: rgb(0,0,153);
}

#container .content h6 {
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 .5em 0;
	color: rgb(0,0,153);
}









#container .content a:link {
	color: #f90;
	text-decoration: underline;
}

#container .content a:visited	{
	color: #f90;
	text-decoration: none;
}

#container .content a:hover,
#container .content a:active,
#container .content a:focus	{
	color: #009;
}









#container .content p	{
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.6em;
}

#container .content p.align-right {
	text-align: right;
}

#container .content em	{
	font-style: italic;
}

#container .content strong	{
	font-weight: bold;
}

#container .content strong em	{
	
}

#container .content blockquote p	{
	padding: 1em;
	font-size: 1.3em;
	margin-bottom: 1.353em;
	font-style: italic;
	background: #fc0;
	float: left;
}

#container .content blockquote p a {
	color: #009 !important;
}

#container .content acronym,
#container .content abbr	{
	color: #666;
	border-bottom: 1px dotted #666;
	cursor: help;
}

#container .content pre	{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.6em;
	line-height: 1.2em;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#container .content sup {
	font-size: .75em;
	position: relative;
	top: -.5em;
	padding-right: .5em;
}

#container .content sub {
	font-size: .75em;
	position: relative;
	top: .5em;
	padding-right: .5em;
}






#container .content ul,
#container .content ol,
#container .content dl	{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

#container .content li ul,
#container .content li ol {
	font-size: 1em;
}

#container .content ul	{
	padding: 1em 1em 1em 1.6em;
	/*background: #fc0;*/
	border-top: 2px solid #fc0;
	border-bottom: 2px solid #fc0;
}

#container .content ul li	{
	padding: 0 0 0 8px;
	background: 0 .5em no-repeat url(../images/ul-li.png);
	/*border-bottom: 1px solid #faf1c6;
	border-top: 1px solid #faf1c6;*/
	margin-top: -1px;
}




#container .content ol	{
	margin-left: 3em;
}

#container .content ol li	{
	list-style: decimal;
	list-style-type: decimal;
}

#container .content ol li li {
	
}

#container .content ol ul {
	list-style: none !important;
	list-style-type: none !important;
	border: 0 !important;
	margin: .8em 0 !important;
	padding: 0 !important;
}

#container .content ol ul li {
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 1em 0 1em !important;
}

#container .content li p {
	margin: 0 !important;
}








#container .content dl	{
	
}

#container .content dl dt	{
	display: block;
	width: 12em;
	float: left;
	clear: left;
	color: rgb(102,102,153);
}

#container .content dl dd	{
	padding-left: 13em;
}

#container .content dl dd ul {
	font-size: .9em;
	border: 0;
	margin: 0 0 0 -.8em;
	padding: 0;
}

#container .content dl dd ul li {
	line-height: 1.5em;
}



#container .content li p,
#container .content dd p {
	font-size: 1em;
}











#container .content table	{
	font-size: 1.2em;
	line-height: 1.6em;
}

#container .content table caption {
	
}

#container .content table thead {
	
}

#container .content table th {
	font-size: 1.2em;
	margin-bottom: 1.6em;
}

#container .content table td,
#container .content table th	{
	padding: 0 4px;
	margin: 2px;
}

#container .content table td p	{
	padding: 0;
	margin: 0;
}

#container .content table td.first {
	text-align: right;
}

#container .content table th.first {
	text-align: right;
}


#container .content table.csc-frame-frame1 {
	
}




#container .content table.contenttable	{
	font-size: 1em;
	padding:2px;
	border: 1px solid #ddd;
	width: 90%;
	margin: 10px;
}

#container .content table.contenttable caption {
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background: #116;
	display: block;
	width: auto;
	padding: 0 4px;
	float: none;
}

#container .content table.contenttable tr td {
	padding: 2px 4px;
}

#container .content table.contenttable tr:nth-child(even) td	{
	background: #eee
}

#container .content table.contenttable td.align-right {
	text-align: right;
}

#container .content table.contenttable tr td ul {
	border: 0;
	margin: 0;
	padding: 0;
}

#container .content table.contenttable tr td ul li {
	
}








#container form	{
	width: 95em;
}

#container form fieldset	{
	width: 41em;
	float: left;
	margin: 0 1em 1em 0;
}

#container form fieldset legend	{
	
}

#container form label	{
	font-size: 1.1em;
	color: #009;
	display: block;
	clear: left;
}

#container form label.pflicht {
	
}

#container form input,
#container form textarea	{
	display: block;
	font-size: 1.1em;
	padding: .5em;
	width: 26em;
	margin: .5em 0 1em 0;
	background: #ffc;
	border: 1px solid #fc0;
}

#container form textarea {
	height: 17.3em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#container form input.pflicht,
#container form textarea.pflicht {
	
}

#container form input.marked,
#container form textarea.marked {
	
}

#container form .kleiner {
	width: 19em;
	float: left;
	margin-right: .8em;
}

#container form .kleinste {
	width: 5em;
	float: left;
	margin-right: .8em;
}

#container form .text:hover,
#container form .text:active,
#container form .text:focus	{
	
}


#container form p {
	clear: both;
}

#container form .submit	{
	float: right;
	margin: 0 10.25em 0 0;
	padding: 0 1em;
	line-height: 2.5em;
	height: 2.5em;
	width: auto;
	text-transform: uppercase;
	letter-spacing: .1em;
	background: #009;
	color: #fff;
	cursor: pointer;
	border: none;
	
}

#container form .submit:hover,
#container form .submit:active,
#container form .submit:focus	{
	color: #fc0;
}


.errors,
.marked {
	color: #930 !important;
}






/**
submenu
**/

#container .submenu {
	width: 95em;
	margin: 0 auto;
	height: 2em;
	border-bottom: 1px solid #ddd;
	font-size: 1em;
}

#container .submenu ul {
	margin: 0;
	padding: 0;
}

#container .submenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}

#container .submenu ul li.active {
	
}

#container .submenu ul li a,
#container .submenu ul li a:link,
#container .submenu ul li a:visited {
	display: block;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: none;
	padding: 0 .5em;
	margin: 0 .1em 0 0;
	text-decoration: none;
	color: #009;
	background: #ddd;
}

#container .submenu ul li a:hover,
#container .submenu ul li a:active,
#container .submenu ul li.active a,
#container .submenu ul li.active a:link,
#container .submenu ul li.active a:visited,
#container .submenu ul li.active a:hover,
#container .submenu ul li.active a:active {
	color: #fc0;
	background: #009;
}






#container .content .artbild	{
	
}




#container .content .artbild img	{
	
}

#container .content .floatleft	{
	float: left;
	margin: .5em 1em 0 0;
}

#container .content .floatright	{
	float: right;
	margin: .5em 0 0 1em;
}

#container .content .artbild strong	{
	
}

#container .content .artbild p	{
	font-size: 1em;
	line-height: 1.92em;
	padding: .5em;
}

#container .content .artbild a {
	text-decoration: none !important;
}






.content .bkat a:link,
.content .bkat a:visited,
.content .bkat a:hover,
.content .bkat a:active,
.content .tkat a:link,
.content .tkat a:visited,
.content .tkat a:hover,
.content .tkat a:active,
.content .downloadkat a:link,
.content .downloadkat a:visited,
.content .downloadkat a:hover,
.content .downloadkat a:active,
.content .artbild a:link,
.content .artbild a:visited,
.content .artbild a:hover,
.content .artbild a:active	{
	
}








.content .bilder {
	
}

.content .bilder ul {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1em !important;
	position: relative;
}

.content .bilder ul.pstyle1 {
	
}

.content .bilder ul.pstyle2 {
	
}

.content .bilder ul li {
	padding: 0 !important;
	background: none !important;
	float: left;	
}

.content .bilder ul.pstyle2 li {
	position: absolute;
	top: 0;
	width: 41em;
}

.content .bilder ul.pstyle2 li p {
	position: absolute;
	right: -18em;
	width: 16em;
	background: #fc0;
	padding: 1.2em 1em;
	border-top: 1px solid #faf1c6 !important;
	cursor: pointer;
	color: #009;
}

.content .bilder ul.pstyle2 li.active,
.content .bilder ul.pstyle2 li.active p,
.content .bilder ul.pstyle2 li:hover,
.content .bilder ul.pstyle2 li:hover p,
.content .bilder ul.pstyle2 li:active,
.content .bilder ul.pstyle2 li:active p,
.content .bilder ul.pstyle2 li:focus,
.content .bilder ul.pstyle2 li:focus p {
	background: #009;
	color: #fc0 !important;
}

.content .bilder ul li a {
	display: block;
	line-height: 1em;
}

.content .bilder ul li a img {
	
}

.content .bilder ul li p {
	
}







.content .vkat {
	position: relative;
}

.content .vkat .video {
	position: absolute;
	top: 0;
	width: 41em;
}

.content .vkat .video .vidplayerinner {
	display: none;
	z-index: 19;
	position: static;
}

.content .vkat .video .vidplayerinner.active {
	display: block;
	z-index: 21;
	position: absolute;
}

.content .vkat .video .vpi1 {
	
}

.content .vkat .video .vpi2 {
	
}

.content .vkat .video .vpi3 {
	
}

.content .vkat .video .vdescr {
	position: absolute;
	right: -18em;
	width: 16em;
	background: #fc0;
	padding: 0 1em;
	border-top: 1px solid #faf1c6 !important;
	cursor: pointer;
	color: #009;
	z-index: 20;
}

.content .vkat .video .vdescr.active,
.content .vkat .video .vdescr.active h4,
.content .vkat .video .vdescr:hover,
.content .vkat .video .vdescr:hover h4,
.content .vkat .video .vdescr:active,
.content .vkat .video .vdescr:active h4,
.content .vkat .video .vdescr:focus,
.content .vkat .video .vdescr:focus h4 {
	background: #009;
	color: #fc0 !important;
}

.content .vkat .video .vdescr h4 {
	font-weight: bold !important;
	margin: 0 !important;
	padding: .25em 0 !important;
}

.content .vkat .video .vdescr p {
	line-height: 1.25em !important;
}







.content .tkat	{
	background: #fc0 1em 1em no-repeat url(../images/bg_trolli.png);
}

.content .tkat .teaser	{
	
}

.startseite .tkat .teaser {
	padding: .1em 1em .1em 15em;
}

.startseite .tkat .teaser a	{
	color: #009 !important;
	text-decoration: underline !important;
}

.startseite .tkat .teaser a:hover,
.startseite .tkat .teaser a:active {
	color: #009 !important;
	text-decoration: underline !important;
}

.content .tkat .teaser img	{
	display: block;
	float: left;
	margin-right: 1em;
}

.content .tkat .teaser h4	{
	
}

.content .tkat .teaser .teasertext	{
	
}

.content .tkat .teaser .teasertext p	{
	
}

.content .tkat .teaser .teasertext img	{
	
}











.content .prods {
	margin-bottom: 1em;
}

.content .prods.z6,
.content .prods.z7,
.content .prods.z8 {
	padding: 1em 1em 1em 10em;
	background: #fc0 1.25em 1.25em no-repeat url(../images/bg_faq.png);
	min-height: 8em;
}

.startseite .prods {
	padding-bottom: 0 !important;
}

.content .prods h4 {
	
}

.content .prods .prodinfo {
	border-bottom: 1px solid #fc0;
}

.content .prods.z6 h4,
.content .prods.z7 h4,
.content .prods.z8 h4 {
	margin: 0 !important;
	padding: .2em 0 !important;
	border-bottom: 1px solid #faf1c6;
	font-weight: normal !important;
}

.content .prods.z6 p,
.content .prods.z7 p,
.content .prods.z8 p {
	margin: 1.2em 0 !important;
	padding: 0 !important;
	text-align: right;
}

.content .prods.z6 a,
.content .prods.z7 a,
.content .prods.z8 a {
	color: #009 !important;
	text-decoration: underline !important;
}

.content .prods.z6 a:hover,
.content .prods.z6 a:active,
.content .prods.z6 a:focus,
.content .prods.z7 a:hover,
.content .prods.z7 a:active,
.content .prods.z7 a:focus,
.content .prods.z8 a:hover,
.content .prods.z8 a:active,
.content .prods.z8 a:focus {
	color: #009 !important;
	text-decoration: underline !important;
}








/*
---------------------------------
DOWNLOAD
---------------------------------
*/


.content .downloadkat	{
	
}

.content .downloadkat {
	background: #fc0;
	margin: 0 !important;
	padding: .72em !important;
}

.content .downloadkat li	{
	background: 0 !important;
	padding: 0!important;
}

.content .downloadkat li .downloadtext a.downloadfile	{
	display: block;
	padding: .5em 1em 0 3em;
	background-position: .5em .25em;
	background-repeat: no-repeat;
}

.startseite .downloadkat li .downloadtext a.downloadfile {
	padding-bottom: .5em;
}

.content .downloadkat li .downloadtext a.downloadfile strong	{
	font-weight: bold;
}

.startseite .downloadkat li .downloadtext a.downloadfile strong {
	font-weight: normal !important;
}

.content .downloadkat li .downloadtext a.downloadfile em {
	font-size: .7em;
	font-style: normal !important;
	font-weight: normal !important;
	text-transform: uppercase;
	padding: 0 .25em;
	background: none !important;
}

.content .downloadkat li .downloadtext p {
	padding: 0 1em .5em 3em;
	margin: 0 !important;
}

.content .downloadkat li dl.fileinfo	{
	font-size: .8em !important;
	margin: 0 0 1em 3.8em !important;
}

.content .downloadkat li dl.fileinfo dt	{
	
}

.content .downloadkat li dl.fileinfo dd	{
	
}

.content .downloadkat li a:link.downloadfile,
.content .downloadkat li a:visited.downloadfile	{
	color: #009 !important;
	text-decoration: underline !important;
}

.content .downloadkat li a:hover.downloadfile,
.content .downloadkat li a:active.downloadfile	{
	color: #009 !important;
	text-decoration: underline !important;
}

.startseite .downloadkat li a:link.downloadfile,
.startseite .downloadkat li a:visited.downloadfile	{
	
}

.startseite .downloadkat li a:hover.downloadfile,
.startseite .downloadkat li a:active.downloadfile	{
	
}




.content .downloadkat .text,
.content .downloadkat .text:link,
.content .downloadkat .text:visited	{
	background-image: url(../images/filetypes/document.png);
}

.content .downloadkat .text:hover,
.content .downloadkat .text:active	{
	background-image: url(../images/filetypes/document.png);
}


.content .downloadkat .pdf,
.content .downloadkat .pdf:link,
.content .downloadkat .pdf:visited	{
	background-image: url(../images/filetypes/document.png);
}

.content .downloadkat .pdf:hover,
.content .downloadkat .pdf:active	{
	background-image: url(../images/filetypes/document.png);
}


.content .downloadkat .image,
.content .downloadkat .image:link,
.content .downloadkat .image:visited	{
	background-image: url(../images/filetypes/file.png);
}

.content .downloadkat .image:hover,
.content .downloadkat .image:active	{
	background-image: url(../images/filetypes/file.png);
}


.content .downloadkat .zip,
.content .downloadkat .zip:link,
.content .downloadkat .zip:visited	{
	background-image: url(../images/filetypes/package.png);
}

.content .downloadkat .zip:hover,
.content .downloadkat .zip:active	{
	background-image: url(../images/filetypes/package.png);
}

.content .downloadkat .audio,
.content .downloadkat .audio:link,
.content .downloadkat .audio:visited	{
	background-image: url(../images/filetypes/audio.png);
}

.content .downloadkat .audio:hover,
.content .downloadkat .audio:active	{
	background-image: url(../images/filetypes/audio.png);
}

.content .downloadkat .file,
.content .downloadkat .file:link,
.content .downloadkat .file:visited	{
	background-image: url(../images/filetypes/file.png);
}

.content .downloadkat .file:hover,
.content .downloadkat .file:active	{
	background-image: url(../images/filetypes/file.png);
}

.content .downloadkat .video,
.content .downloadkat .video:link,
.content .downloadkat .video:visited	{
	background-image: url(../images/filetypes/video.png);
}

.content .downloadkat .video:hover,
.content .downloadkat .video:active	{
	background-image: url(../images/filetypes/video.png);
}




#container #fuss {
	background: #116;
	border-top: 2.16em solid #009;
	padding-bottom: 4em;
	clear: both;
	
}

#container #fuss a:link,
#container #fuss a:visited {
	color: #fc0;
}

#container #fuss a:hover,
#container #fuss a:active,
#container #fuss a:focus {
	color: #fff;
}

#container #fuss .container {
	padding: 0 1em;
	width: 95em;
	color: #c8d2db;
}

#container #fuss .container ul {
	position: absolute;
	right: 1em;
	top: -4em;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 1em;
}

#container #fuss .container ul li {
	display: block;
	float: left;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 1em;
}

#container #fuss .container ul li a {
	display: block;
	float: left;
	padding: 0 0 0 3em;
	text-transform: uppercase;
	letter-spacing: .1em;
	word-spacing: .25em;
	line-height: 2.16em;
}

#container #fuss .container ul li a:link,
#container #fuss .container ul li a:visited {
	color: #c8d2db;
	text-decoration: none;
}

#container #fuss .container ul li a:hover,
#container #fuss .container ul li a:active,
#container #fuss .container ul li a.active {
	color: #fc0;
	text-decoration: none;
}

#container #fuss .container ul ul {
	
}

#container #fuss .container ul li li  {
	
}

#container #fuss .container ul li li a {
	
}

#container #fuss .container ul ul ul {
	
}

#container #fuss .container h4 {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
	word-spacing: .25em;
	text-transform: uppercase;
	line-height: 2.16em;
	margin: 2em 0 .5em 0;
}

#container #fuss .container p {
	font-size: 1.1em;
	line-height: 1.5em;
}



#container #fuss dl.socialmedia {
	position: absolute;
	right: 1em;
	top: -.7em;
	font-size: 1.1em;
}

#container #fuss dl.socialmedia dt {
	padding: 0;
	margin: 1em 0 1.5em 0;
	text-align: right;
}

#container #fuss dl.socialmedia dd {
	background-repeat: no-repeat;
	background-position: center top;
	width: 40px;
	height: 32px;
	float: right;
	margin: .5em;
}

#container #fuss dl.socialmedia dd.facebook {
	background-image: url(../images/socialmedia/facebook-32x32.png);
}

#container #fuss dl.socialmedia dd.flickr {
	background-image: url(../images/socialmedia/flickr-32x32.png);
}

#container #fuss dl.socialmedia dd.wkw {
	background-image: url(../images/socialmedia/wkw-32x32.png);
}

#container #fuss dl.socialmedia dd.twitter {
	display: none;
	visibility: hidden;
	background-image: url(../images/socialmedia/twitter-32x32.png);
}

#container #fuss dl.socialmedia dd.youTube {
	background-image: url(../images/socialmedia/youtube-32x32.png);
}

#container #fuss dl.socialmedia dd a {
	display: block;
	width: 40px;
	height: 32px;
	text-decoration: none !important;
}

#container #fuss dl.socialmedia dd a span {
	display: block;
	color: rgb(102,102,153);
	font-size: .8em;
	padding-top: 4em;
	text-align: center;
}





/**
TOOLTIPS
**/

#bretzenheim,
#marienborn,
#lerchenberg {
	display: block;
	position: absolute;
	text-indent: -999em; 
	cursor: pointer; 
}

#bretzenheim { 
	top: 150px;
	left: 390px;
	height: 80px;
	width: 120px;
	z-index: 401;
} 

#marienborn { 
    top: 165px;
	left: 645px;
	height: 70px;
	width: 120px;
	z-index: 402;
}

#lerchenberg { 
    top: 80px;
	left: 645px;
	height: 75px;
	width: 120px;
	z-index: 403;
}

/* tooltip styling */ 
.tooltip { 
	display: none; 
	position: relative;
	margin: 50px 0 0 -230px;
	background: center top no-repeat url(../images/white_arrow.png);
	height: 82px;
	width: 169px;
	padding: 20px;
	font-size: 1.2em;
	color: #fff; 
	z-index: 400;
	cursor: default;
}

.tooltip h3 {
	display: block;
	color: #009;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.tooltip p {
	color: #009;
	line-height: 1.5em;
}

.tooltip p em {
	font-style: italic;
}






/**
TYPO 3
**/

.csc-textpic-intext-left .csc-textpic-imagewrap {
	float: left;
	margin: .5em 1em 0 0;
	font-size: 11px;
}

.csc-textpic-imagewrap ul {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
}

.csc-textpic-imagewrap ul li {
	margin: 0 1px 0 0 !important;
	padding: 0 !important;
	background: none !important;
}

.csc-textpic-imagewrap .csc-textpic-image {
	float: left;
	width: auto;
}

.csc-textpic-imagewrap .csc-textpic-image a {
	display: block;
	background: #fc0;
	line-height: 1px;
}

.csc-textpic-imagewrap .csc-textpic-image a img {
	margin: 2px;
}

.csc-textpic-image dt {
	width: auto !important;
}

.csc-textpic-imagewrap .csc-textpic-image {
	position: relative;
}

.csc-textpic-imagewrap .csc-textpic-image dd {
	clear: both;
    	font-size: 11px;
    	line-height: 14px;
    	margin: 0 3px;
    	padding: 2px 5px !important;
    	background: rgba(255,204,0,.25);
}









.csc-header h1 {
	display: block;
	visibility: visible;
	position: relative;
	left: 0;
	top: 0;
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	/*color: #009;*/
	color: rgb(0,0,153);
	margin: 1em 0 .5em 0;
}




ol.answers {
	margin-bottom: 1em;
}

ol.answers li {
	border-bottom: 1px solid #fc0;
}

ol.answers li h3 {
	font-size: 1em !important;
	line-height: 1.25em !important;
}

ol.answers li h3 a {
	font-weight: bold;
	color: #009 !important;
	text-transform: none !important;
	display: block;
}

ol.answers li p {
	display: none;
	visibility: hidden;
}

ol.answers li div p {
	display: block;
	visibility: visible;
}

ol.questions {
	padding: .5em 0 !important;
	margin: 0 0 1em 0 !important;
	background: #fc0 1.25em 1.25em no-repeat url(../images/bg_faq.png);
	min-height: 8em;
}

ol.questions li {
	line-height: 1.5em;
	margin: .5em 1em .5em 9em !important;
	border-bottom: 1px solid #faf1c6;
}

ol.questions li a {
	display: block;
}

ol.questions li p {
	margin: 1.2em 0 !important;
	padding: 0 !important;
	text-align: right;
}

ol.questions a {
	color: #009 !important;
	text-decoration: underline !important;
}

ol.questions a:hover,
ol.questions a:active,
ol.questions a:focus {
	color: #009 !important;
	text-decoration: underline !important;
}









table.csc-uploads {
	background: #fc0;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

table.csc-uploads td {
	border-bottom: 1px solid #faf1c6;
	padding: .5em 0 !important;
}

table.csc-uploads td.csc-uploads-icon {
	
}

table.csc-uploads td.csc-uploads-fileName {
	
}

table.csc-uploads td.csc-uploads-fileName a {
	display: block;
	/*font-weight: bold;
	height: 30px;
	line-height: 30px;*/
	padding: 10px 10px 10px 35px;
	background: 5px 8px no-repeat url(../images/fileimport.png);
}

table.csc-uploads td.csc-uploads-fileName a:link,
table.csc-uploads td.csc-uploads-fileName a:visited	{
	color: #009 !important;
	text-decoration: underline !important;
}

table.csc-uploads td.csc-uploads-fileName a:hover,
table.csc-uploads td.csc-uploads-fileName a:active	{
	color: #009 !important;
	text-decoration: underline !important;
}

table.csc-uploads td p {
	font-size: 1em !important;
	line-height: 1.3em;
}

table.csc-uploads td p.csc-uploads-description {
	/*background: none !important;
	padding: 0 10px 5px 35px !important;
	margin: 0 !important;*/
}

table.csc-uploads td p.csc-uploads-description strong {
	
}

table.csc-uploads td.csc-uploads-fileSize {
	font-style: italic;
}





.news-list-container h2 {
	display: block!important;
	visibility: visible!important;
	position: relative!important;
	left: 0!important;
	top: 0!important;
	text-transform: none!important;
	letter-spacing: .05em!important;
	word-spacing: .2em!important;
	font-size: 1.2em!important;
	line-height: 1.6em!important;
	font-weight: bold!important;
	font-style: normal!important;
	/*color: #009;*/
	color: rgb(0,0,153)!important;
	margin: 0em 0 .5em 0!important;
}

.news-list-item {
	
}

.news-list-item .news-list-date {
	font-size: 1.1em !important;
	color: rgb(102,102,153);
}

.news-list-item a {
	font-weight: normal;
	display: block;
}






.news-single-item {
	font-size: 1em;
	margin: 0 0 2em 0;
}

.news-single-item a {
	display: block;
}

.news-single-item .news-single-rightbox {
	color: rgb(102,102,153);
}

.news-single-item h1 {
	display: block;
	visibility: visible;
	color: #009;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	margin: .4em;
}

.news-single-item hr {
	
}

.news-single-item .news-single-img {
	position: absolute;
	right: -36em;
	top: 0;
	width: 35em;
}

.news-single-item .news-single-img a {
	
}

.news-single-item .news-single-img a img {
	
}

.news-single-item .news-single-additional-info {
	color: rgb(102,102,153);
}

.news-single-item .news-single-additional-info a {
	
}

.news-single-item .news-single-additional-info dl.news-single-files {
	font-size: 1em !important;
}

.news-single-item .news-single-additional-info dl.news-single-files dt {
	
}

.news-single-item .news-single-additional-info dl.news-single-files dd {
	
}

.news-single-item .news-single-backlink {
	
}

.news-single-item .news-single-backlink a {
	
}





.news-list-container {
	padding-bottom: 6.5em;
}

.tx-ttnews-browsebox {
	border-top: 1px solid #116;
	float: right;
	clear: both;
}

.tx-ttnews-browsebox p {
	margin: .5em 0 .5em 2em !important;
	text-align: right;
}

.tx-ttnews-browsebox table {
	font-size: 1em !important;
	float: right;
}

.tx-ttnews-browsebox table td {
	padding: 0 !important;
}
















.zeile1links {
	height: 30em;
	border: 1px solid red;
}

.zeile2links {
	height: 10em;
	border: 1px solid green;
}

.zeile1rechts {
	height: 30em;
	border: 1px solid red;
}

.zeile2rechts {
	height: 10em;
	border: 1px solid green;
}









/*
---------------------------------
STRECKENVERLAUF OVERLAY
---------------------------------
*/


.interaktivekarte {
	position: relative;
	width: 950px;
	margin: 0 0 40px 0;
}

ul.punkte {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}

ul.punkte li {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	line-height: 22px !important;
	font-size: 11px !important;
	color: #fff !important;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	/*-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #116 !important;*/
	background: center top no-repeat url(../images/punkt.png) !important;
	cursor: pointer;
	position: absolute !important;
}

ul.punkte li.link-c1 {left:562px;top:161px;}
ul.punkte li.link-c2 {left:333px;top:151px;}
ul.punkte li.link-c3 {left:310px;top:151px;}
ul.punkte li.link-c4 {left:111px;top:142px;}

ul.punkte li.link-b2 {left:886px;top:209px;}
ul.punkte li.link-b3 {left:798px;top:272px;}
ul.punkte li.link-b4 {left:667px;top:321px;}
ul.punkte li.link-b5 {left:586px;top:381px;}
ul.punkte li.link-b6 {left:289px;top:401px;}
ul.punkte li.link-b7 {left:242px;top:377px;}
ul.punkte li.link-b8 {left:226px;top:327px;}
ul.punkte li.link-b9 {left:183px;top:349px;}
ul.punkte li.link-b10 {left:169px;top:296px;}

ul.punkte li.link-m1 {left:660px;top:282px;}
ul.punkte li.link-m2 {left:621px;top:267px;}
ul.punkte li.link-m3 {left:546px;top:279px;}
ul.punkte li.link-m4 {left:505px;top:280px;}
ul.punkte li.link-m5 {left:455px;top:323px;}
ul.punkte li.link-m6 {left:329px;top:381px;}
ul.punkte li.link-m7 {left:247px;top:374px;}

ul.punkte li.link-l1 {left:563px;top:313px;}
ul.punkte li.link-l2 {left:520px;top:266px;}
ul.punkte li.link-l3 {left:448px;top:281px;}
ul.punkte li.link-l4 {left:411px;top:290px;}
ul.punkte li.link-l5 {left:357px;top:305px;}
ul.punkte li.link-l6 {left:281px;top:327px;}
ul.punkte li.link-l7 {left:209px;top:392px;}

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#fc0;
	width:630px;
	padding: 0 10px 10px 10px;
	min-height:100px;
	-moz-box-shadow:0 0 10px 5px #666;
	-webkit-box-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background: center center no-repeat url(../images/pclose.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:30px;
	width:30px;
}

.simple_overlay h3 {
	color: #116 !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	text-transform: none !important;
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

.simple_overlay img {
	
}

.simple_overlay p {
	color: #116 !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 20px !important;
}



.interaktivekarte {
	position: relative;
	height: 550px;
}

.interaktivekarte img {
	
}

.interaktivekarte .ltext {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
}

.interaktivekarte .ltext p {
	
}

.interaktivekarte .ltext ul.buttons {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 0 15px !important;
	list-style: disc !important;
}

.interaktivekarte .ltext ul.buttons li {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

.interaktivekarte .ltext ul.buttons li a {
	line-height: 20px;
	padding: 0 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none !important;
}

.interaktivekarte .ltext ul.buttons li a:link,
.interaktivekarte .ltext ul.buttons li a:visited {
	color: #116 !important;
	background: #fc0 !important;
}

.interaktivekarte .ltext ul.buttons li a:hover,
.interaktivekarte .ltext ul.buttons li a:active,
.interaktivekarte .ltext ul.buttons li a:focus {
	background: none !important;
	color: #116 !important;
}

.interaktivekarte .gkasten {
	position: absolute;
	right: 25px;
	bottom: 0px;
	width: 260px;
	padding: 10px;
	background: #fc0;
}

.interaktivekarte .gkasten h3 {
	margin: 0 !important;
	padding: 0 !important;
}

.interaktivekarte .gkasten ul {
	padding: 0 !important;
	margin: 0 0 0 15px !important;
	list-style: disc !important;
}

.interaktivekarte .gkasten ul li {
	padding: 0 !important;
	background: none !important;
}

.interaktivekarte .gkasten ul ul {
	list-style: circle !important;
}

.interaktivekarte .gkasten ul ul li {
	
}











.button {
	background: #666;
	display: inline-block;
	color: #fff;
	padding: 0 .5em;
	line-height: 1.5em;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	/*text-shadow: 0 0 2px rgba(0,0,0,.6);*/
}


.small.button		{ font-size: 1em }
.button,
.medium.button		{ font-size: 1.2em; }
.large.button		{ font-size: 1.5em; }
.super.button		{ font-size: 2em; }
.right.button		{ float:right; }

.button:link,
.button:visited 	{ color: white; text-decoration: none; }
.button:hover,
.button:active,
.button:focus			{ color: white; text-decoration: none; background-color: #333; }

.blue.button,
.blue.button:link,
.blue.button:visited		{ background-color: #116; }
.blue.button:hover,
.blue.button:active,
.blue.button:focus			{ background-color: #339; }

.green.button,
.green.button:link,
.green.button:visited		{ background-color: #9b0; }
.green.button:hover,
.green.button:active,
.green.button:focus			{ background-color: #bd0; }