/* basic stylesheet for www.max-communication.de */
/* author: www.ideenwerft.com */

/* Farben:  blau #003f7e . grau #747477  hellblau #e5ebf2  */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
min-height:100%;
height:100%;
padding-top:0;
font-size: 75%; 
font-family: verdana, arial, Sans-Serif;
color:#333;
text-align:center;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
}
#rahmen {
width: 1120px;
height:100%;
min-height:100%;
margin: 0 auto;
padding-top:5px;
padding-left:20px;
text-align:left;
background: url(img/bg.gif) no-repeat;
} 
#lang {display:none;}
#tabs {display:none;}
#top {display:none;}
#topNavi {display:none;}
#main {position:relative;padding-top:25px;float:left;display:inline;background: url(img/bg-main.gif) repeat-y;width:915px;}
#left {display:none;}
#content {float:left;width:600px;}
#footer {clear:both;}
.iw {display:none;}

/* +++ LANGUAGE MENU ++++ */
#lang {font-size:0.9em;color:#ccc;}
/* +++ TABS ++++ */
#tabs a {display:block;height:30px;float:left;}
#tabs a.shop:link, #tabs a.shop:visited {width:83px;background:url(img/shop.gif) top left no-repeat;}
#tabs a.shop:hover, #tabs a.shop:focus {background:url(img/shop.gif) bottom right no-repeat;}
#tabs a.unternehmen:link, #tabs a.unternehmen:visited {width:150px;background:url(img/unternehmen.gif) top left no-repeat;}
#tabs a.unternehmen:hover, #tabs a.unternehmen:focus {background:url(img/unternehmen.gif) bottom right no-repeat;}
#tabs a.downloads:link, #tabs a.downloads:visited {width:132px;background:url(img/downloads.gif) top left no-repeat;}
#tabs a.downloads:hover, #tabs a.downloads:focus {background:url(img/downloads.gif) bottom right no-repeat;}
#tabs a {outline:none;}

/* +++ SUCHBOXEN++++ */
div.suche, div.artNr {width:600px;float:left;text-transform:lowercase;}
div.sucheUntern {}
div.artNr {margin-top:5px;height:25px;}
.tx-fesearchintable-pi1 {clear:both;margin-bottom:5px;}
.suche label, .tx-fesearchintable-pi1 label {display:block;width:105px;float:left;padding-top:6px;color:#999;font-size:0.9em;}
.sucheUntern label {width:50px !important;}
.suche .tx-fesearchintable-pi1 label {padding-top:7px;}
.tx-fesearchintable-pi1 input, div.sucheUntern input {width:100px;height:15px;border:none;font-size:1em;padding:2px;}
.tx-fesearchintable-pi1 select {width:105px;height:17px;border:none;font-size:1em;text-transform:none;}
.tx-fesearchintable-pi1 input.submit, div.sucheUntern input.submit {width:20px;height:20px;margin-left:4px;background:url(img/lupe.gif) 0 2px no-repeat;border:none;}
.tx-fesearchintable-pi1 input.submit:hover, div.sucheUntern input.submit:hover {background:url(img/lupe-h.gif) 0 2px no-repeat;}
.suche .tx-fesearchintable-pi1 input.submit {margin-left:0px;}
.suche .tx-fesearchintable-pi1 input.submit:hover {}

/* + highlights in den gefundenen Seiten + */
span.csc-sword {color:#CC0000;font-style:italic;}


div.suche {bac kground:yellow;}
div.artNr {back ground:orange;}


/* +++ MINI BASKET++++ */
div.miniBasket {float:right;width:200px;text-align:right;margin-top:45px;padding-right:5px;color:#999999;}
/* +++ MAIN AREA & FOOTER ++++ */


/* +++ top navi ++++++++++++ */
#topNavi ul {list-style:none; list-style-position:inside; color:ccc;font-size:1em;text-transform:lowercase;}
#topNavi ul li {display:inline;padding: 0px 15px 7px 0;}
#topNavi a:link, #topNavi a:visited {
text-decoration:none;
color:#bdbdbd;
}
#topNavi a:hover, #topNavi a:focus {
color:#005292;
text-decoration:underline;
}
#topNavi li.current a:link, #topNavi li.current a:visited {color:#003f7e;}
#topNavi li.current a:hover, #topNavi li.current a:focus {}

/* *** navi ******************************/
#left ul {
margin-left:10px;
padding:0px 10px 0 11px;
list-style:none;
width:190px;
text-transform:uppercase;
}
#left ul li {
padding:0 10px;
margin-bottom:10px;
font-size:1em;
background: url(img/navi.gif) 0px 2px no-repeat;
}
#left li a:link, #left li a:visited {
dis play:block;
padding: 2px 0 2px 6px;
text-decoration:none;
color:#666;
}
#left li a:hover, #left li a:focus {
color:#003f7e;
text-decoration:underline;
}
/* +++ 1. ebene CUR +++++ */
#left ul li.cur {
background: url(img/navi-c.gif) 0px 2px no-repeat;
}
#left li.cur a:link, #left li.cur a:visited {
color:#003f7e;
}
#left li.cur a:hover, #left li.cur  a:focus {
color:#005292;
text-decoration:underline;
}
/* +++ 2. ebene +++++ */
#left ul ul {
margin-left:-10px;
padding:4px 10px 0 0px;
list-style:none;
width:180px;
text-transform:none;
}
#left ul li ul li, #left ul li ul li.cur {
padding:0 10px;
margin-bottom:2px;
font-size:1em;
background: none;
}
#left ul li ul li.cur  {font-weight:bold; }
#left li.cur li a:link, #left li.cur li a:visited {
color:#333;
}
#left li.cur li a:hover, #left li.cur li a:focus {
color:#005292;
}

