/****
	GENERAL SCREEN CSS FILE
		****/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	
	background: #FFFFFF;
	
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;		
	
	text-align: center;
	
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #000000;
	
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;  font-family: Arial; }

a {
	color: #00346b;
	text-decoration: underline;
}
a:visited {
	color: #00346b;
}

a:hover{
	color: #008bd0;
}


table,td {
	border: 1px solid grey;
}

#col2 table, #col2 td, #col2 td p {border-width:0px; color:#FFFFFF; font-size:12px;padding-left:3px; margin:0;}

/****
	PSEUDO
		****/
		
		#top {
			
		}
		
		#end {
		
		}

/****
	CONTAINTER
		****/


		#container {
			position: relative;
			top: 20px; left: 0;
			width: 1070px; height: 635px;
			padding: 0;
			margin: 0 auto;
			text-align: left;
			
		}
		
/****
	HEADER
		****/
		
		#header {
			position: relative;
			width: 100%; height: 89px;
			background: url(../img/topbackground.png) repeat;
		background-position:40px 10px;
			border-bottom: 2px solid white;
			background-color:#00519E;
		background-repeat:no-repeat;
		}
		
		#header h1 {
			position: absolute;
			top: 0; left: 852px;
			font-size: 0.01em;
			margin: 0;
			padding: 0;
			width: 216px; height: 89px;
			background: #015AA7;
			border-bottom: 2px solid #FFFFFF;
			border-left: 2px solid #ffffff;
		}
		
		#header h1 span {
			position: absolute;
			width: 100%; height: 100%;
			background: url(../img/header_h1.png) no-repeat;
		}
		
/****
	SEARCH
		****/
		
		#search {
			position: absolute;
			top: 91px; left: 0;
			width: 212px; height: 20px;
			margin: 0 0 0 854px;
			background: #153567;
			padding: 3px 2px 2px 2px;
		}
		
		#search .sismallsearch-container .sismallsearch-input {
			font-size: 11px;
			margin: 0 0 0 0;
			border: 1px solid #015AA7;
			padding: 2px;
		}
		
		#search .sismallsearch-container .sismallsearch-submit {
			color: #FFFFFF;
			background: #015AA7;
			border: 1px solid white;
			font-size: 9px;
			margin-left: 4px;
		}
		
/****
	PATH
		****/
		
		#path {
			position: absolute;
			top: 0; left: 0;
			width: auto; height: auto;
			margin: 2px 0 0 10px;
			z-index: 1;
		}
		
		#path ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#path ul li {
			position: relative;
			display: block;
			float: left;
		}
		
		#path ul li span { display: none; }
		
		#path ul li ul li {
			background: url(../img/path.png) no-repeat left center;
			padding-left: 10px;
			margin: 0 0 0 5px;
		}
		
		#path ul li ul li.path_1 {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#path a {
			color: white;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}		
				
		
