/**********************************************************************
* @import
**********************************************************************/

@import url(reset.css);

img {
	behavior: url(fileadmin/templates/png_fix/iepngfix.htc);
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.csc-sitemap li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	line-height: 26px;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 12px;
}

.csc-sitemap ul li ul li {
	line-height: 26px;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 12px;
	background: transparent url(../images/list_point.png) no-repeat scroll left center;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Basic Elements */

h1 {
	font: 22px/26px "Arial", Tahoma, sans-serif;
	color: #000;
	padding: 0;
	margin: 0 0 10px;
}

h2, h3 {
	font: bold 11px/13px "Arial", Tahoma, sans-serif;
	color: #006ab3;
	padding: 0;
	margin: 0 0 10px;
}

h3 {
	font: bold 11px/13px "Arial", Tahoma, sans-serif;
	color: #1a171b;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 10px;
	padding: 0;
}

a {
	color: #a69f96;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Basic Site Elements */

html {
	height: 101%
}

body {
	font: 12px/18px "Arial", Tahoma, sans-serif;
	height: 101%;
	background: white url(../images/bg_header_bottom.jpg) repeat-x left top;
	color: #3f3f3f;
}

body {
	background: url(../images/bg_header_a.jpg) repeat-x left top;
	font: 12px/21px Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: 0;
	width: 960px;
	padding: 0;
	background: url(../images/bg_header.jpg) no-repeat left top;
}

#header {
	width: 960px;
	float: left;
	height: 166px;
}

#header img {
	top: 29px;
	left: 622px;
	position: relative;
}

#bg_header {
	background: url(../images/bg_header.jpg) no-repeat left top;
}

#navigation {
	float: left;
	width: 940px;
	padding-left: 20px;
}

#sub_navigation {
	float: left;
	width: 940px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	color: #a69f96;
}

#leftcolumn {
	width: 425px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

#rightcolumn {
	float: right;
	width: 495px;
	display: inline;
	margin-bottom: 20px;
}

#footer {
	width: 940px;
	clear: both;
	font-size: 11px;
	color: #a9998f;
	padding-left: 20px;
	background: url(../images/bg_footer.png) no-repeat 20px 0;
}

/* Listen */

#rightcolumn ul {
	margin-bottom: 20px;
	margin-top: 10px;
}

#rightcolumn ul ul {
	list-style-type: none;
}

.csc-menu-1 li {
	line-height: 26px;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 12px;
	background: transparent url(../images/list_point.png) no-repeat scroll left center;
}

.reference ul li {
	line-height: 12px;
	background: url(../images/list_point_ref.png) no-repeat 0 6px;
	padding-left: 10px;
}

#rightcolumn ul li a {
	color: #000;
	text-decoration: none;
}

#rightcolumn ul li a:hover, #rightcolumn ul li .list_active {
	color: #006ab3;
}

/* Navigation */

#navbar {
	margin-top: 15px;
	float: left;
	width: 495px;
}

#navbar ul li {
	display: inline;
}

#navbar ul li a:link, #navbar ul li a:visited {
	display: block;
	height: 24px;
	float: left;
	margin: 0 10px 0 0;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background: url(../images/navtab_right.png) no-repeat right top;
}

#navbar ul li a span {
	display: block;
	height: 23px;
	float: left;
	padding: 1px 10px 0px;
	background: url(../images/navtab_left.png) no-repeat left top;
}

/* Navigation Mods Current */

#navbar ul li#active_unternehmen a.nav_current {
	background: url(../images/navtab_right.png) no-repeat 100% -24px;
}

#navbar ul li#active_unternehmen a.nav_current span {
	background: url(../images/navtab_left.png) no-repeat 0 -24px;
}

#navbar ul li#active_produkte a.nav_current {
	background: url(../images/navtab_right.png) no-repeat 100% -48px;
}

