*{
	margin: 0;
	padding: 0;
}

/* /////////////////////////////////////////////// */
/*	layout  */
/* /////////////////////////////////////////////// */
body {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	background: #ccc url('http://www.dataphone.ch/images/uploads/webseite/background_gradient.jpg') repeat-x;
	height: 100%;
	color: #333;
}
#wrapper {
	width: 940px;
	margin: auto;
	height: 100%;
}

#bgwhite{
	width: 940px;
	margin: auto;
	padding: 0 10px 10px 10px;
	background-color: #fff;
}

#header {
	height: 80px;
}
#logopicture {
	float: left;
	width: 230px;
}
#nav {
	position:relative;
	z-index:3;
	float: left;
	margin: 43px 0 0 0;
}



#suche{
	margin-top:37px;
	display:block;
	float:right;
}

#suche .input{
	float:left;
	width: 80px;
	padding:2px;
	margin:2px;
	border:1px solid #7b7b7b;

}

#suche .submit{
	float:left;
	margin:2px;
}


#teaser {
	float: left;
	border: 0;
	margin: 170px 0 0 0;
	width: 940px;
	height: 60px;
	background: url('/images/uploads/webseite/redgradient_02.gif') repeat-x bottom;
	
}
#teaser p{
	line-height: 120%;
	width: 450px;
	height: 40px;
	padding: 10px;
	margin: 0;
	color: #fff;
	background: url('/images/uploads/webseite/redgradient_01.gif') repeat-x bottom;
	
}
#teaserlink a{
	color: #FFF;
}


#introstories {
	float: left;
	border: 1px solid #333;
	background: #DDD url('/images/uploads/webseite/stories_trennlinien.gif') repeat-y;
	margin: 0 0 0 0;
	width: 938px;
}

#introstories p {
	margin: 0.5em 0 0 0;
}

#introstories ul {list-style-image:url(/images/uploads/webseite/bullet.gif);}

#storywrapper {
	clear:both;
	height: 16px;
	width: 940px;
	background: url('/images/uploads/webseite/redgradient_03.gif') repeat-x top;
	margin:0;
	padding:0;
}
#story_retail {
	float: left;
	width: 209px;
	padding: 10px;
}
#story_logistik {
	float: left;
	width: 220px;
	padding: 10px;}
#story_autoid {
	float: left;
	width: 220px;
	padding: 10px;}
#story_erp {
	float: left;
	width: 209px;
	padding: 10px;}

#subnavigation {
	float:left;
	width: 200px;
	height: 400px;
	padding: 10px;
	margin: 136px 0 0 0;
	background: #fff url('/images/uploads/webseite/subnavi_gradient.gif') repeat-x;
}

#subnavigation ul li{
	line-height: 150%;
	font-size: 92%;
}


#content_rechts {
	margin: 136px 0 0 0;
	padding: 0 10px 0 10px;
	float: left;
	width: 698px;
}

#content_rechts p {
	line-height: 150%;
	font-size: 92%;
	margin-bottom: 1em;	
}

#content_rechts #leadtext p {
	line-height: 130%;
	font-size: 100%;
}

#content_rechts img{margin-top:5px;}

#breadcrumbs {
	margin: 5px 0 0 0;
}
#breadcrumbs ul, #breadcrumbs li{
	list-style: none;
	display: inline;
	margin: 0;
}
#breadcrumbs a{
	color: #fff;
	font-size: 80%;
}
#leadtext p{
	font-size: 110%;
	font-style: italic;
	margin: 0.5em 0 1em 0;
}
#linke_spalte {
	float:left;
	width: 460px;
	padding: 0 20px 0 0;
}
#linke_spalte li {
	line-height: 150%;
	font-size: 92%;
	
}
#linke_spalte ul {
	margin: -0.5em 0 1.0em 1.2em;
	list-style-image:url(/images/uploads/webseite/bullet.gif);
}
#jumpliste {
	margin: 0;
}

#jumpliste ul{list-style-image:url(/images/uploads/webseite/bullet.gif);}

.unterstrichen {
	border-bottom: 1px solid #999;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
	
}

.videoplayer_intro {
	width: 217px;
	margin: 0 10px 0 0;
	float: left;
}

.videoplayer_container {
	width: 460px;
	margin: 0 0 15px 10px;
	float: left;
}
#filme .referenzliste{
	margin: 0 0 5px 0;
}
.referenzliste h2 {
	margin: 0 0 0.7em 0;
}
.referenzliste p {
margin-top: 0px;}
.referenzliste{
	float: left;
	min-height:50px;
	border-bottom: 1px solid #999;
	padding: 0.5em 0 0.5em 0;
	width:100%;
}
.referenzliste ul{
	margin: 0;
	list-style-image:url(/images/uploads/webseite/bullet.gif);
}

.referenzlistenbild {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	overflow:hidden;
}
.referenztext{
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}
.referenzdownloads{
	float: left;
}