/****
	CONTENT
		****/
		
		#content {
			position: relative;
			top: 25px; left: 0;
			width: 100%; height: 524px;
			/* margin: 25px 0 0 0; */
			border-top: 2px solid white;
		}
		
		#col0, #col1, #col2 {
			display: block;
			float: left;
			position: relative;
			margin: 0;
		}
		
		#col0 {
			position: relative;
			top: 0; left: 0;
			width: 166px; height: 524px;
			background: url(../img/col0.png) repeat-x;
			border-right: 2px solid white;
		background-color:#00346B;
		font-size:9pt;
		}
		
		#col0 #login {
			position: relative;
			top: 0; left: 0;
			width: 150px; height: auto;
			padding: 0 10px;
			margin: 25px 0 0 0;
			color: #ffffff;
		}
		
		#col0 #login h3 {
			text-align: center;
			margin: 0 0 10px 0;
			font-size: 15px;
		}
		
		#col0 #login a { 
			color: white; 
			text-decoration: none; 
		}
		
		#col0 #login p { color: white; }
		
		#col0 #login .submit {
			color: #FFFFFF;
			background: #00519e;
			border: 1px solid white;
			font-size: 9px;
		}
		
	/*** NEWLOGINBOX ***/
	
		.tx-newloginbox-pi1 p, .tx-newloginbox-pi1 label {
			color: #FFFFFF;
		}
		
		.tx-newloginbox-pi1 h3 {
			color: #f2db00;
			margin: 0 0 3px 0;
		}
	
		.tx-newloginbox-pi1 .newloginbox-item input {
			font-size: 11px;
			margin: 0 0 1px 0;
			border: 1px solid #015AA7;
			width:100px
		}
		
		.tx-newloginbox-pi1 .newloginbox-submit input {
			color: #FFFFFF;
			background: #00519e;
			border: 1px solid white;
			font-size: 9px;
			margin: 1px 0 10px 0;
		}
		
		.tx-newloginbox-pi1 .newloginbox-logout input {
			color: #FFFFFF;
			background: #00519e;
			border: 1px solid white;
			font-size: 9px;
		}
		
		.tx-newloginbox-pi1 #forgotPassword {
			position:absolute;
			left:120px;
			top:45px;
			z-index:2;
			width:150px;
			
		}
		.tx-newloginbox-pi1 a{
			color: #fff;
		}
		.tx-newloginbox-pi1 #permalogin {
			position:absolute;
			left:70px;
			top:65px;
			z-index:2;
			width:150px;
		}
		.tx-newloginbox-pi1 #permalogin label {
			line-height:24px;
			padding-left: 5px;
		
		}
		.tx-newloginbox-pi1 #permalogin input {
			width:auto;
			float:left;
			position:static;
		}
		
		.newloginbox-submit{
			margin-top:5px;
}
	.tx-newloginbox-pi1 table, .tx-newloginbox-pi1 td{
		border:none;
}
.tx-newloginbox-pi1 .forgotPWEmail{
		width: 95px;
}
.tx-newloginbox-pi1 input[type="submit"] {
    background: none repeat scroll 0 0 #00519E;
    border: 1px solid white;
    color: #FFFFFF;
    font-size: 9px;

}
input.forgotPWSubmit {
    margin-left: 5px;
width:90px;
height:21px;
float:right;
}

#forgotPasswordText{
	color: #fff;
	display:none;
}
#forgotPasswordForm{
	margin-top: 30px;
}
		
	/*** COL1 ***/
		
		#col1 {
			position: relative;
			top: 0; left: 0;
			width: 684px; height: 520px;
			padding: 0;
			background: #efefef;
			overflow: none;
		}
		
		#col1 h2 {
			background-color:#003770;
		color:#FFFFFF;
		padding-left:30px;
		font-weight:normal;
		}
		#col1 table {
			border-width:0px;
		}
		
	/*** COL2 ***/
		
		#col2 {
			position: relative;
			top: 0; left: 0;
			width: 216px; height: 524px;
			border-left: 2px solid white;
			background: url(../img/col0.png) repeat-x;
		background-color:#00346B;
		}

		
		
/****
	OCLS
		****/
		
		#ocls {
			position: relative;
			width: 206px; height: auto;
			color: white;
			padding: 5px;
			margin: 10px 0 0 0;
		}
		
		#ocls ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#ocls ul li span {
			font-weight: bold;
		}
		
		#ocls ul li ul {
			margin: 6px 0 0 0;
		}
		
		#ocls ul li ul li a {
			color: white;
			text-decoration: none;
		}
		
/****
	INFO
		****/								
		
		#info {
			position: relative;
			top: 0; left: 0;
			width: 206px; height: auto;
			color: white;
			padding: 5px;
		}
		
		#info p { color: white; }
		
		#info a {
			color: white;
			text-decoration: none;
		}
		
		#info h2 {
			color: #FFFFFF;
			font-size: 15px;	
			margin: 0 0 5px 0;	
		}
		
		#info h3 {
			margin: 5px 0;
			
		}
		
		#info .news-latest-date { display: none; }
		
		#info .news-latest-morelink {
			position: relative;
			float: right;
			margin: 0 10px 10px 0;
		}

		#info .news-latest-gotoarchive { display: none; }
		
		
/****
	DOWNLOADS
		****/
		
		#downloads {
			position: relative;
			top: 10px; left: 0;
			width: 206px; height: auto;
			color: white;
			margin: 0;
			padding: 5px;
			border-top: 1px solid white;
			border-bottom: 1px solid white;
		}
		
		#downloads p { color: white; }
		
		#downloads a {
			color: white;
			text-decoration: none;
		}
		
		#downloads h2 {
			font-size: 13px;
		}
		
		
		#downloads .csc-uploads-fileSize { float: right; }

		#downloads .csc-uploads-fileName { width: 140px; }
		
		#downloads .tr-even,
		#downloads .tr-odd { clear: both; float: none; }
		
