@import url(reset.css);
* {
	margin:0;
	padding:0;
}

html , body { 
	margin:0;
	padding:0;
	font-family:verdana,vera-sans,Arial,Helvetica,sans-serif;;
	font-size:12px; 
	color:#637B89;
	/* background:url("img/shadow-center.jpg") repeat-y scroll center top #B3B3B3; */
	background:url("img/body-main_bg.png") scroll center top #AAA;
}
body {
	/* background:url("img/body-main_bg.gif") repeat-x scroll left bottom transparent; */
	line-height:1.5;
	font-size:106%;
	font-family:'helvetica neue','helvetica-neue',helvetica,arial,sans-serif;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: dashed  1px #CC2222;
/* border-bottom: dashed 1px #CC2222; * Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

#shadow-1 {
	background:url("img/html-main.gif") repeat-x scroll 0 0 transparent;
}
#shadow-2 {
/*	background:url("img/shadow-main.jpg") no-repeat scroll center bottom transparent;*/
}
#shadow-4 {
}
#shadow-5 {
	background:url("img/body_top_bg.gif") no-repeat scroll center top transparent;
	padding-bottom:48px;
}
.csc-textpic {
	margin-top:15px;
}
.bodytext {
	margin: 0 0 10px;
	padding:5px 0;
}
#wrapper { 
	width:975px;
/*	width:920px; */
	margin:0 auto;
/*	padding-top:50px;*/
}
#header { 
	background:url(img/header_bg.gif) repeat-x scroll 0 0 #F0F0F0;
/*	border-bottom:1px solid #FFFFFF; */
	height:115px;
	width:975px;

/*	margin-bottom:-13px; */
}
#logo { 
	background:url(img/dw_logo_web.png) no-repeat;
	width:260px;
	height:75px;
	float:left;
	margin-left:30px;
	margin-top:20px;
	cursor:pointer;
}
.clear { 
	clear:both;
}
#service { 
	float:right;
	padding-right:10px;
	margin-right:37px;
}
#service .links { 
	list-style:none;
	margin:0; 
	padding:0;
	font-size:9pt;
	text-align:center;
	margin-bottom:5px;
	padding:5px;
}
#service .links li { 
	display:inline;
}
#service .links li a {
	color:#000;
	text-decoration:none;
}
#service .links li a:hover {
	text-decoration:underline;
}
#image { height:200px;width:764px;margin-left:15px; position:relative; } 
#box {background: #FFF;/*  background:url(img/box_bg.png) repeat-y; padding-left:56px;*/ }
#textcontent { /* width:744px;background:url(img/box.png) no-repeat;margin-left:15px;*/ padding:10px;margin-top:10px; min-height:400px; }
#content {  }
#subnav { float:left; padding-left:5px; width:190px; }
#text { width:729px;float:left;padding-left:10px;padding-right:10px;border-left:1px solid #ccc;margin-left:10px; }
#footer { text-align:center;/* background:url(img/bg_footer.png) no-repeat;*/
	
	background-color:#444;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.6,#444),color-stop(1,#666));
	background:-moz-linear-gradient(center top,#444,#666);
	border-bottom:1px solid #777;
	padding:20px 30px 0 30px;
	color:#ccc;
	
	height:50px;
	font-size:8pt; 
	border-bottom: 3px solid #CC2222; 
}
#text ul {
	margin: 0 15px;
	padding:5px 10px;
}

h1, h2, h3, h4 {
	color:#111111;
	font-family:'helvetica neue',helvetica,arial,sans-serif;
	font-weight:normal;
	text-rendering:optimizelegibility;
}

