/*
////////////////////////////
// pece
// media_screen.css
// 20.04.2009 15:59
// (c)2009 PeCe Werkstatt
////////////////////////////
*/

/* abgleichen mit rteformats.css */

/*
html, body, div, p, h1, h2, h3, ul, ol,    
span, a, table, td, form, img, li {
	margin:0;
	padding:0;
	border:0;
}
*/
html, body {
	height:100%;
	text-align:center;
	font-family:verdana, sans-serif;
	font-size:100.0% !important;
	background-color:#FFFFFF !important;
	color:#000000;
}

/*
	Container
*/
#container  {
	position:relative;
	
	font-size:62.5%; /* ab jetzt: 1em entspricht 10px */
	margin:0 auto;
	width:90em;	
	background-color:#FFFFFF;
	color:#000000; 
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
}

#header {
	font-size:1em;
	height:18.3em;
}

#header img {
	width:90em;
}

#breadcrumbs {
	position:absolute;
	top:14.8em;
	left:1em;	
	font-size:1.1em;
	background-color:transparent;
	color:#FFFFFF;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
	color:#000000;
	background-color:inherit; 
	
}

#breadcrumbs a:hover, #breadcrumbs a:focus,#breadcrumbs a:active {
	color:#FFFFFF;
	background-color:inherit; 
	text-decoration:none;
}

/*
	Bilder unter header
*/
.picline_small {
	float:left;
	width:20em;
}

.picline_big {
	float:left;
	width:25em;
}

/*
	Navigation
*/
#navigation_main {
	margin:1em 0;	
	text-align:left;
	width:20em;
	font-size:1.1em;
	color:#000000;
	background-color:#FFFFFF;
	border-top:0.1em solid #000000;
}

#navigation_main, #navigation_main li {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}

#navigation_main ul a, #navigation_main ul em {
	padding-left:2em !important;						/* Subnavi */
	display:block;
}

#navigation_main a:link, #navigation_main a:visited, #navigation_main em {
 	color:#000000;
	background-color:#CDCDCD;        /*#DBDBDB; */
	padding-left:1em;
	padding-right:0.3em;
	display:block;
	text-decoration:none;
	line-height:1.4em;
	font-weight:bold;
	border-bottom:1px solid #000000;
}

#navigation_main a:hover,  #navigation_main a:focus,  #navigation_main a:active {
     background-color:#FFFFFF;
     color:#000000;
}

#navigation_main em {
	background-color:#de928a;
	color:#FFFFFF;
}

/* 
	Nebennavi
*/
#picnavi {
	
	font-size:1.2em;	
	font-weight:bold;

}

#picnavi a:link, #picnavi a:visited {
	color:#FFFF00;
	background-color:inherit; 
	
}

#picnavi a:hover, #picnavi a:focus, #picnavi a:active {
	color:#FFFFFF;
	background-color:inherit; 
	
}

	
.konzeption {
	display:block;
	position:absolute;
	top:24.5em;
	left:1em;
}
 
.programmierung {
	display:block;
	position:absolute;
	top:24.5em;
	left:18em;
}

.cms {
	display:block;
	position:absolute;
	top:24.5em;
	left:38.5em;
}

.solutions {
	display:block;
	position:absolute;
	top:24.5em;
	left:59.5em;
}





	
	/* Start of Column CSS */
.container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;	
	background:#E3E3E3;     								/*right column background colour */
}
.container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20em;
	background:#99b2C8; 									/*middle column background colour */
}
.container1 {

	float:left;
	width:100%;
	position:relative;
	right:50em;												
	background:#73899F; 									/* left column  background colour */
}


#col1 {															/*left colum*/
	float:left;
	width:20em;
	position:relative;
	left:70em;
	
	overflow:hidden;
}
#content {															/*middle column*/
	float:left;
	width:43em;													/*width minus (padding*2)*/
	position:relative;
	left:64em;														
	text-align:left;
	padding:1em;
	font-size:1.1em;
	overflow:hidden;
}
#col3 {	
	clear:right;													/*right column*/
	float:right;
	width:18em;													/*width minus (padding*2)*/
	position:relative;
	left:70em;
	text-align:left;
	padding:1em;
	overflow:hidden;
}

#col3 h2 {
	
	color:#000000;
	background-color:inherit;
}

#col3 h3 {
	
	margin:0;
}

.flag img {
	border:solid 0.1em #000000 !important;
	margin-right:0.3em;
}

