/*
	standard.css / Author Bernhard Welzel / welzel@innocasto.com
	
	Bereiche
	(Standard) Nr.0
	.kunden - 01 - T3ID 134
	.projekte - 02 - T3ID 131
	.agentur - 03 - T3ID 137
	.kontakt - 04 - T3ID 130
*/

/* constants

*/

/*  CSS reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; 	font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1.0; color: black; background: white; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
html { cursor:default; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; }
q { quotes: '"' '"' "'" "'"; }
abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
a abbr { cursor: pointer !important; }
.aux { height: 1px; left: 0; overflow: hidden; position: absolute; top: -999em; width: 1px; }
.clearfix:after { clear:both; content:"."; display: block; height:0; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
ul#skip { display: none; }

html {
	height: 100%;
}

body {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.0;
	min-height: 101%; /* scrollbars for netscape & firefox */
	background:#000 url(/fileadmin/templates/images/00_mainbg.jpg) repeat;
}

/* structures */

#wrap0 {
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;padding-top:90px;
	background:#000 url(/fileadmin/templates/images/header.png) no-repeat;
}


#wrap1 {
	background-image: url(/fileadmin/templates/images/000_cbg.png);
}

.kunden #wrap1 {
	background:url(/fileadmin/templates/images/01_cbg.png);
}

.projekte #wrap1 {
	background:url(/fileadmin/templates/images/02_cbg.png);
}

.agentur #wrap1 {
	background:url(/fileadmin/templates/images/03_cbg.png);
}

.kontakt #wrap1 {
	background:url(/fileadmin/templates/images/04_cbg.png);
}



#col1 {
		width:auto;
width:220px;
		margin-left: 160px;
		margin-right: 600px;
padding-bottom:46px;
padding-top:46px;

	}
	
#col2 {
		float: left;
		width: 130px;

padding-bottom:46px;
background: url(/fileadmin/templates/images/000_m2bg.png) repeat-x;
padding-top:46px;
	}

.kunden #col2 {
background: url(/fileadmin/templates/images/01_m2bg.png) repeat-x;
}

.projekte #col2 {
background: url(/fileadmin/templates/images/02_m2bg.png) repeat-x;
}

.agentur #col2 {
background: url(/fileadmin/templates/images/03_m2bg.png) repeat-x;
}

.kontakt #col2 {
background: url(/fileadmin/templates/images/04_m2bg.png) repeat-x;
}

	
	#col3
	{
		width:576px;
float:right;

height:470px;
/* padding-top:46px; */
/* padding-bottom:46px; */
	}
	
#footer { clear:both;position:absolute;bottom:0px;/* padding-bottom:12px;*/ }


#m1
{
background: #000 url(/fileadmin/templates/images/00_menubg.png)  0 4px no-repeat;
padding-left:15px;
}


.kunden #m1{
background: url(/fileadmin/templates/images/01_menubg.png) 0 4px no-repeat;
}

.projekte #m1{
background: url(/fileadmin/templates/images/02_menubg.png) 0 4px no-repeat;;
}

.agentur #m1{
background: url(/fileadmin/templates/images/00_menubg.png) 0 4px no-repeat;
}

.kontakt #m1{
background: url(/fileadmin/templates/images/04_menubg.png) 0 4px no-repeat;
}


#m1 ul
{
height:3.0em;
}
#m1 ul li
{
background:url(/fileadmin/templates/images/m1ibg.png) left top no-repeat;
display:inline;
list-style:none;

padding-top:10px;
line-height:3.2em;
}

#m1 a
{
color:#ffffff;
text-decoration:none;
padding-left:15px;
padding-right:50px;
padding-top:16px;
font-size:1.1em;

}
#m1 .act a
{

text-decoration:none;
}

#m1 a:link,
#m1 a:visited
		{
			color:#E7E4E3;

		}		
	
#m1 a:hover,
#m1 a:active {color:#c37b0b;}

#m1 .act a:link,
#m1 .act a:visited,
#m1 .act a:hover,
#m1 .act a:active {color:#c37b0b;}

#m2 {
}


#m2  ul
{
padding-left:15px;
display:block;
margin-left:0px;
}
#m2  ul li
{
list-style:none;
display:block;
padding-bottom:10px;
}

#m2  a
{
color:#E7E4E3;
text-decoration:none;
font-size:1.1em;
}
#m2 .act a
{
color:#FF9900;
text-decoration:none;
}

#m2 a:link,
#m2 a:visited	{color:#E7E4E3;}		
#m2 a:hover,
#m2 a:active {color:#FF9900;}


#m2 .act a:link,
#m2 .act a:visited	{color:#FF9900;}		
#m2 .act a:hover,
#m2 .act a:active {color:#FF9900;}