h1 { color:#555; font-size:1.35em;font-weight:bold;margin:0 0 0;padding:0;padding-bottom:0px;padding-top:10px;text-decoration:none; }
h1 a { color:#555; font-size:1.4em;margin:0;padding:0;padding-bottom:10px;text-decoration:none; }
h1:first-letter { color:#CC2222; }

h2 { font-size:1.2em; color:#555;font-weight:bold; }
h2:first-letter { color:#CC2222; }
#subnav ul { list-style:none; padding:0; margin:0 0 26px; border-bottom:1px dashed #DDD;}
#subnav h2 { 
	color:#555; font-size:1.35em;font-weight:bold;
	line-height:0.95;
	margin:0 0 0.7em;
}



#subnav ul li { margin:0;font-size:1em;padding:0.25em 0 0.24em 1em; border-top:1px dashed #DDD;}
#subnav ul li a, #subnav ul li.active ul li a { color:#555;text-decoration:none; }
#subnav ul li.active a, #subnav ul li.active ul li.active a { color: #CC2222;}
#subnav ul li.hasChilds {
	background: url(img/submenu.gif) no-repeat scroll 0 0.5em transparent;
}

 

#subnav ul li.hasChildsAct{
	background: url(img/submenu-on.gif) no-repeat scroll 0 0.5em transparent;
}
/*SUBELEMENTS*/
#subnav ul li ul { font-weight:	normal; border-bottom:none; margin-bottom:0;}

li.active { font-weight:bold;  }
#main_navi li.active { font-weight:normal; }

#image_footer { height:23px;background:url(img/img_footer_bg.png);color:#fff;margin-top:-28px;width:754px;padding-top:5px;padding-left:10px;position:relative;border-top:1px solid #fff; }

#navi { 
	width:975px; 
	background:url(img/nav-red-bg.png) repeat-x scroll 0 0 #CC2222;/* main_nav.png */
	height:52px;
/*		
	margin-left:15px;
	padding-left:7px;
	padding-right:7px;
*/
	font-size:8pt;
}
#navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
/*main-menu-li.gif*/
#navi ul li{
	
	
	border:medium none;
	
	padding:0;
	
	width:145px;
	height:40px;
	float:left;
	text-align:center;
	overflow:hidden;
	position:absolute;
	z-index:100;
	margin-top:6px;
/*	border-right:0px solid #ccc;
	border-left:0px solid #ccc;
	border-bottom:0px solid #ccc;*/
}
#navi ul li a {
	background:url(img/main-menu-li.gif) no-repeat scroll right center transparent;
	margin-right:-1px;
	font:14px/44px Arial;
	height:40px;
	/* letter-spacing:-1px; */
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#FFF;
}

#navi ul li  p{
	padding:0px 5px;
}
#navi ul li .subtext{
	padding-top:15px;
	font-style:italic; 
	color:#EFEFEF;
}
.navItem {
	background:url('img/menu-teaser_1.png') top left repeat-x;
}
#navItem32{
/*	background:url('img/company.png') top left no-repeat;*/
}	/*unternehmen*/
#navItem32 p.subtext {
	background:url('img/navpoints/haus.png') bottom center no-repeat;
	height:145px;
}
#navItem32 .subtext { font-style:italic; }
#navItem36{
/*	background:url('img/referenzen.png') top left no-repeat;*/
	margin-left:150px;
}	/*typo3*/
#navItem36 p.subtext {
	background:url('img/navpoints/welt.png') bottom center no-repeat;
	height:145px;
}
#navItem35{
	
	margin-left:300px;
}		/*e-commerce*/
#navItem35 p.subtext {
	background:url('img/navpoints/einkaufswagen.png') bottom center no-repeat;
	height:145px;
}
#navItem34{
/*	background:url('img/testing.png') top left no-repeat;*/
	margin-left:450px;
}	/*entwicklung*/
#navItem34 p.subtext {
	background:url('img/navpoints/raeder.png') bottom center no-repeat;
	height:145px;
}
#navItem33{
/*	background:url('img/kompetenz.png') top left no-repeat;*/
	margin-left:600px;
}	/*fullservice*/
#navItem33 p.subtext {
	background:url('img/navpoints/daumen.png') bottom center no-repeat;
	height:145px;
}
#navItem119{
	margin-left:750px;
	}
#navItem109 {
	margin-left:750px;
}	/*jobs*/
#navItem97 p.subtext {
	background:url('img/navpoints/maennchen.png') bottom center no-repeat;
	height:145px;
}
.scrollable {
	float:left;	
}
/*********** navigator ***********/
	
		
	/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 200px;
		width:764px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		/*padding:10px;*/
		height: 200px;
		background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
		width:764px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 764px;
		height: 200px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:764px;
		height:200px;
		/*padding:10px;*/
	}
	
	/* main navigator */
	#main_navi {
		float:right;
		padding:0px !important;
		margin:0px !important;
		position:absolute;
		z-index:100;
		left:574px;
	}
	
	#main_navi li {
		background:url(img/jnav.png);
		border-top:1px solid #ccc;
		clear:both;
		color:#FFFFFF;
		font-size:12px;
		height:86px;
		list-style-type:none;
		padding-left:10px;
		width:180px;
		cursor:pointer;
		margin-top:-1px;
	}
	
	#main_navi li:hover {
		background:url(img/jnav_hover.png);
	}
	
	#main_navi li.active {
		background:url(img/jnav_hover.png);
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
	
	.inner { display:none; }
	
	#test { background:red;padding:10px; width:400px; }
	