#navbar ul li#active_produkte a.nav_current span {
	background: url(../images/navtab_left.png) no-repeat 0 -48px;
}

#navbar ul li#active_leistungen a.nav_current {
	background: url(../images/navtab_right.png) no-repeat 100% -72px;
}

#navbar ul li#active_leistungen a.nav_current span {
	background: url(../images/navtab_left.png) no-repeat 0 -72px;
}

#navbar ul li#active_referenzen a.nav_current {
	background: url(../images/navtab_right.png) no-repeat 100% -96px;
}

#navbar ul li#active_referenzen a.nav_current span {
	background: url(../images/navtab_left.png) no-repeat 0 -96px;
}

#navbar ul li#active_kontakt a.nav_current {
	background: url(../images/navtab_right.png) no-repeat 100% -120px;
}

#navbar ul li#active_kontakt a.nav_current span {
	background: url(../images/navtab_left.png) no-repeat 0 -120px;
}

/* Navigation Mods Hover */

#navbar ul li#active_unternehmen a:hover {
	background: url(../images/navtab_right.png) no-repeat 100% -24px;
}

#navbar ul li#active_unternehmen a:hover span {
	background: url(../images/navtab_left.png) no-repeat 0 -24px;
}

#navbar ul li#active_produkte a:hover {
	background: url(../images/navtab_right.png) no-repeat 100% -48px;
}

#navbar ul li#active_produkte a:hover span {
	background: url(../images/navtab_left.png) no-repeat 0 -48px;
}

#navbar ul li#active_leistungen a:hover {
	background: url(../images/navtab_right.png) no-repeat 100% -72px;
}

#navbar ul li#active_leistungen a:hover span {
	background: url(../images/navtab_left.png) no-repeat 0 -72px;
}

#navbar ul li#active_referenzen a:hover {
	background: url(../images/navtab_right.png) no-repeat 100% -96px;
}

#navbar ul li#active_referenzen a:hover span {
	background: url(../images/navtab_left.png) no-repeat 0 -96px;
}

#navbar ul li#active_kontakt a:hover {
	background: url(../images/navtab_right.png) no-repeat 100% -120px;
}

#navbar ul li#active_kontakt a:hover span {
	background: url(../images/navtab_left.png) no-repeat 0 -120px;
}

/* Sub Navigation */

#subnavlist_1, #subnavlist_2, #subnavlist_3, #subnavlist_4, #subnavlist_5 {
	float: left;
}

#subnavlist_1 li, #subnavlist_2 li, #subnavlist_3 li, #subnavlist_4 li, #subnavlist_5 li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #a69f96;
}

#subnavlist_1 li a, #subnavlist_2 li a, #subnavlist_3 li a, #subnavlist_4 li a, #subnavlist_5 li a {
	font-size: 12px;
	color: #a69f96;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#subnavlist_ueber_uns .subactive, 
  #subnavlist_standort_wismar .subactive, 
  #subnavlist_seit_60_jahren .subactive, 
  #subnavlist_jobs-ausbildung .subactive,
  #subnavlist_ueber_uns a:hover, 
  #subnavlist_standort_wismar a:hover, 
  #subnavlist_seit_60_jahren a:hover, 
  #subnavlist_jobs-ausbildung a:hover {
	color: #009687;
}

#subnavlist_sicherheitsglas .subactive, 
  #subnavlist_flachglas .subactive, 
  #subnavlist_spiegel .subactive, 
  #subnavlist_isolierglas .subactive, 
  #subnavlist_antik-designglas .subactive, 
  #subnavlist_beschlaege .subactive, 
  #subnavlist_kunststoffe .subactive, 
  #subnavlist_dreh-schiebetueren .subactive,
  #subnavlist_sicherheitsglas a:hover, 
  #subnavlist_flachglas a:hover, 
  #subnavlist_spiegel a:hover, 
  #subnavlist_isolierglas a:hover, 
  #subnavlist_antik-designglas a:hover, 
  #subnavlist_beschlaege a:hover, 
  #subnavlist_kunststoffe a:hover, 
  #subnavlist_dreh-schiebetueren a:hover {
	color: #cc071e;
}