#m2  ul li.sub
{
height:30;
background:url(../images/down_icon.jpg) bottom center no-repeat;
padding-bottom:10px;
}
#m2  ul ul
{
padding-left:15px;
color:#97a1b7;
text-decoration:none;
}
#m2  ul.submenu li
{
display:block;
list-style:none;
padding-left:15px;
}

#m2  .submenu a
{
color:#97a1b7;
text-decoration:none;
}

#m2  .submenu a.active
{
color:#c37b0b;
text-decoration:none;
}

/* nic neu */

#m2 ul.l2 {
padding: 20px 0 0 15px;
background: transparent url(/fileadmin/templates/images/submenu_arrow.gif) 15px 10px no-repeat;
}

body.kunden #m2 .l2 li a, body.kunden #m2 .l2 li.act li a {color: #fff2ac;}
body.projekte #m2 .l2 li a, body.projekte #m2 .l2 li.act li a {color: #acb477;}
body.agentur #m2 .l2 li a, body.agentur #m2 .l2 li.act li a {color: #a7b5cf;}
body.kontakt #m2 .l2 li a, body.kontakt #m2 .l2 li.act li a {color: #ffcd87;}

body.kunden #m2 .l2 li a:hover, body.projekte #m2 .l2 li a:hover, body.agentur #m2 .l2 li a:hover, body.kontakt #m2 .l2 li a:hover {color:#FF9900;}
body.kunden #m2 .l2 li.act a, body.projekte #m2 .l2 li.act a, body.agentur #m2 .l2 li.act a, body.kontakt #m2 .l2 li.act a {color:#FF9900;}
body.kunden #m2 .l2 li.act li.act a, body.projekte #m2 .l2 li.act li.act a, body.agentur #m2 .l2 li.act li.act a, body.kontakt #m2 .l2 li.act li.act a {color:#FF9900;}

#m2 ul.l3 {
	padding: 10px 0 0 10px;
	width: 87px;
	display: block;
}

#col1 ol li {padding: 0 0 0 20px;margin-bottom:10px;}
body.kunden #col1 ol li.nr0 {background: transparent url(/fileadmin/templates/images/ol_gold1.gif) left 4px no-repeat;}
body.kunden #col1 ol li.nr1 {background: transparent url(/fileadmin/templates/images/ol_gold2.gif) left 4px no-repeat;}
body.kunden #col1 ol li.nr2 {background: transparent url(/fileadmin/templates/images/ol_gold3.gif) left 4px no-repeat;}
body.kunden #col1 ol li.nr3 {background: transparent url(/fileadmin/templates/images/ol_gold4.gif) left 4px no-repeat;}
body.kunden #col1 ol li.nr4 {background: transparent url(/fileadmin/templates/images/ol_gold5.gif) left 4px no-repeat;}
body.projekte #col1 ol li.nr0 {background: transparent url(/fileadmin/templates/images/ol_green1.gif) left 4px no-repeat;}
body.projekte #col1 ol li.nr1 {background: transparent url(/fileadmin/templates/images/ol_green2.gif) left 4px no-repeat;}
body.projekte #col1 ol li.nr2 {background: transparent url(/fileadmin/templates/images/ol_green3.gif) left 4px no-repeat;}
body.projekte #col1 ol li.nr3 {background: transparent url(/fileadmin/templates/images/ol_green4.gif) left 4px no-repeat;}
body.projekte #col1 ol li.nr4 {background: transparent url(/fileadmin/templates/images/ol_green5.gif) left 4px no-repeat;}
body.agentur #col1 ol li.nr0 {background: transparent url(/fileadmin/templates/images/ol_blue1.gif) left 4px no-repeat;}
body.agentur #col1 ol li.nr1 {background: transparent url(/fileadmin/templates/images/ol_blue2.gif) left 4px no-repeat;}
body.agentur #col1 ol li.nr2 {background: transparent url(/fileadmin/templates/images/ol_blue3.gif) left 4px no-repeat;}
body.agentur #col1 ol li.nr3 {background: transparent url(/fileadmin/templates/images/ol_blue4.gif) left 4px no-repeat;}
body.agentur #col1 ol li.nr4 {background: transparent url(/fileadmin/templates/images/ol_blue5.gif) left 4px no-repeat;}
body.kontakt #col1 ol li.nr0 {background: transparent url(/fileadmin/templates/images/ol_brown1.gif) left 4px no-repeat;}
body.kontakt #col1 ol li.nr1 {background: transparent url(/fileadmin/templates/images/ol_brown2.gif) left 4px no-repeat;}
body.kontakt #col1 ol li.nr2 {background: transparent url(/fileadmin/templates/images/ol_brown3.gif) left 4px no-repeat;}
body.kontakt #col1 ol li.nr3 {background: transparent url(/fileadmin/templates/images/ol_brown4.gif) left 4px no-repeat;}
body.kontakt #col1 ol li.nr4 {background: transparent url(/fileadmin/templates/images/ol_brown5.gif) left 4px no-repeat;}