/****
	MERKLISTE
		****/
		
		#merkliste {
			position: relative;
			top: 0; left: 0;
			width: 206px; height: auto;
			margin: 15px 0 0 0;
			padding: 5px;
			border-top: 1px solid white;
		}		
		
		#merkliste ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#merkliste ul li {
			position: relative;
			display: block;
			float: left;
			margin-right: 10px;
			background: url(../img/merkliste_li.png) no-repeat left center;
			padding-left: 9px;
		}
		
		#merkliste ul li.merkliste_1 {
			background: none;
			padding: 0;
		}
		
		#merkliste ul li a {
			color: white;
			text-decoration: none;
			
		}
		
		
/****
	NEWSLETTER (only startpage)
		****/
		
		#newsletter {
			position: absolute;
			bottom: 0;
			width: 100%; height: auto;
			color: white;
			padding: 5px;
		top:420px;
		}		
		
		
		#col0 h2, #col2 h2 {
			color: #f2db00;
			font-size: 9pt;
			text-align:center;
		}
		#col0 h2 {text-align:left;padding-bottom:15px;}
		#col2 h2 {padding:0px 0px 10px 0px;margin-top:20px;}
		#newsletter fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}	
		#col0 #newsletter h2 {text-align:left;}
		#newsletter .tx_siaddtoaddress_pi1_mailformfield {
			position: relative;
			width: auto; height: 22px;
		}
		
		#newsletter .tx_siaddtoaddress_pi1_mailformfield label {
			position: absolute;
			margin: 23px 0 0 0;
			font-size: 9px;
		}
		
		#newsletter .tx_siaddtoaddress_pi1_mailformfield input {
			position: absolute;
			margin: 0 0 0 0;
			font-size: 11px;
		}
		
		#newsletter .tx_siaddtoaddress_pi1_mailformfield .submitbutton {
			position: absolute;
			margin: -21px 0 0 135px;
			background: #00519e;
			border: 1px solid white;
			font-size: 9px;
			color: #ffffff;
			width: 70px;
		}
		#newsletter h2  {text-align:center;}
/****
	MENU
		****/
		
		#menu_box {
			position: absolute;
			top: 91px; left: 0;
			width: 852px; height: 25px;
			margin: 0;
			background: #00346b;
			z-index: 99;
		}
		
		#menu {
			position: absolute;
		}
		
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#menu ul li {
			float: left;
			display: block;
		}
		
		#menu ul li span { display: none; }
		
		#menu ul li ul {
			margin: 6px 0 0 0;
		}
		
		#menu ul li ul li {
			position: relative;
			width: 90px;
			text-align: center;
		}
		
		#menu ul li ul li ul {
			display: none;
			position: absolute;
			top: 0; left: 0;
			padding-top: 12px;
		}	
		
		#menu ul li ul li ul li {
			position: relative;
			float: none; clear: left;
			text-align: left;
			width: 140px; 
			padding: 3px 10px;
			margin: 0;
			background: #153567;
			filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
		}
		
		#menu a {
			color: white;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
		}
		
		#menu a:hover,
		#menu a.active {
			font-weight: bold;
			text-decoration: none;
			
		}
		
		#menu ul li ul li ul li a { font-weight: normal; }
		#menu ul li ul li ul li a:hover { font-weight: bold; }
		


/****
	MENU 2 
		****/
		
		#menu2 {
			position: absolute;
			top: 0; left: 0;
			width: 166px; height: auto;
			margin: 118px 0 0 0;
		}
		
		#menu2 ul {
			list-style: none;
			margin: 0; 
			padding: 0;
		}
		
		#menu2 ul li {
			display: block;
			position: relative;
			width: 100%; height: auto;
			text-align: center;
			margin: 10px 0 0 0;
		}
		
		#menu2 ul li span {
			font-weight: bold;
			font-size: 12px;
			color: white;
			
		}
		
		#menu2 ul li ul {
			margin: 10px 0 0 0;
		}
		
		#menu2 ul li ul li {
			position: relative;
			text-align: left;
			padding: 5px 0 5px 8px;
			margin: 0;
			width: 158px;
			border-bottom: 1px solid white;
		}
		
		#menu2 ul li ul li.active {
			background: url(../img/menu2_active.png) no-repeat 2px 10px;
		}
		
		#menu2 ul li ul li ul {
			margin: 5px 0 0 0;
		}
		
		#menu2 ul li ul li ul li {
			position: relative;
			border: none;
			padding: 3px 0 3px 8px;
			width: 145px;
		}
		
		#menu2 ul li ul li ul li.active {
			background: url(../img/menu2_active.png) no-repeat left 8px;
		}
		
		#menu2 ul li ul li ul li ul li {
			padding: 0 0 0 8px;
			width: 137px;
		}
		
		#menu2 ul li ul li ul li ul li.active {
			background: url(../img/menu2_active.png) no-repeat left 6px;
		}
		
		#menu2 ul li ul li a {
			text-decoration: none;
			color: white;
			font-size: 11px;
			font-weight: bold;
		}
		
		#menu2 ul li ul li ul li a {
			font-weight: normal;
		}
		