#subnavlist_zuschnitt .subactive, 
  #subnavlist_bearbeitung .subactive, 
  #subnavlist_glasgestaltung .subactive, 
  #subnavlist_konstruktiver_glasbau .subactive, 
  #subnavlist_reparatur-glaserei .subactive, 
  #subnavlist_glasmoebel .subactive, 
  #subnavlist_bleiverglasung .subactive, 
  #subnavlist_aquarien .subactive, 
  #subnavlist_fuhrpark-transport-montage .subactive,
  #subnavlist_planung-beratung .subactive,
  #subnavlist_keramischer-digitaldruck .subactive,
  #subnavlist_zuschnitt a:hover, 
  #subnavlist_bearbeitung a:hover, 
  #subnavlist_glasgestaltung a:hover, 
  #subnavlist_konstruktiver_glasbau a:hover, 
  #subnavlist_reparatur-glaserei a:hover, 
  #subnavlist_glasmoebel a:hover, 
  #subnavlist_bleiverglasung a:hover, 
  #subnavlist_aquarien a:hover, 
  #subnavlist_fuhrpark-transport-montage a:hover,
  #subnavlist_planung-beratung a:hover,
  #subnavlist_keramischer-digitaldruck a:hover {
	color: #ee813c;
}

#subnavlist_aktuelle-projekte .subactive, 
  #subnavlist_abgeschlossene_projekte .subactive,
  #subnavlist_aktuelle-projekte :hover, 
  #subnavlist_abgeschlossene_projekte :hover {
	color: #006ab3;
}

#subnavlist_ansprechpartner .subactive, 
  #subnavlist_kontaktformular .subactive, 
  #subnavlist_anfahrtsbeschreibung .subactive,
  #subnavlist_ansprechpartner a:hover, 
  #subnavlist_kontaktformular a:hover, 
  #subnavlist_anfahrtsbeschreibung a:hover {
	color: #3e3d40;
}

/* Login */

#logout input {
	display: inline !important;
}

.login {
	float: left;
	color: #fff;
	margin-left: 30px;
}

.btn_login {
	float: left;
	padding-top: 14px;
}

.point {
	float: right;
	padding-right: 89px;
	padding-top: 15px;
}

.point img {
	behavior: url(fileadmin/templates/png_fix/iepngfix.htc);
}

/* Top Link */

.top_link {
	margin-top: 30px;
	font-size: 11px;
}

.top_link img {
	margin-right: 5px;
}

/* Referenzen */

.reference {
	width: 425px;
	background-color: #eaeef7;
}

.reference_text {
	font-size: 11px;
	line-height: 14px;
	color: #707172;
	padding: 10px;
	width: 170px;
}

.reference_images {
	width: 220px;
	float: right;
	background-color: #fff;
	padding-left: 10px;
}

.reference_images img {
	margin-bottom: 10px;
}

/* Footer */

.footer_text {
	width: 830px;
	padding-top: 5px;
}

.footer_nav {
	float: right;
}

.footer_nav a {
	padding-right: 10px;
	padding-left: 10px;
}

#footer img {
	float: right;
}

/* Form Login */

#form_login {
	width: 250px;
	text-align: left;
}

#form_login label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

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

#form_login label.field-first,
#form_login label.field-last {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 100px;
}

#form_login label.field-first input,
#form_login label.field-last input {
	float: left;
	width: 100px;
	padding: 2px;
	background-color: #ccc4ba;
	border: 1px solid #dad6cd;
	color: #fff;
}

#form_login label.field-first,
#form_login label.field-address {
	clear: left;
}

/* Form Contact */

.tx-thmailformplus-pi1 form {
	width: 430px;
	text-align: left;
}