div.cag_pagebrowser li a {color: #fff; font-size: 0.9em; text-decoration: underline; }
div.cag_pagebrowser li a:hover {text-decoration: none; }


/* nic neu ende */


#footer ul
{
margin-top:-24px;
padding-left:15px;
color:#C7CCD0;
}
#footer ul li
{
display:inline;
list-style:none;
}
#footer ul li a
{
padding-left:10px;
padding-right:10px;
text-decoration:none;
color:#C7CCD0;
font-size:1.1em;
}
/* base font size */

.content p,
.content blockquote,
.content pre,
.content cite,
.content code,
.content table,
.content li,
.content li,
.content dd,
.content dt,
.content form
	{
		font-size:1.2em;
		line-height: 1.5;
color:#BDC1C6;
	}

.content table
	{
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
	}

/* headings */

h1 {
	position:absolute;left:15px;top:20px;width:128px;height:55px; 
	}

	/* make the actual link ZERO size and position relative
	the zero size stops the dotted border from displaying */
h1 a {
    display:block; 
	width:0;
	height:0;
	position:relative;
    }
h1 a span { 
    display:block; 
	text-indent:-10000px;
width:128px;height:55px;
	position:absolute; 
	cursor:pointer; /* to set the pointer correctly as a link in IE */
	}
h1 a:hover span {
border:1px dotted #000;
	}
	/* for IE to make the active/focus state work correctly */
h1 a:active {
    color:#fff;
	}
	/* style the active/focus state */
h1 a:active span, h1 a:focus span{
border:1px dotted #000;
	}


.content h3.csc-firstHeader {
color:#E7E4E3;

}

.content h3
	{
		font-size: 1.4em;
		line-height: 1.2;
		margin: 0 0 1.4em 0;
		padding:0;
color:#E7E4E3;
font-weight:bold;
	}
.content h4
	{
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
		background-color:inherit;
	}
.content h5
	{
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
		background-color:inherit;
	}
.content h6
	{
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	background-color:inherit;

	}
/* headings end */
/* links */
.content a,
.content a:link 
.content a:active
	{
	  color:#BDC1C6;
text-decoration:none;
	}
	
.content a:visited
	{
	  color:#BDC1C6;
	}
	
.content a:hover
	{
	text-decoration:underline;
	}
	
a:focus {
  text-decoration:underline;
}

.content p a,
a.internal {
  background:url(/fileadmin/templates/images/link_int.gif)  0 4px no-repeat;
  padding-left:20px;
}

.content p a.external {
  background:url(/fileadmin/templates/images/link_ext.gif) 0 3px no-repeat;
  padding-left:20px;
}



/* style external links different.   warning: ie trouble */
a[href*="http://"] {  }

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* links end */

/* TEXT */

.content pre
	{
		font-family: monospace;
	}

.content p
	{
		margin-bottom:0.9em;
	}

.content em {}
.content strong {font-weight:bold;}
.content dfn {}
.content code {}
.content samp {}
.content kbd {}
.content var {}
.content cite {}
.content abbr {}
.content acronym {}
.content address {}
.content blockquote {}
.content sub {}
.content sup {}

	
/* END TEXT */
	
/* LISTS */
.content ul	{}
.content ul li	{margin-left:1em;list-style-type:disc;}
.content ol	{}
.content ol li	{}
.content dl	{}
.content dl dt	{}
.content dl dd {}
	

/* END LISTS */
	
	
/* TABLE */
/* see http://www.quirksmode.org/css/tables.html */

.content table
	{
		border-collapse: separate;
		border-spacing: 0;		
	}
 .content table caption
	{
		font-weight: bold;
	}
.content caption,
.content th,
.content td
	{
		font-weight: bold;
		text-align: left;
	}
.content td
	{
	}
	
/* END TABLE */	

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {
        border: none;
}
legend {}


input, select, table, textarea
	{
		font-family:inherit;
		font-size:inherit;
		font-weight:inherit;
	}

form label {
        cursor: pointer;
}
label, input, select, textarea { margin:3px;padding:2px;margin-left:0; }
input, select, textarea { border:1px solid #ccc; }

input.selected,
textarea.selected { background-color:#ccc;color:#000; }


input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/* 5x4 Picture-Matrix */


.row1,
.row2,
.row3,
.row4  {margin-top:46px;margin-left:46px;}
.row1 span,
.row2 span,
.row3 span,
.row4 span {display:none;}

.row1 .popup span,
.row2 .popup span,
.row3 .popup span,
.row4 .popup span {position:absolute;top:20px;left:0;display:inline;width:380px;color:#FFF2AE;font-size:1.1em;}

.popup .c12 span,
.popup .c22 span,
.popup .c32 span,
.popup .c42 span {left:-60px}
.popup .c13 span,
.popup .c23 span,
.popup .c33 span,
.popup .c43 span {left:-140px;text-align:center}
.popup .c14 span,
.popup .c24 span,
.popup .c34 span,
.popup .c44 span {left:-320px;text-align:right;}
.popup .c15 span,
.popup .c25 span,
.popup .c35 span,
.popup .c45 span {left:-322px;text-align:right;}

.row1 li,
.row2 li,
.row3 li,
.row4 li {display:inline;list-style-item:none;margin-right:-4px;}


.row1 div,
.row2 div,
.row3 div,
.row4 div {display:inline;margin-right:46px;position:relative;}




/* css floatclearing */ 

.clearfix:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* fix for safari */
	.clearfix { display: block; } 
	
	/* overflow-method to clear float */
	.floatbox { overflow:hidden; }
	



@media screen, print
	{
		.skip
			{
				position: absolute;
				left: -999em; 

				}
		a.skip,	
		a.skip:hover
			{
				text-decoration: none; /* avoid a -1000px dotted line */
			}
		a.skip:focus, a.skip.focus {
			top: 0;
			left: 0;
		}		
	}


.cag_pagebrowser {
position:absolute;
right:50px;
bottom:1.0em;

}

.cag_pagebrowser ul {
	background:url(/fileadmin/templates/images/kunden_lastnext_bg.png) no-repeat 0 1px;
	width:49px;
	height:20px;
}

.cag_pagebrowser .first,
.cag_pagebrowser .pagenumbers,
.cag_pagebrowser .index,
.cag_pagebrowser .subsection {display:none;}
.cag_pagebrowser .previous,
.cag_pagebrowser .next {float:left;}
.cag_pagebrowser .previous { }
.cag_pagebrowser .next{ position:absolute;left:22px;}
.cag_pagebrowser a {text-indent:-10000px;display:block;width:22px;height:20px;}

.cag_pagebrowser .previous a { background:url(/fileadmin/templates/images/kunden_lastnext_last.png) no-repeat 12px 6px;}
.cag_pagebrowser .next a { background:url(/fileadmin/templates/images/kunden_lastnext_next.png) no-repeat 6px 6px;}

.projekte .cag_pagebrowser ul { background:url(/fileadmin/templates/images/projekte_lastnext_bg.png) no-repeat 0 1px; }
.projekte .cag_pagebrowser .previous a { background:url(/fileadmin/templates/images/projekte_lastnext_last.png) no-repeat 12px 6px;}
.projekte .cag_pagebrowser .next a { background:url(/fileadmin/templates/images/projekte_lastnext_next.png) no-repeat 6px 6px;}

.agentur .cag_pagebrowser ul { background:url(/fileadmin/templates/images/agentur_lastnext_bg.png) no-repeat 0 1px; }
.agentur .cag_pagebrowser .previous a { background:url(/fileadmin/templates/images/agentur_lastnext_last.png) no-repeat 12px 6px;}
.agentur .cag_pagebrowser .next a { background:url(/fileadmin/templates/images/agentur_lastnext_next.png) no-repeat 6px 6px;}

.kontakt .cag_pagebrowser ul { background:url(/fileadmin/templates/images/kontakt_lastnext_bg.png) no-repeat 0 1px; }
.kontakt .cag_pagebrowser .previous a { background:url(/fileadmin/templates/images/kontakt_lastnext_last.png) no-repeat 12px 6px;}
.kontakt .cag_pagebrowser .next a { background:url(/fileadmin/templates/images/kontakt_lastnext_next.png) no-repeat 6px 6px;}





#col3 .csc-textpic {padding-top:46px;padding-left:46px;}	
#col3 .csc-textpic-image {
margin-right:28px;
}
.csc-textpic-firstcol {margin-left:15px;}

#col3 .csc-textpic-lastcol {padding-right:0;padding-left:0;margin-left:0;}
#col3 .csc-textpic-border {margin-left:-46px;margin-top:-46px;}
#col3 .csc-textpic-border img {border:0;}
#col3 p {width:90%;font-size:1.1em;padding-left:2em;}

#col3 .bti {
background:url(/fileadmin/templates/images/03_bti.png) no-repeat 0 0px;
position:absolute;
bottom:1.2em;
left:66em;
padding-left:1.1em;
font-size:1.1em;
display:inline;
width:auto;
}

.bti a:link,
.bti a:visited { color: #C7CCD0;text-decoration:none;}
.bti a:hover,
.bti a:active { color: #C7CCD0;text-decoration:underline;}


/* Impressum */
#page_139 #col3 {
height:auto;
padding-top: 50px;
padding-bottom:1em;
}	
	
p.csc-form-label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.0;
	font-weight:normal;
}