/* +++ 3. ebene +++++ */
#left ul li ul li ul {margin-bottom:10px;}
#left ul li ul li ul li, #left ul li ul li.cur ul li, #left ul li ul li ul li.cur {
padding:0 0 0 20px;
margin-bottom:2px;
font-size:0.9em;
background: none;
}
#left ul li ul li.cur ul li  {font-weight:normal; }
#left ul li ul li.cur ul li.cur  {font-weight:bold; }

/* +++ 4. ebene +++++ */
#left ul li ul li ul li ul li, #left ul li ul li ul li.cur ul li, #left ul li ul li ul li ul li.cur {
padding:0 0 0 20px;
margin-bottom:2px;
font-size:1em;
background: none;
}
#left ul li ul li ul li.cur ul li  {font-weight:normal; }


/* ++ buttong angebote ++ */
div.angebote {margin-top:30px;}
div.angebote img {margin-left:20px;}

/* *** content / allgemein ******************************/
.small {font-size:0.9em;}
.grey {color:#999999;}
.red, .error, .survey_error {color:#CC0000;}
.italic, .survey_error {font-style:italic;}
.hide {display:none;}
a:link, a:visited {color: #003f7e;}
a:hover, a:focus {color: #FF9900;}
input.submit {border:0;background-color:#999999;padding:2px 5px;color:#fff;font-size:0.9em;margin-left:0px;}
input.submit:hover {cursor:pointer;background-color:#666;}
.submit {background-color:#999999;padding:3px 6px;color:#fff;font-size:1em;margin-left:20px;}
.submit:hover {background-color:#666;}
.submit a {text-decoration:none;color:#fff;}
p,h1,h2,h3,h4,h5 {padding-left:10px;}
p {
margin-bottom: 10px;
margin-right:30px;
text-align:justify;
line-height:1.3em;
}
h1 {
padding:4px 20px 3px;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
margin-bottom:18px;
background: #e5ebf2;
}
h2 {
display:block;
padding:13px 20px 10px 0px;
padding-left:0;
font-size:1.2em;
font-weight:bold;
color:#333;
}
h3 {
display:block;
padding:7px 20px 5px 20px;
font-size:1em;
font-weight:bold;
color:#333;
}
h4 {
font-size:1em;
}
#content ul {
margin-top:15px;
margin-left:35px;
margin-bottom:15px;
list-style-type: square;
list-st yle-position:inside;
}
#content .cLeft ul , #content .cRight ul {wi dth: 300px;}
#content ul li {
padding-bottom:3px;
}
#content ol {
margin-top:15px;
margin-left:47px;
margin-bottom:15px;
}
#content ol li {
padding-bottom:3px;
}
/* +++ FCE 2 SPALTEN CONTENT ++++ */
#content div.cLeft {float:left;width:250px;margin-bottom:15px;}
#content div.cRight {float:right;width:330px;padding-right:0px;margin-bottom:15px;}
#content div.cLeft h1 {margin-right:0;}
#content div.cLeft  p {margin-right:20px;}
#content div.cRight p  {margin-right:20px;}
/* +++ FORMULARE ALLGEMEIN ++++ */
form input, form textarea {
}
form input:focus, form textarea:focus {
background-color : #DDE6EE;
}
/* +++ SUCHSEITE UNTERNEHMEN++++ */
DIV#content table.csc-searchform {
width: 100%;
font-weight: bold;
padding-bottom:15px;
}
DIV#content table.csc-searchform td {
padding: 0px 0px;
}
DIV#content h2.searchForm {
margin:10px 0 18px 0px;
font-size: 1.1em;
font-weight:normal;
padding:4px 20px 3px;
text-transform:uppercase;
background: #f2f5f8;
}
DIV#content table.csc-searchform td.csc-form-labelcell {
width: 100px;
font-weight:normal;
}
DIV#content table.csc-searchform td.csc-form-labelcell p.csc-form-label {padding-top:3px;margin-right:0;}

/* +++ ANSPRECHPARTNER BOX ++++ */
div.team {border:1px solid #ccc;padding:10px 0px 10px 10px;height:90px;margin-bottom:15px;}
.cLeft div.team {margin-right:10px;}
.cRight div.team {margin-left:10px;}
div.team img {float:left;margin-right:10px;}
div.team p {font-size:0.9em;padding-left:0px;margin-bottom: 10px;margin-right:0px !important;}
div.team p.name {font-weight:bold;font-size:1em;margin-bottom: 3px;}
div.team p.title {font-style:italic;margin-bottom:15px;text-align:left;}
div.team p.fon {margin-bottom:5px;}
div.team p.fon span {padding-left: 22px;padding-bottom: 5px;background: url(img/phone.gif) 0 0px no-repeat;}
div.team p.mail {font-size:10px;}
div.team p.mail a {padding-left: 22px;background: url(img/email.gif) 0 2px no-repeat;}

/* +++ passwort ändern formular +++ */
.tx-fechangepassword-pi1 {margin-left:20px;}
.tx-fechangepassword-pi1 fieldset {border:none;}
.tx-fechangepassword-pi1 fieldset label {display:block;float:left;width:170px;}
.formRow{margin-bottom:10px;}
.message {font-weight:bold;font-style:italic;margin-bottom:20px;}
.tx-fechangepassword-pi1 input.submit {margin-left:170px;}

/* *** footer ******************************/
#static {
font-size:0.9em;
font-weight: normal;
padding-top:7px;
padding-right:1px;
text-transform:uppercase;
}
#static ul li {
display:inline;
list-style:none;
margin-left:15px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#efefef;
}
#static ul li a:hover {
text-decoration: underline;
color:orange;
}