/*SUCHFELD*/
div#indexedsearchbox {
	float:right;
	width:222px;
	position:relative;
	left:240px;
	margin-top:85px;
}
div#indexedsearchbox p {
	float:left;
}
div#indexedsearchbox p input{height:18px;border:1px solid #CCC;width:200px}
div#indexedsearchbox p input.searchBtn {
	background:url(img/lupe.gif) no-repeat center top;
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
}
/*SEARCHRESULTS*/

.tx-indexedsearch-res {			/*RESULTBOX*/
	padding-left:15px;
	margin-top:5px;
	border-bottom:1px solid #ccc;
}

.tx-indexedsearch-title a {		/*TITLE RESULT*/
	color:red;
}

.tx-indexedsearch-info {
	padding-top:10px;
}

.tx-indexedsearch-path a {		/*PATH*/
	color:red;
}

/*ROOTLINE MENU*/

.rootlineMenu {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:8pt;
	margin-left:5px;
	margin-top:0px;
	border-bottom:1px solid #ccc;
	height:22px;
}
.rootlineMenu  li{
	float:left;
}
.rootlineMenu li a {
	text-decoration:none;
	color:#555;
	font-wight:normal;
}

/*SINGLE IMAGE TOP*/
#topImage {
	margin-left:15px;
	height:200px;
	width:764px;
}
#imageMask {
	background:url(img/imageMask.png) no-repeat center bottom;
	width:764px;
	height:200px;
	margin-left:15px;
	position:absolute;
	margin-left:0px;
}
/*PARTNER*/
.partner {
	/*display:none;*/
}
.partner .fix {
	
}
.partner .desc {
	
}
.partner .title {
	
}
#captions {
	display:none;
}
#scrollbar {
	display:none;
}


/* Startpage */

#col1 {
	float:left;
	width: 230px;
	min-height: 486px;
	background-color: #f2f2f2;
}

#col2 {
	float:left;
	width: 603px;
	min-height: 486px;

}

#col3 {
	float:left;
	width: 372px;
	min-height: 486px;
	position: relative;
}

.ref-item {
	height:167px;
	background-color: #EFEFEF;
	border: 1px solid #d5d5d5;
	border-top:none;
	border-bottom: none;
	overflow: hidden;
	position: relative;
}


.ref-item-text {
	font-family: Helvetica,Arial,sans-serif;
	float:left;
	width: 102px;
	padding: 15px 15px 0px 18px;
	color:#CC2222;
	
}

.ref-item-text a {
	text-decoration:none;
	color:#CC2222;
}
.ref-item-text h3 {
	font-size: 72px;
	line-height: 72px;
	font-weight: normal;
	margin-bottom: 1px;
	color:#CC2222;
	
}

.ref-item-text h3 a {
	color:#CC2222;
	text-decoration:none;

}

#col1 .csc-default{
	background-color:#CC2222;
	color: #D4D4D4;
	padding: 18px 18px 0px;
} 
#col1 h1 {
	color:#CCC;
	font-size: 1.15em;
}
#col1 h1:first-letter { color:white; }
.ref-item-text p {
	line-height: 1.5;
}
#col1 .bodytext {
	margin-top:-10px;
}
.ref-item-image {
	float: right;
	width: 234px;
}

.ref-item-image img{
	border:none;
}

.ref-line {
	height:2px;
	background:#CC2222;
	clear: both;
}


a[href^="http://dynamicware.de"],
a[href^="http://www.dynamicware.de"],
a[href^="http://dynamic-ware.de"],
a[href^="http://www.dynamic-ware.de"],
a.internal-link , p.internal-link
{
	color: #CC2222;
	text-decoration:none;
	background: transparent url('img/arrow-right.png') 0 50% no-repeat;
	padding-left: 18px;
	
}

/*===== tt_news =====*/
/*do not display the posted time*/
span.noDisplay {
	display:none;
}
/*the news container*/
div.news-latest-container {
	
}
div.news-latest-container a{
	color:#555;
	text-decoration:none;
}
div.news-latest-container a img {
	margin:0;
	padding:0;
	margin-bottom:15px;
	position:relative;
	margin-right:15px;
}
/*the news item*/
div.news-latest-item {
	border-top:1px dotted #CC2222;
	margin-bottom:25px;
	padding:15px;
	padding-left:0px;
	position:relative;
}
div.news-latest-item h2{
	padding-bottom:5px;
}
div.news-latest-item div.postedDate {
	background:url(/fileadmin/templates/dw/style/img/calendar.png) no-repeat center top;
	width:100px;
	height:100px;
	margin-right:10px;
	float:left;
}
div.news-latest-item .day {
	color:#000;
	position:absolute;
	display:block;
	margin-top:27px;
	font-size:26px;
	margin-left:32px;
	font-family:verdana;
}
div.news-latest-item .month {
	display:block;
	position:absolute;
	font-family:verdana;
	margin-left:25px;
	margin-top:48px;
}
div.news-latest-item .year {
	display:block;
	position:absolute;
	font-family:verdana;
	margin-left:37px;
	margin-top:13px;
	color:#FFF;
}
/*description item on firstpage*/
div#description {
	padding:25px;
	border-top:2px solid #CC2222;
	position:relative;
	margin-top:-2px;	
}