/****
	SITELINKS
		****/
		
		#sitelinks {
			position: absolute;
			top: 645px; left: 0;
			width: auto; height: auto;
			margin: 2px 0 0 175px;
			z-index: 1;
		}
		
		#sitelinks ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#sitelinks ul li {
			display: block;
			float: left;
		}
		
		#sitelinks ul li span { display: none; }
		
		#sitelinks ul li ul li {
			background: url(../img/sitelinks.png) no-repeat left center;
			padding-left: 10px;
			margin: 0 0 0 5px;
		}
		
		#sitelinks ul li ul li.sitelinks_1 {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#sitelinks a {
			color: white;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		
/****
	SHORTCUTS
		****/
		
		#shortcuts {
			position: absolute;
			top: 0; left: 0;
			width: auto; height: auto;
			margin: 18px 0 0 10px;			
		}
		
		#shortcuts #login {
			border-left: 2px solid white;
			height: 100px;
			left: 600px;
			position: absolute;
			top: -20px;
			width:240px;
			
		}
		#shortcuts .tx-newloginbox-pi1 {
			margin:5px;
			float:left;
			width:auto;
		}

		#shortcuts #register  {
			position:absolute;
			left:120px;
			top:25px;
			z-index:2;
			width:150px;
			color:#FFFFFF;
			
		}
		#shortcuts #register  * {color:#FFFFFF}
		
		#shortcuts ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#shortcuts ul li {
			display: block;
			float: left;
		}
		
		#shortcuts ul li span {
			display: none;
		}
		
		#shortcuts ul li ul li {
			width: 140px; height: 70px;
			margin: 0 10px 0 0;
			padding-top: 0;
		}
		
		#shortcuts ul li ul li a {
			color: white;
			font-weight: bold;
			text-decoration: none;
			font-size: 12px;
			position: absolute;
			width: 120px; height: auto;
			padding: 52px 0 0 0;			
		}
		
		
		#shortcuts .shortcuts_1 {
			background: none;
		}
		#shortcuts .shortcuts_1_show:hover {
			background: url(../img/shortcuts_glas.png) no-repeat;
		}
		#shortcuts .shortcuts_1_show a {
			background: url(../img/shortcuts_green.png) no-repeat 0 52px;
			padding-left: 20px;
		}
		#shortcuts .shortcuts_1_show a:hover,
		#shortcuts .shortcuts_1_show a.active,
		#shortcuts .shortcuts_1 a.active {
			background: url(../img/shortcuts_green_hover.png) no-repeat 0 52px;
			padding-left: 20px;
		}
		
		#shortcuts .shortcuts_2 {
			background: none;
		}
		#shortcuts .shortcuts_2_show:hover {
			background: url(../img/shortcuts_metall.png) no-repeat;
		}
		#shortcuts .shortcuts_2_show a {
			background: url(../img/shortcuts_blue.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		#shortcuts .shortcuts_2_show a:hover,
		#shortcuts .shortcuts_2_show a.active,
		#shortcuts .shortcuts_2 a.active {
			background: url(../img/shortcuts_blue_hover.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		
		#shortcuts .shortcuts_3 {
			background: none;
		}
		#shortcuts .shortcuts_3_show:hover {
			background: url(../img/shortcuts_kunststoff.png) no-repeat;
		}
		#shortcuts .shortcuts_3_show a {
			background: url(../img/shortcuts_red.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		#shortcuts .shortcuts_3_show a:hover,
		#shortcuts .shortcuts_3_show a.active,
		#shortcuts .shortcuts_3 a.active {
			background: url(../img/shortcuts_red_hover.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		
		#shortcuts .shortcuts_4 {
			background: none;
		}
		#shortcuts .shortcuts_4_show:hover {
			background: url(../img/shortcuts_dienstleistungen.png) no-repeat;
		}
		#shortcuts .shortcuts_4_show a {
			background: url(../img/shortcuts_yellow.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		#shortcuts .shortcuts_4_show a:hover,
		#shortcuts .shortcuts_4_show a.active,
		#shortcuts .shortcuts_4 a.active {
			background: url(../img/shortcuts_yellow_hover.png) no-repeat 0 52px;;
			padding-left: 20px;
		}
		
		