.tx-thmailformplus-pi1 form fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent: 0;
	clear: left;
	border: 0 solid;
	position: relative;
}

.tx-thmailformplus-pi1 form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

.tx-thmailformplus-pi1 form input {
	display: block;
	margin-top: 3px;
}

.tx-thmailformplus-pi1 form select {
	float: left;
	display: block;
}

.tx-thmailformplus-pi1 form label.field-first,
.tx-thmailformplus-pi1 form label.field-address,
.tx-thmailformplus-pi1 form label.field-zip,
.tx-thmailformplus-pi1 form label.field-email {
	clear: left;
}

.tx-thmailformplus-pi1 form label.field-first,
.tx-thmailformplus-pi1 form label.field-last,
.tx-thmailformplus-pi1 form label.field-zip,
.tx-thmailformplus-pi1 form label.field-email,
.tx-thmailformplus-pi1 form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 180px;
}

.tx-thmailformplus-pi1 form label.field-zip {
	width: 60px;
}

.tx-thmailformplus-pi1 form label.field-first input,
.tx-thmailformplus-pi1 form label.field-last input,
.tx-thmailformplus-pi1 form label.field-email input,
.tx-thmailformplus-pi1 form label.field-zip input,
.tx-thmailformplus-pi1 form label.field-phone input {
	float: left;
	width: 180px;
	padding: 3px 0 3px 2px;
	border: 1px solid #707172;
	font: 12px "Arial", Tahoma, sans-serif;
}

.tx-thmailformplus-pi1 form label.field-zip input {
	width: 60px;
}

.tx-thmailformplus-pi1 form label.field-city {
	float: left;
	width: 300px;
}

.tx-thmailformplus-pi1 form label.field-city input {
	float: left;
	width: 300px;
	padding: 3px 0 3px 2px;
	border: 1px solid #707172;
}

.tx-thmailformplus-pi1 form label.field-long {
	float: left;
	width: 370px;
	margin: 0px 0px 0px 0px;
}

.tx-thmailformplus-pi1 form label.field-long input {
	float: left;
	width: 370px;
	border: 1px solid #707172;
	padding: 3px 0 3px 2px;
}

.tx-thmailformplus-pi1 form textarea {
	display: block;
}

.tx-thmailformplus-pi1 form input#checkbox_1,
.tx-thmailformplus-pi1 form input#checkbox_2 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

.tx-thmailformplus-pi1 form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 16px;
}

.tx-thmailformplus-pi1 form textarea {
	margin-top: 3px;
	padding: 2px 0 2px 2px;
	border: 1px solid #707172;
	font: 12px "Arial", Tahoma, sans-serif;
	width: 370px;
}

.tx-thmailformplus-pi1 form .abst_form {
	margin-top: 20px;
}

.csc-textpic-image {
	margin-left: 0 !important;
}

.no_bullet {
	list-style-type: none !important;
	background-image: none !important;
}

/* Shop Anpassungen */

#contentcolumn {
	float: left;
	width: 940px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#maincontent {
	margin-bottom: 20px;
}

#maincontent table td {
	padding-left: 5px;
}

.shop_header {
	background-color: #d9efed;
	color: #009687;
	padding-left: 5px;
	padding-right: 5px;
}

/*Erweiterungen*/

.erkl {
	margin-right: 5px;
	margin-left: 10px;
}

.suche_auswahl {
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

.auswahl {
	background: #d9efed;
}

.alt {
	background: #d9efed;
}

#monatsansicht {
	float: right;
	margin-right: 20px;
}

.auswahl td {
	margin-right: 0;
	padding-right: 10px;
	vertical-align: middle;
}

.auswahl table {
	float: left;
}

.links_eintrag {
	font-weight: bold;
	padding-right: 100px;
}

td, th {
	padding: 4px 10px 4px 4px;
	vertical-align: top;
}

