html {
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	height:85%;
	width:100%;
	margin:0;
	text-align: right;
	padding: 5% 0 5% 0;}
	
.all{
	width:100%;
	min-width:760px;
	font-family: Arial ,Helvetica, sans-serif;
	min-height:368px;}

.navi{
	width:20%;
	min-width:110px;
	margin-top:0px;
	margin-right:0px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.7em;
	color:#B35362;
	float:left;}

.naviliste{
	list-style: none;	
	margin:0px;
	margin-left:0;
	padding-left:0;	}

.navili{
	margin:0 0 12px 0;
	padding:0;
	text-align:right;
	margin-right:2px;
	padding-right:2px;}

#inhalt{
	width:79%;
	min-height:380px;
	padding-right:0px;
	padding-left:2px;
	margin-right:0px;
	text-align:right;
	float:right;
	font-family:Arial, Helvetica, sans-serif; 
	background-image : url(img/bg1.gif); background-repeat:repeat-y;}

.rot_links{
	float:left;
	width:2px;
	height:auto;
	background-color : #B35362;}

.rot_oben{
	width:auto;
	background-color : #B35362;}

.bildleiste_syrius{
	width:auto;
	height:100px;
	background-image:url(img/start.jpg);
	background-color : #ffffff;
	border:10px;}

.bildleiste_angebot{
	width:auto;
	height:100px;
	background-image:url(img/angebot.jpg);
	background-color : #ffffff;}

.bildleiste_referenzen{
	width:auto;
	height:100px;
	background-image:url(img/referenzen.jpg);
	background-color : #ffffff;}

.bildleiste_news{
	width:auto;
	height:100px;
	background-image:url(img/news.jpg);
	background-color: #ffffff;}

.bildleiste_service{
	width:auto;
	height:100px;
	background-image:url(img/service.jpg);
	background-color: #ffffff;}

.bildleiste_produkte{
	width:auto;
	height:100px;
	background-image:url(img/produkte.jpg);
	background-color: #ffffff;}


.bildleiste_team{
	width:auto;
	height:100px;
	background-image:url(img/team.jpg);
	background-color: #ffffff;}

.bildleiste_impressum{
	width:auto;
	height:100px;
	background-image:url(img/kontakt.jpg);
	background-color : #ffffff;
	border:10px;}

.startInhalt{
	width:auto;
	/*height:346px;*/
	min-height:346px;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif; 
	margin-left:5px;
	background-color: #ffffff;}

.echterInhalt{
	width:auto;
	/*height:254px;*/
	min-height:254px;
	font-size:0.7em;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif; 
	margin:13px;}

.projekt{	
	background-color:#ffffff;
	height:auto;
	min-height:130px;}

.projekttitel{
	font-weight:bold;
	font-size:1em;}

.projektsubtitel{
	font-style:italic;}

a:link { 
	font-weight:bold; 
	color:#B35362; 
	text-decoration:none; }

a:visited { 
	font-weight:bold; 
	color:#B35362; 
	text-decoration:none; }

a:hover { 
	font-weight:bold; 
	color:#B35362; 
	text-decoration:none; }

a:active { 
	font-weight:bold; 
	color:#B35362; 
	text-decoration:none; }

a:focus { 
	font-weight:bold; 
	color:#B35362; 
	text-decoration:none; }

.active{
	color:#aaaaaa;}

h1{
	font-weight:bold;
	font-size:1.2em;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; }

h2{
	font-weight:bold;
	font-size:1.1em;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; }

h3{
	font-weight:bold;
	font-size:1em;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; }

li.klein{	
	line-height:1.3em;
	margin:0;
	padding:0;}

.rechts {
	float:right;
	width:49%;}

.links {
	float:left; 
	width:49%;}

.unsichtbar {
    display: none;}

.schrift {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.65em; 
	font-weight:bold;
	color:#B35362;	
	float:right;
	width:20em;
	margin-right:5px; 
	margin-top:11px;
	background-color:#ffffff;}

.syriuslogo {
	margin-bottom:20px; 
	margin-right:5px;}

img {
	border:none;}