body {color:black; background:#1C1D1E url(2008_01_FILES/pageback.jpg) repeat; font:normal normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top:0px;font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;}

a		{text-decoration:underline; color:#05607B;}
a:hover	{text-decoration:none; color:#FF7600;}
a img	{border:none;}

h1 {
	margin: 0;
	color: #05607b;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
}


h2 {
	margin: 0;
	color: #999999;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
}

#ref-top h2 {
	margin: 0;
	color:white;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
}

h3 {
	margin: 0;
	color: #05607b;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
}

h4 {
color:#FF7600;
font-weight:bold;
font-size:12px;
margin:0px;
padding:0px;
}

#boxhead {
	color: #FF7600;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#search	{float:right; padding:2px 25px 0px 0px; color:#05607B;}
#search form {margin:0px; padding:0px;}
#search input {color:black; border:1px solid black; font-size:11px; margin:0px;}
#search input[type=submit] {background:url(2008_01_FILES/b_search_back.jpg) repeat-x; color:#05607B; padding:1px 4px 1px 4px;}

div.lupe	{position:absolute; z-index:10; padding:365px 0px 0px 515px;}

/* REFERENZ TABLE */

#ref-table {
	color:  #000000;
	border: 1px dotted #05607B;
	margin-bottom: 0px;
}

#ref-top {
	background: url(2008_01_FILES/ref_top.jpg) repeat-x;
}

#ref-top-grau {
	background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
}

#ref-links {
	background-color: #F6F4E2;
	padding: 5px;
	width: 120px;
}

#ref-mitte {
	background-color: #ffffff;
	/*padding: 10px;*/
}

#ref-rechts {
	background-color: #EFEFEF;
	padding: 5px;
}

/*
	*********************************
	*                               *
	*    Beginn Layout Container    *
	*                               *
	*********************************
*/

#wrapper 		{margin:0px auto; width:960px;}
#topper  		{background-color:#FFFFFF; width:960px;}


/*#logo 	                {width:960px; height:160px; background:url(2008_01_FILES/head_start.jpg) no-repeat;}*/
#logo {
	width: 960px;
	height: 160px;
}

/* ### Downloads ### */
#logo_dow 	                {width:960px; height:160px; background:url(2008_01_FILES/head_downloads.jpg) no-repeat;}

/* ### Kompetenzen ### */
#logo_kom 	                {width:960px; height:160px; background:url(2008_01_FILES/head_kompetenzen.jpg) no-repeat;}

/* ### Kontakt ### */
#logo_kon	                {width:960px; height:160px; background:url(2008_01_FILES/head_kontakt.jpg) no-repeat;}

/* ### News ### */
#logo_new	                {width:960px; height:160px; background:url(2008_01_FILES/head_news.jpg) no-repeat;}

/* ### Referenzen ### */
#logo_ref	                {width:960px; height:160px; background:url(2008_01_FILES/head_referenzen.jpg) no-repeat;}

/* ### Team ### */
#logo_tea 	                {width:960px; height:160px; background:url(2008_01_FILES/head_team.jpg) no-repeat;}


#main 			{width:610px; float:left;	padding:20px 30px 20px 20px; background-color:white; margin-top:15px; border-right: 1px solid #f75300;}
#right 			{width:259px; background-color:white; float:right; padding:20px; margin-top:15px;}
#suma 			{padding:5px; height:24px;}
#subnavi		{padding:10px 5px 5px 5px; height:19px; float:right; color:#999999; font-size:14px; font-weight:bold;}
#subnavi a		{color:#999999; text-decoration:none;}
#subnavi a:hover	{text-decoration:underline; color:#FF7600;}

#content p {padding-bottom:0px; margin-bottom:0px;}

/*
	*********************************
	*                               *
	*     Ende Layout Container     *
	*                               *
	*********************************
*/

/*
	*********************************
	*                               *
	*    Beginn Layout Boxes	    *
	*                               *
	*********************************
*/

#topperboxes 	{padding:10px; width:640px; height:200px;}
.box	 		{width:245px; height:100px; margin-bottom: 5px;}
.servicebox	 	{width:245px; height:60px; margin-bottom: 10px;}