/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}
/* ** downloads **** */
a.download_pdf {
marg in-top: 3px;
padding-left: 22px;
background: url(img/pdf.png) no-repeat;
}
a.download_doc {
ma rgin-top: 3px;
padding-left: 22px;
background: url(img/word.png) no-repeat;
}
/* ***** language menue ********/
#lang span {margin: 0 5px;}
#lang a:link, #lang a:visited {color:#ccc;}
#lang a:hover, #lang a:focus {color:#005292;}


/* +++ login / logout ++++++++++++ */
.login {margin-left:20px;margin-top:30px;width:150px;}
.login h3 {margin-left:0;padding-left:0;margin-bottom:7px;font-size: 1em;font-weight:normal;color:#666666;}
.login p, .login div {margin-left:0;padding-left:0;margin-bottom: 5px;font-size:0.9em;color:#999999;}
.login input {border:1px solid #999999;}
.login input.submit {font-size:1em;}
.login p.input input {width:110px;}
#left .login a:link, #left .login a:visited {padding: 2px 0 2px 0px;text-decoration:underline;color:#999999;}
 


/* ***** IW ********/
.iw a:link, .iw a:visited {
text-decoration:none;
color:#CCCCCC;
}
.iw a:hover {
color:#CC0000;
text-decoration:underline;
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* 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;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */