/* 
   CSS Definitions for
   2004 Website of null-oder-eins GmbH
   
   Jürgen Ragaller 2/2/2004
   
   3-column Layout based on 
   http://glish.com/css/7.asp

*/

/* 
	Website Colors:

	Colors are based on the logo orange
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>body {
	font-size: small;
}

h2 {
	margin: 0px;
	padding-top: 20px;
	margin-bottom: 30px;
	font-size: small;
	letter-spacing: 0.2em;
	/*text-transform: uppercase;*/	
	font-weight: bold;
	color: #666666;
    voice-family: "\"}\"";   
    voice-family: inherit;
	font-size: medium;
}

html>h2 {
	font-size: medium;
}

h3 {
	color: #666666;
	margin: 25px 0 15px 0;
	padding: 0;
	font-size: x-small;
	font-weight: bold;
    voice-family: "\"}\"";   
    voice-family: inherit;
    font-size: small;
}

html>h3 {
	font-size: small;
}

h4 {
	color: #666666;
	margin: 15px 0 12px 0;
	padding: 0;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>h4  {
	font-size: small;
}

#centercontent h4 {
	font-size: 95%;
}

h4#currentproj {
	cursor: help;
}

em {
	color: #5988A6 !important;
}

strong {
	font-weight: bold;
}


/* IMAGES */
img{
	border: 0px;
}

div.imagesection{
	width: 550px !important;
	margin-top: 25px;
	margin-bottom: 25px;
}

.smallimgshadow {
	margin: 5px 20px 10px 2px !important;
}

.bigimgshadow {
	margin: 5px -5px 10px 2px !important;
}

.smallimgshadow,
.bigimgshadow {
	float: left;
	background: url(../images/css_imgs/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/css_imgs/shadow.gif) no-repeat bottom right;
	margin: 7px 21px 10px 2px;
}

.smallimgshadow img,
.bigimgshadow img {
	display: block;
	background-color: #fff;
	border: 1px solid #D5D5D5;
	margin: -3px 4px 4px -3px;
	padding: 0;
}
/* commented backslash hack v2 \*/
	.smallimgshadow img,
	.bigimgshadow img {
	position: relative; /* modern browsers value (breaks img display in ie mac os 9) */
}
/* ie 5 hack end */

col {
	width: 250px;
}

.clearboth {
	clear: both;
}

.caption {
	font-size: xx-small;
    voice-family: "\"}\"";   
    voice-family: inherit;
	font-size: x-small;
}

body>.caption {
	font-size: x-small;
}

.moderninput {
	border: 1px solid #AFAAA3;
	padding: 2px;
	font-size: xx-small;
    voice-family: "\"}\"";   
    voice-family: inherit;
	font-size: x-small;
	vertical-align: middle;
}

html>body .moderninput {
	font-size: x-small;
}

.imagesubmit {
	padding: 2px;
	vertical-align: middle;
}

a:link {
	text-decoration: none;
	color:  #5988A6;
}

a:visited {
	text-decoration: none;
	color:  #5988A6;
}

a:hover {
	text-decoration: underline;
}



/* LAYOUT DIVISIONS */
		
/* HEAD */	
	
#head {
	height:109px;
	border-bottom: 1px solid #999;
}

div.logo {
	position: absolute;
	top: 30px;
	right: 72px;
	z-index: 5;
}

/* header backgrounds -
   body id of page for selection 
*/

body#errorpage 			#head { background-image: url(../images/header_productive/error.jpg); }
body#firmenprofil 		#head,
body#info 				#head { background-image: url(../images/header_productive/info.jpg); }
body#lageplan 			#head,
body#home				#head { background-image: url(../images/header_productive/home.jpg); }
body#grafik				#head,
body#gadgets			#head { background-image: url(../images/header_productive/grafik.jpg); }
body#noerelaunch 		#head,
body#noepm				#head,
body#noeshop			#head,
body#ecom				#head,
body#noecarres			#head,
body#noett				#head,
body#webit				#head { background-image: url(../images/header_productive/web_it.jpg); }
body#webdesignbeinoe	#head,
body#standardsdesign	#head,
body#webdesignforit		#head,
body#webdesign			#head { background-image: url(../images/header_productive/webdesign.jpg); }
body#suche				#head { background-image: url(../images/header_productive/suche.jpg); }
body#kontakt			#head { background-image: url(../images/header_productive/kontakt.jpg); }

#head {
	background-repeat: no-repeat;
}

/* MAINNAVIGATION */

#mainnavigation {
	position: absolute;
	top: 90px; /* wrong value for ie mac 5 */
	left: 239px;
	z-index: 2;
}

/*\ commented backslash hack (ie 5 mac will ignore the following rule) */
#mainnavigation {
	top: 86px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#mainnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: 0.09em;
	font-weight: bold;
}

#mainnavigation ul li {
	float: left;
	margin: 0;
}

#mainnavigation ul li a {
	background: #fff;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	color: #5988A6;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #999;
	border-top: 1px solid #999; /* wrong value for ie 5 */
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;   
	}

html>body #mainnavigation ul li a  {
	font-size: small;   
	}
	
/*\ commented backslash hack (ie 5 mac will ignore the following rule) */
#mainnavigation ul li a {
    display: block;
    width: 100px;
	border-top: 0;
	height: 16px !important;
	height: auto; /* value for internet explorer windows (mac ie already excluded) */
	}
	
#mainnavigation ul li a:hover {
	color: #5988A6;
	background-color: #E7E7E7;
	text-decoration: none !important;
	}

#mainnavigation a:active	{
	color: #5988A6;
	background: #E7E7E7;
	}

#mainnavigation li.naventryactive a {
	color: #fff;
	background: #5988A6;
}

#mainnavigation li.naventryactive a:hover {
	color: #fff;
	background: #5988A6;
}



/* SERVICENAVIGATION */

#servicenavigation {
	position: absolute;
	top: 110px;
	right: 48px;
	width: 235px; /* ie 5 value*/
}

/*\ ie 5 will ignore the following rule */
#servicenavigation {
	width: auto;
}


#servicenavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: 0.09em;
}

#servicenavigation ul li {
	display: block;
	margin: 0;
	padding-left: 3px;
	float: left;
	/*
	background-image: url(../images/css_imgs/servicenav_separator.gif);
	*/
	border-right: 1px solid #999999;
}

#servicenavigation ul li a {
	width: 50px; /* necessary for ie 5 win*/
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	color: #00687F;
	text-decoration: none;
	text-align: right;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small;   
	}

html>body #servicenavigation ul li a  {
	font-size: x-small;
	}


#servicenavigation ul li a:hover,
#servicenavigation ul li a:active {
	background-image: url(../images/css_imgs/list_styler____.gif);
	background-position: left;
	background-repeat: no-repeat;
	}
#servicenavigation ul li.infocontentry_active a:link,
#servicenavigation ul li.infocontentry_active a:visited {
	background-image: url(../images/css_imgs/list_styler____.gif);
	background-position: left;
	background-repeat: no-repeat;
}


/* LEFTCONTENT */

#subnavigation {
	font-weight: bold;
	position: absolute;
	padding: 30px 0 0 0;
	left: 20px;
	top: 110px;
	border-left: 1px solid #999;
	width: 180px; /* this is necessary for ie 5 mac */
}

#subnavigation ul{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

body>#subnavigation ul {
	font-size: x-small;	
}

#subnavigation ul li{
	padding: 9px 0 2px 10px;
	background-color: #fff;
	margin: 0px;
	border-bottom: 1px solid #C4C4C4;
}


#subnavigation ul li a:link,
#subnavigation ul li a:visited {
	width: 160px; /* for ie 5 win */
	padding-left: 18px;
	color: #5988A6;
}


/* general */
#subnavigation ul li a:hover,
#subnavigation ul li a:active,	
#subnavigation ul li.subnaventry_active a:link,
#subnavigation ul li.subnaventry_active a:visited,
body#firmenprofil	 	.firmenprofil 		a:link,
body#firmenprofil		.firmenprofil 		a:visited,
body#lageplan			.lageplan 			a:link,
body#lageplan			.lageplan 			a:visited,
body#noerelaunch		.noerelaunch 		a:link,
body#noerelaunch		.noerelaunch 		a:visited,
body#webdesignbeinoe	.webdesignbeinoe 	a:link,
body#webdesignbeinoe	.webdesignbeinoe 	a:visited,
body#standardsdesign	.standardsdesign 	a:link,
body#standardsdesign	.standardsdesign 	a:visited,
body#webdesignforit		.webdesignforit 	a:link,
body#webdesignforit		.webdesignforit 	a:visited,
body#noepm				.noepm 				a:link,
body#noepm				.noepm 				a:visited,
body#noeshop			.noeshop 			a:link,
body#noeshop			.noeshop 			a:visited,
body#noecarres			.noecarres 			a:link,
body#noecarres			.noecarres 			a:visited,
body#noett				.noett				a:link,
body#noett				.noett				a:visited,
body#ecom				.ecom				a:link,
body#ecom				.ecom				a:visited,
body#gadgets			.gadgets			a:link,
body#gadgets			.gadgets			a:visited,
body#home               .kunden             a:link,
body#home               .kunden             a:visited {
	text-decoration: none;
	padding-left: 18px;
	width: 160px; /* for ie 5 win */
	background-image: url(../images/css_imgs/list_styler____.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #5988A6;
	font-weight: bold;
}


/* CENTERCONTENT */

#centercontent {
	width: 540px;
	margin-top: 20px;
	margin-left: 240px; 
	margin-right:210px;
	font-size: 93%;
}

#centercontent a:link, #centercontent a:visited {
	text-decoration: underline;
}

#centercontent table td a:link, #centercontent table td a:visited {
	text-decoration: none;
}

#centercontent ul {
	padding-left: 20px;
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
	list-style-image:  url("../images/css_imgs/list_styler.gif");
}

#centercontent li {
	margin-bottom: 10px;
}

#centercontent #search {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 10px 0;
	margin-bottom: 40px;
}

/*back and next buttons in bigpic view*/
ul#imagebackforth{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#imagebackforth .previous{
	float: left;
}
ul#imagebackforth .next {
	float: right;
}

ul#imagebackforth a:visited,
ul#imagebackforth a:link,
a.navsign {
	text-decoration: none !important;
	font-size: large;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-large;
}

body>ul#imagebackforth a:visited,
body>ul#imagebackforth a:link
body>a.navsign {
	font-size: x-large;
}



/* RIGHTCONTENT */

#rightcontent {
	position: absolute;
	padding: 0;
	right:0px;
	top:110px;
	width:180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*non ie 5 values*/
	top:137px;
}

#printpage {
	visibility: hidden;
	position: absolute;
	right: 210px;
	top:117px;
}

#printpage img {
	cursor: default;
	voice-family: "\"}\"";
	voice-family: inherit;
	cursor: pointer;
}

div.infocontact{
	padding-bottom: 46px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

body>div.infocontact {
	font-size: x-small;
}

div.infocontentry{
	float: left;
	padding-top: 3px !important;	
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 8px;
	background-color: #EAEAEA;
}

div.infocontentry_active a{
	float: left;
	background-color: #5988A6;
	color: #fff !important;
	padding-top: 3px;	
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 8px;
}



/* Portfolio Manager related styles */


.list_entry {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px #ACC3D2 solid;
}

#centercontent table.portfolio_list {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

body>#centercontent table.portfolio_list {
	font-size: small;
}

#centercontent table.portfolio_list td {
	font-size: 93%;
}

.portfolio_list  {
	float: left;
	width: 230px;
	margin-bottom: 20px;
}

.portfolio_list h2 {
	position: relative;
	left: -25px;
	top: -20px;
	font-weight: normal;
	font: normal 0.9em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	padding: 0;
	margin: 0;
	color: #999;
}


#centercontent .portfolio_list ol {
	position: relative;
	top: -10px;
	margin: 0 0 0 1px;
	padding: 0;
	width: auto;
	list-style-type: none;
}

#centercontent .portfolio_list ol li {
	padding: 0;
	margin: 0 0 2px 0;
}

#centercontent .portfolio_list ol li a{
	display: block;
	width: 200px;
	border-bottom: 1px solid #CCC;
}

#centercontent .portfolio_list ol li a:link,
#centercontent .portfolio_list ol li a:visited,
#centercontent .portfolio_list ol li a:hover,
#centercontent .portfolio_list ol li a:active {
	text-decoration: none;
}

#centercontent .portfolio_list ol li a:hover {
	border-bottom: 1px solid #f66013;
}


/* Styles for Search with phpdig */

.phpdigHighlight { 
	font-weight: bold;
}

div.phpdiglink{
	color: #2D4453 !important;
	padding-bottom: 5px;
	border-bottom: 1px solid #ACC3D2;
	margin-bottom: 10px;
}

div.phpdigtext {
	margin-bottom: 15px;
}

div.phpdigpath {
	margin-bottom: 20px;
	margin-top: 2px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

/* Client List on Homepage */
body#home #centercontent ul li {
    font-size: 92%;
    padding: 0;
    margin: 4px 0; }
    
body#home #centercontent ul li ul {
    margin-top: 0; }
    
p.news_item {
	font-size: 95%; }