.tbox {
width:170px; padding:20px 10px 20px 10px; text-align:left; background:#DEDEDE;
}

.tbox ul {margin:10px 0px 0px 0px; padding:0px; list-style-type:none;}
.tbox ul li {margin-bottom:4px;}
.tbox ul li a {display:block; padding:5px 0px 5px 25px; background:url(2008_01_FILES/square.gif) 2px 50% no-repeat; color:black; text-decoration:none;}
.tbox ul li a:hover {color:#FF7600;}

/*
	*********************************
	*                               *
	*     Ende Layout Boxes     	*
	*                               *
	*********************************
*/



/*
	*********************************
	*                               *
	*        Beginn Topnavi         *
	*                               *
	*********************************
*/

.topnav				{clear:left; width:960px; border-bottom:1px dotted #CCCCCC; background-color: white;}

.folder				{float:left; margin-right:4px;}
.folder a			{color:#000000; text-decoration:none; padding:0px 4px 0px 4px; font-weight:normal;}
.folder a:hover		{}

.items				{color:#FFFFFF;}
.items a			{color:#FFFFFF; text-decoration:none; padding:0px 8px 0px 8px;}
.items a:hover		{text-decoration:underline;}

.m_panel 				{padding:0px;}
.m_wrapper 				{}
.m_tabs 				{}
.m_tabs ul 				{margin:0px; padding:0px; list-style-type:none;}
.m_tabs ul li 			{margin:0px; padding:0px; float:left;}
.m_tabs ul li a 		{padding:5px 8px; color:#05607B; text-decoration:none; display:block;}
.m_tabs ul li a:hover 	{color:#05607B; text-decoration:none; background:#FF7600;}
.m_tabs ul li a.active 	{background:#FF7600;}
.m_content 				{clear:left; background:#FF7600; color:#333333; padding:10px; color:white; font-weight:bold;}
.m_content a 			{color:white; text-decoration:none;}
.m_content a:hover 		{color:#333333;}
.m_content a.active 	{color:#333333;}


/*
	*********************************
	*                               *
	*          Ende Topnavi         *
	*                               *
	*********************************
*/

*html body {margin:0px;}
*html #subnavi {margin:0px; height:21px;}
*html .m_panel {background:#FFFFFF;}
*html #topper {background:#FFFFFF;}

*+html #search input[type=submit] {padding:0px 4px;}
*+html #search input[type=text] {padding:2px 4px 1px 4px;}

/*
	*********************************
	*                               *
	*          Twitter         *
	*                               *
	*********************************
*/

#twitter_div {width:245px; margin-bottom: 5px;}

#twitter_update_list {}
#twitter_update_list ul {padding:0px; margin:0px;}
#twitter_update_list li {margin-bottom:10px; padding-right:10px;}
#twitter_update_list li a {display:block; padding:0px;}

#twitterhead {}
#twitterback {width:245px; padding-top:3px; padding-bottom:3px; background:url(2008_01_FILES/twitterback.jpg) repeat}
#twitterbottom {}

/*
	*********************************
	*                               *
	*          Topteaser        *
	*                               *
	*********************************
*/

/*#topteaserwrapper { width:960px; height:380px; background:url(2008_01_FILES/topteaserback.jpg) no-repeat;}*/
#topteaserwrapper {
	width: 960px;
	/*height: 380px;*/
	height: 330px;
	background: white;
}

#topteaserwrapper h2 { 
	text-decoration:none; 
	font:normal normal normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	color:#797979; 
	margin:0; 
	padding-top: 10px;
	margin-left: 25px; 
	/*position:absolute; 
	top:70px; 
	left:25px;*/
}

/*#topteasertext { font-size:14px; height:80px; padding:10px 30px; position:relative;}*/
#topteasertext h2 { text-decoration:none; font:normal normal normal 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#797979; margin:0; padding-bottom:10px; position:absolute; top:70px; left:25px;}
#shops { background-image:url(2008_01_FILES/topteaserback_shops.jpg);}
#shops h3 { color:#C6102B; font-size:18px;}
#marketing { background-image:url(2008_01_FILES/topteaserback_marketing.jpg);}
#marketing h3 { color:#99C320; font-size:18px;}
#design { background-image:url(2008_01_FILES/topteaserback_design.jpg);}
#design h3 { color:#F5C33C; font-size:18px;}
#web { background-image:url(2008_01_FILES/topteaserback_web.jpg);}
#web h3 { color:#5B93B8; font-size:18px;}
.topteaserbox { float:left; width:220px; height:270px; margin-right:10px; margin-left:10px;}
.topteaserhead { height:60px; padding:20px;}
.topteaserpix {}
.topteaserbottom { height:30px; padding:5px 20px;}

/* TYPO3 relevant */

#footer {
	position: relative;
	clear: left;
	top: 20px;
}

.ce-right-outer {
	border: 1px dotted #05607B;
}

.ce-right-inner {
	width: 248px;
	background: #EFEFEF;
	margin: 0px 5px;
}

.ce-right-inner h1 {
	border-bottom: 5px solid white;
}

#news-headline-1 h1 {
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
}

#ce-headline-1 h1 {
	margin: 0;
	margin-top: -5px;
	margin-left: -5px;
	width: 592px;
	color: #05607b;
	text-decoration: none;
	font: normal bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	background: url(2008_01_FILES/ref_top_grau.jpg) repeat-x;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

#ref-table #ref-top h2 {
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	border-right: 3px solid white;
}

#content .tx-owodreferences-pi1 #ref-table #ref-top h2 {
	border: none;
}

#ref-table #ref-rechts {
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
}

#content .tx-owodteam-pi1 #ref-table #ref-rechts,
#content .tx-owodreferences-pi1 #ref-table #ref-rechts,
#content .tx-owoddownloads-pi1 #ref-table #ref-rechts {
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#content .tx-owodreferences-pi1 #ref-table #ref-rechts {
	border-bottom: none;
}

#ref-table #ref-rechts .csc-textpic .csc-textpic-imagewrap {
	padding: 5px 0;
}

.Tx-Formhandler .error-message,
.tx-thmailformplus-pi1 .error-message {
	color: red;
	font-weight: bold;
}

.tx-thmailformplus-pi1 label {
	float: left;
	width: 120px;
}

.tx-thmailformplus-pi1 .tx_mailformplus_submit {
	padding-left: 230px;
}

.tx-thmailformplus-pi1 .tx_mailformplus_submit input#submit {
	margin-left: 20px;
}

#tx_owodreferences-outer {
	margin-top: 20px;
}

#tx_owodreferences-outer #ref-table #ref-rechts h1 {
	margin-bottom: 10px;
}