#rechte_spalte {
	float:left;
	width: 210px;	
}
#rechte_spalte ul {
	list-style-image:url(/images/uploads/webseite/bullet.gif);
	margin-bottom:20px;
}
#produkte #rechte_spalte {
	float:left;
	width: 207px;
	padding: 0 0 0 10px;
	border-left: 1px solid #999;	
}
#produktspalte_1, #produktspalte_2 {
	float: left;
	width: 460px;
	margin: 0 0 20px 0;
}
#produktspalte_1 p, #produktspalte_2 p{
	font-size: 100%;
}
#produktspalte_1 ul, #produktspalte_2 ul{
	margin: 0 0 0 1.4em;
	list-style-image:url(/images/uploads/webseite/bullet.gif);
}
#produktgruppe_1, #produktgruppe_3{
	float: left;
	width: 220px;
	margin: 0 20px 0 0px;
}
#produktgruppe_2, #produktgruppe_4 {
	float: left;
	width: 220px;
	margin: 0 0 0 0px;
}

.niederlassung {
	border-bottom: 1px solid #999;
	margin: 2em 0;
}
.anschrift {
	float: left;
	width: 220px;
	margin-right: 20px;
}
li.anschriftlinks{
	list-style: none;
}

.anschriftlinks p{margin:0;}

.anschriftlinks span{font-size:95%;}

.bankdetails {
	float: left;
	width: 680px;
}

#footer {
	display: block;
	float: left;
	margin: 4px 0 0 0;
	padding: 5px 0 0 0;
	height: 80px;
}
#footer p {
	font-size: 80%;
	margin: 0 0 0.3em 0;
}
#footer a {
	color: #333;
}
#footer a:hover {
	color: #ff0000;
}
/* /////////////////////////////////////////////// */
/*	generic tags */
/* /////////////////////////////////////////////// */	
h1 {
	text-transform: uppercase;
	color: #fff;
	margin: 0.5em 0 1em 0;
	font-size: 140%;
}
#startseite h1 {
	display: none;
}
h2 {
	text-transform: uppercase;
	color: #000;
	
}
#startseite h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #000;
	display: block;
	height: 2em;
	margin: 0 0 0.5em 0;
}

.hidden{display:none;}

a{
	color: #ff0000;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

p {
	margin: 0.5em 0 0.5em 0;
	line-height: 120%;
}
ul {
	list-style:none;
	margin: 0.5em 0 0.5em 1.2em;
}
li {
	line-height: 120%;
}

#content p img{
	padding: 0 6px 0 0;
}

#startseite #content p img{
	padding: 0;
}

/* /////////////////////////////////////////////// */
/*	die hintergrundbilder  */
/* /////////////////////////////////////////////// */
#content {
	float: left;
	height: 100%;
	width: 940px;
	border: 0;
	background: url('/images/uploads/webseite/subpage_header_pix_03.jpg') no-repeat;
}

#filialbewirtschaftung #content, #produkte #content {
	background: url('/images/uploads/webseite/subpage_header_pix_03.jpg') no-repeat;
}

/* /////////////////////////////////////////////// */
/*	slider  */
/* /////////////////////////////////////////////// */
#startseite #content {
	position:relative;
	z-index:2;
	margin-top:-230px;
	background: transparent;
	/*background: url('/images/uploads/webseite/feature_pix/feature_01_03.jpg') no-repeat; >> no slides */
}


#startseite #slider {  
	display:block;
	z-index:0;
	margin:auto;
    width: 940px;  
	height: 230px;  
	z-index:1;
	overflow:hidden;
} 

#startseite .slide_001{
	background: url('/images/uploads/webseite/feature_pix/slide_1.jpg') no-repeat;
	width: 940px;  
	height: 230px;
}

#startseite .slide_002{
	background: url('/images/uploads/webseite/feature_pix/slide_2.jpg') no-repeat;
	width: 940px;  
	height: 230px;
}

#startseite .slide_003{
	background: url('/images/uploads/webseite/feature_pix/slide_3.jpg') no-repeat;
	width: 940px;  
	height: 230px;
}	
#startseite .slide_004{
	background: url('/images/uploads/webseite/feature_pix/slide_4.jpg') no-repeat;
	width: 940px;  
	height: 230px;
}
#startseite .slide_005{
	background: url('/images/uploads/webseite/feature_pix/slide_5.jpg') no-repeat;
	width: 940px;  
	height: 230px;
}

.hidden{display:none;}


/* newsbox */
#newsbox{
	position:relative;
	float:right;
	width:470px;
	height:45px;
	overflow:hidden;
	top:170px;
	margin-bottom: -45px;
	color:#FFF;
	background:#000000;
	cursor:pointer;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#newsbox .container{
	height:32px;
	margin:8px;
	overflow:hidden;
}

#newsbox h3{
	font-size:100%;
	float:left;
	font-weight:normal;
	padding:0 8px 0 0;
	display:block;
}

#newsbox a, #newsbox a:hover{color:#FFFFFF;}


#newsbox div.jd_news_scroll {
	font-size:85%;
	position: relative;
	overflow: hidden;
	width:405px;
	float:left;
	height: 30px;
}
#newsbox div.jd_news_scroll ul {
	position: relative;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#newsbox div.jd_news_scroll ul li {
	white-space: nowrap;
}


/* download tracking */
label.error{
	padding:4px 4px 4px 0;
	display:block;
	clear:both;
	color:#FF0000;	
}

.heightfix{
	height:1px;
	font-size:1px;
}


#green{background:green;}

.thumb_left{
	float:left;
	width:115px;
	padding-bottom:15px;
}

.text_right{
	float:left;
	width:580px;
	padding-bottom:15px;
}