/****
	LANG
		****/
		
		#lang {
			position: absolute;
			top: 645px; left: 0;
			width: auto; height: auto;
			margin: 2px 0 0 10px;
			z-index: 1;
		}
		
		#lang ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#lang ul li {
			display: block;
			float: left;
		}
		
		#lang ul li span { display: none; }
		
		#lang ul li ul li {
			background: url(../img/sitelinks.png) no-repeat left center;
			padding-left: 10px;
			margin: 0 0 0 5px;
		}
		
		#lang ul li ul li.sitelinks_1 {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#lang a {
			color: white;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		
/****
	FOOTER
		****/
		
		#footer {
			position: relative;
			top: 25px;
			float: none; clear: left;
			width: 100%; height: 20px;
			background: #153567;
			border-top: 2px solid white;
		}
		

		
			
/****
	AGENTUR.NET
		****/
		
			#agentur_net {
				position: relative;
				float: right;
				height: 6px;
				width: 70px;
				overflow: hidden;
				margin-top: 3px;
			}
			
			#agentur_net span { display: none; }
			
			#agentur_net a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				background: url(../images/agentur_net.png);
				text-indent: -999999%;
			}
			
			
			
			#oeffnungszeiten{
				font-size: 9px;
				width: 216px;
				color: #ffffff;
				z-index: 5000;
			
			}
			#oeffnungszeiten .csc-header-n1,
			#oeffnungszeiten .csc-header-n2,
			#oeffnungszeiten .csc-header-n3,
			#oeffnungszeiten .csc-header-n4,
			#oeffnungszeiten .csc-header-n5,
			#oeffnungszeiten .csc-header-n6 {
				padding-top:5px;
}

			#oeffnungszeiten .csc-header-n2,
			#oeffnungszeiten .csc-header-n3,
			#oeffnungszeiten .csc-header-n4,
			#oeffnungszeiten .csc-header-n5,
			#oeffnungszeiten .csc-header-n6 {
				border-top:1px solid #FFFFFF;
			}


			.imagecycle-controller {
				display:block!important;
				background-image:none!important;
			margin:120px 0 0 285px !important;
			

			}
			
			.imagecycle-controller a {position:static!important;float:left;}
			.imagecycle-controller li.prev a, .imagecycle-controller li.prev a:hover {
	
				background-image:url(../img/arrow-left.png) !important;
			width:19px !important;
			height:10px !important;
			background-position:0 0 !important;
			}
			.imagecycle-controller li.next a, .imagecycle-controller li.next a:hover {
	
				background-image:url(../img/arrow-right.png) !important;
						width:19px !important;
			height:10px !important;
			background-position:0 0 !important;
			}
			.imagecycle-controller .first,
			.imagecycle-controller .pause,
			.imagecycle-controller .last {
				display:none;
			}
			
			#col1 h2 {
				font-style: italic;
				font-weight:bold;
				line-height:23px;
				padding: 5px 15px 5px 30px;
				font-size: 16px;
			}
			
			.upper td {
			border-collapse: collapse;
			border:10px solid #003871;
			border-top-width:0px;	
			background-color:#003871;
			}
			
			.lower td {
				border-collapse: collapse;
			border:10px solid #acb3ce;
			padding:5px;
				background-color:#FFFFFF;
			}
			.lower td .text p {height:55px; font-size: 9pt;}
			.lower td .text .more a {float:right;}
			.lower td.column .more {
				position:relative;
			top:0px;
				font-weight: bold;
			
				
			}
			.lower td .text {float:left;width:120px;}
			.lower td .image {width:80px;float:left;}
			td.column2, td#column2 {border-left-width:0px;border-right-width:0px;}
			
			.text p {margin-top:18px}
			.text a {text-decoration:none;}
			.text h3 {margin-top:7px; font-size:11px;}
			
			#oeffnungszeiten .contenttable {
				margin-bottom:20px;
				margin-left: 8px;
			}
			
			.tx-imagecycle-pi1{
				height: 275px!important;
}

#oeffnungszeiten DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	padding-left: 5px;
	width: 205px!important;
	overflow:hidden!important;
	height: 215px;
}

.newloginbox-status{
	color: #fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.forgotPWSubmit {margin-top:-21px;}
}