.auswahl table tbody tr:hover td, .auswahl table tbody tr:hover th {
	background-color: #d9efed;
}

#table_content a:link, #table_content a:visited, #table_content a:active, #table_content2 a:link, #table_content2 a:visited, #table_content2 a:active {
	color: #009687;
	text-decoration: none;
}

#table_content a:hover, #table_content2 a:hover {
	color: #009687;
	text-decoration: underline;
	background-color: transparent;
}

.button_tab {
	padding-left: 10px;
}

select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #1a171b;
}

.button_tab input {
	background: #009687;
	color: #ffffff;
	height: 24px;
	width: 95px;
	text-align: center;
	border: none;
}

/*Tabellen*/

caption {
	font-size: 1.2em;
	color: #009687;
	font-weight: bold;
	border-bottom: 1px solid #009687;
	padding: 5px 5px 5px 4px;
	caption-side: top;
	text-align: left;
}

td, th {
	padding: 4px 4px 4px 4px;
	vertical-align: top;
	border-bottom: 1px solid #c3bbaf;
}

thead th {
	background: #d9efed;
	text-align: left;
	border-style: none;
}

tfoot td {
	padding: 5px;
	font-size: 0.9em;
	border-style: none;
}

.auswahl td, td.user-customer-pi1-browsebox-SCell, .user-customer-pi1-searchbox td, #edit table td {
	border-style: none;
}

table#table_content td img {
	margin: 0 0 0 10px;
	padding: 0;
}

/* Kontaktformular*/

#edit label, .user-customer-pi1 form label {
	margin: 5px 0;
}

#edit .kontaktdaten label, #edit .anfrage label,  .user-customer-pi1 form .kontaktdaten label,  .user-customer-pi1 form .anfrage label {
	display: block;
	width: 100px;
	float: left;
}

#edit input, #edit textarea, .user-customer-pi1 form input, .user-customer-pi1 form textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #1a171b;
	margin: 4px 0;
	padding: 3px;
	width: 250px;
}

#edit textarea, .user-customer-pi1 form textarea {
	height: 100px;
}

#edit .button, .user-customer-pi1 form .button {
	padding-left: 286px;
	margin-top: 15px;
}

#edit .button_eintrag, .user-customer-pi1 form .button_eintrag {
	margin-top: 15px;
	float: right;
}

#edit .button_abbrechen, .user-customer-pi1 form .button_abbrechen {
	margin-top: 23px;
	float: right;
}

#edit .button_abbrechen a, .user-customer-pi1 form .button_abbrechen a {
	background: #009687;
	text-decoration: none;
	color: #ffffff;
	margin: 5px 10px;
	padding: 5px 10px;
}

#edit .button_abbrechen a:hover, .user-customer-pi1 form .button_abbrechen a:hover {
	background: #009687;
}

#edit .button input, #edit  .button_eintrag input, .user-customer-pi1 form .button input, .user-customer-pi1 form .button_eintrag input {
	background: #009687;
	color: #ffffff;
	height: 24px;
	width: 75px;
	text-align: center;
	border: none;
}

#edit .button input:hover, #edit .button_eintrag input:hover,  .user-customer-pi1 form .button input:hover, .user-customer-pi1 form .button_eintrag input:hover {
	background: #009687;
}

#edit .cancel_button, .user-customer-pi1 form .cancel_button {
	margin-left: 15px;
	background: #009687;
	color: #ffffff;
	height: 24px;
	width: 75px;
	text-align: center;
	border: none;
	vertical-align: middle;
}

#edit .cancel_button:hover, .user-customer-pi1 form .cancel_button:hover {
	background: #009687;
}

#edit .cancel_button a, .user-customer-pi1 form .cancel_button a {
	text-decoration: none;
	color: #FFFFFF;
}

#edit .cancel_button a:hover, .user-customer-pi1 form .cancel_button a:hover {
	background: #009687;
}