#content ul, #content ol {
     margin-left:2em;
    
}	

#content img {
		border:solid 1px #FFFFFF;
}

#col3 img {
border:solid 2px #666666;
}
	

/* 
	Footer  
*/

#footer, #switchview:link, #switchview:visited {  
	text-align:left;
	padding-left:1em;
	padding-right:1em;
	line-height:2em;
	background-color:#000000;
	color:#FFFFFF; 
	vertical-align:middle;
}

#switchview {
	float:right;
	display:block;
}


#switchview:hover, #switchview:focus, #switchview:active {
	color:#FFFF00;
	background-color:#000000; 
	text-decoration:none;
}


/* 
	referenzen  zufaellig
*/
#reference {
	margin:2em 0.5em 1em;
	padding: 0.5em;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	font-size:1.1em;
	border:solid 1px #FFFFFF;
}

#reference img {
	width:15em;
}
/* 
	referenzen liste
*/

#reference .companyName, #reference .companyDescription {
	display:block;
	margin:0.5em 0;
}

#reference a:link, #reference a:visited {
	color:#0033CC;
	background-color:inherit; 
	font-weight:bold;
	font-size:0.9em;
}

#reference a:hover, #reference a:focus, #reference a:active {
	color:#FFFFFF;
	background-color:inherit; 	
}

.reference-list-entry {
	float:left;
	width:20em;
	height:26em;
	margin-top:1em;
	margin-right:1.5em;
	position:relative;
	text-align:center;
}

.reference-list-entry h2 {
	height:1em;
	line-height:1em;
	font-size:1.1em;
}

.reference-list-entry img, .reference-single-entry img {
	margin:0em 0;
	border:0 !important;
}

.reference-list-link {
	font-size:0.9em;
	margin-top:0.5em;
}

.reference-single-text {
	float:right;
	width:29em;
	margin-top:0.5em;
}

.reference-single-description {
	margin:1em 0;
	font-weight:bold !important;
}

.reference-single-entry img {
	margin-top:4em;
}

.reference-single-feature {
	margin:1em 0;
}

.reference-single-backto {
	margin-top:0.5em;
}



/*
	Callback
*/
	
#callback {
	border:dashed 1px #333333;
	padding:0.5em;
	margin:1em 0;
	font-size:1.1em;
}

#callback a:link, #callback a:visited {
	color:#0033CC;
	background-color:inherit; 
	font-weight:bold;
	font-size:0.9em;
}

#callback a:hover, #callback a:focus, #callback a:active {
	color:#000000;
	background-color:inherit; 	
}

/*
	newsbox
*/

#newsbox {
	border:dashed 1px #333333;
	padding:0.5em;
	margin-top:1em;
	font-size:1.1em;
}

#newsbox h2 {
	  text-align:center;
}	

#newsbox a:link, #newsbox a:visited {
	color:#0033CC;
	background-color:inherit; 
	font-weight:bold;
	font-size:0.9em;
	
}

#newsbox a:hover, #newsbox a:focus, #newsbox a:active {
	color:#000000;
	background-color:inherit; 
}

.news-latest-container {
	margin:2em 0 1em;
}

.news-single-teaser {
	font-style:italic;
	font-weight:bold;
}

.news-single-timedata {
	float:left;
	padding-right:1em;
	height:1.3em;
	line-height:1.3em;
	font-weight:bold;
	vertical-align:bottom;
	display:block;
}

.news-list-date {
	font-size:0.9em;
	color:#000000;
	background-color:inherit;
}


/*
	Sitemap
*/
ul.sitemap {
	padding-left:2em;
	list-style-image:url(../../../bilder/system/bullet_0.gif);
}

.sitemap ul {
	padding-left:0.5em;
}

.sitemap ul.level1 {
	list-style-image:url(../../../bilder/system/bullet_1.gif);
}

.sitemap ul.level2 {
	list-style-image:url(../../../bilder/system/bullet_2.gif);
}

/*
	Formulare
*/

.form_search {

	margin-bottom:0.5em;
	border: 1px solid #000000;
	background-color: #DDDDDD;
	color: #000000;
	width: auto;
	font-size: 1em;
	padding: 1px;
	font-family: inherit;
}	

.form_submit {
	margin-left:3em;
}
/*
	Suchbox
*/

.tx-macinasearchbox-pi1 {
	margin-top:1em;
}