#tx_owodreferences-outer .tx-owodreferences-pi1 .refInfoText {
	display: inline;
	margin-right: 5px;
}

/* 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 */
	
	/* Browser fixes: */
	
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

DIV.csc-textpic-intext-left-nowrap IMG {
	margin-top: 40px !important;
	border: 1px solid #cccccc;
}

DIV.csc-textpic-intext-left-nowrap #ce-headline-1 h1 {
	position: relative;
	left: -130px;
}
/*
#ref-table #ref-rechts .csc-textpic-text {
	border: 3px solid white;
}
*/
hr.whiteSpacer {
	width: 603px;
	position: relative;
	left: -5px;
	height: 1px;
	border: 1px solid white;
}

#twitter_div {width:245px; margin-bottom: 5px;}

#twitter_update_list {}

#twitter_update_list ul {padding:0px; margin:0px;}

#twitter_update_list li {margin-bottom:10px; padding-right:10px;}

#twitter_update_list li a {display:block; padding:0px;}

#twitterhead {}

#twitterbottom {}

h1, 
h2, 
h3,
.ce-right-inner h1,
#news-headline-1 h1,
#ce-headline-1 h1,
#tx_owodreferences-outer #ref-table #ref-rechts h1,
DIV.csc-textpic-intext-left-nowrap #ce-headline-1 h1,
#ref-top h2,
#topteasertext h2,
#ref-table #ref-top h2,
#content .tx-owodreferences-pi1 #ref-table #ref-top h2,
#shops h3,
#marketing h3,
#design h3,
#web h3,
#topteaserwrapper h2 {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
}