/*====== MAIL : BEWERBUNGEN  KONTAKT ======*/
form#bewerbungsformular , form#kontakt {
	width:600px;
	margin-top:25px;
}
form#bewerbungsformular fieldset , form#kontakt fieldset{
	background-color:#EFEFEF;
	padding-left:25px;
	background: transparent url(img/formbg.png) left top no-repeat;
	margin-bottom:25px;
}
form#bewerbungsformular fieldset legend , form#kontakt fieldset legend {
	background-color:#CC2222;
	color:#FFF;
	font-weight:bold;
	width:100%;
	padding:0;
	margin-left:-25px;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:19px;
}
form#bewerbungsformular fieldset label , form#kontakt fieldset label {
	width:190px;
	display:block;
	float:left;
	clear:left;
}
form#bewerbungsformular fieldset div , form#kontakt fieldset div {
	margin-bottom:2px;
	padding: 5px 0px;
	border-bottom:1px dotted #CCC;
}
form#bewerbungsformular fieldset input , form#kontakt fieldset input ,
form #bewerbungsformular fieldset select , form#kontakt fieldset select ,
form#bewerbungsformular fieldset textarea, form#kontakt fieldset textarea {
	width:375px;
	padding:2px;
}
form#bewerbungsformular fieldset input.powermail_submit , form#kontakt fieldset input.powermail_submit {
	width:150px;
}
form#bewerbungsformular fieldset input:focus , form#kontakt fieldset input:focus {
	background-color:#EFEFEF;
}
form#bewerbungsformular fieldset input#uid12_cb {
	width:13px;
}
form#bewerbungsformular fieldset input#uid12_hr {
	width:136px;
}
form#bewerbungsformular div#uid12_msgCnt {
	display:none;
}
form#bewerbungsformular div.odd {
	
}

/*powermail error*/
div.error {
	behavior: url(pie.htc);
	color:#FFF;
	padding:5px;
	margin-top:28px;
	margin-left:28px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 15px;
	
	background: #CC2222;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CC2222), to(#8a0000));
	background: -moz-linear-gradient(#CC2222, #8a0000);
	background: linear-gradient(#CC2222, #8a0000);
	-pie-background: linear-gradient(#CC2222, #8a0000);
}

	/* Calendar */
/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid #ccc;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow: 0 0 15px #666;
	font-family: Calibri, Arial, sans-serif;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 
#caltitle {
	font-size:14px;
	color:#FA8800;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../img/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}
#calnext {
	background-image:url(../img/next.gif);
	float:right;
}
#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}
/* year/month selector */
#caltitle select {
	font-size:10px;	
}
/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}
#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}
/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}
/* single week */
.calweek {
	clear:left;
	height:22px;
}
/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 
/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}
/* sunday */
a.calsun {
	color:red;		
}
/* offmonth day */
a.caloff {
	color:#ccc;		
}
a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}
/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}
/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}
/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}



/*NEWS PAGE*/
div.newsItem {
	margin-bottom:25px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
div.newsItem p.newsImg {
	padding:10px;
	float:left;
	width:150px;
}
div.newsItem p.content {
	padding:10px;
	float:left;
	width:410px;
}
div.newsItem p.internal-link a {
	color: #CC2222;
	text-decoration:none;
}

/*NEWS SINGLE ITEM*/
div.news-single-item {
	
}
div.news-single-item div.news-single-rightbox {
	margin-top:5px;
	display:none;
}
div.news-single-item a {
	text-decoration:none;
	color:#555;
}
div.news-single-item h1 {
	margin-top:20px;
}
div.news-single-item hr {
	color:#CCC;
	border-bottom:1px solid #CCC !important;
}
div.news-single-item p {
	padding-top:15px;
}

/*SUCHSEITE*/
div.tx-indexedsearch-browsebox {
	
}
div.tx-indexedsearch-res {
	clear:both;
}
div.tx-indexedsearch-browsebox ul.browsebox {
	list-style:none;
	clear:bioth;
}
div.tx-indexedsearch-browsebox ul.browsebox li {
	float:left;
	margin-right:10px;
}
div.tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage {
	font-size:16pt;
}
div.tx-indexedsearch-browsebox ul.browsebox li a {
	text-decoration:none;
	color:#CC2222;
}