*	{margin:0; padding:0; font:12px "Lucida Grande",Arial,Verdana,sans-serif; line-height:1.6em;}
html {overflow: -moz-scrollbars-vertical;}
body{
	color:#000; 
	border-top:4px solid #9c3;
	border-bottom:4px solid #9c3; 
	background:url(../img/layout/bg_blue_streif.gif) repeat-x #fff;
}
img	{border:0;}
a	{color:#000;}
td	{vertical-align:top;}
/*input, textarea {
	border-top:1px solid #222; 
	border-left:1px solid #222;
	border-bottom:1px solid #d9e4e8;
	border-right:1px solid #d9e4e8;
	background-color:#d9e4e8;
}*/

h1	{font-size:16px; font-weight:600;}
h1.headline{font-size:20px;}
h1.subline{font-size:16px; margin:-10px 0 5px 35px; color:#444;}
h1.infobox	{font-size:13px; margin:0 0 5px;}
h2 {font-size:13px; font-weight:600; margin:20px 0 4px;}
h2.portfolio {font-size:14px; font-weight:500; margin:10px 0 4px; text-transform:uppercase;}
h3 {font-size:20px; font-weight:600; color:#65a4e9; margin-top:20px;}
h4 {font-size:13px; font-weight:600; margin:5px 0 -4px;}
h4.inline{display:inline;}
h4.kompetent{margin-top:13px;}
p.leistung {padding-left:29px;}
.top{margin-top:0;}

blockquote{background:url(../img/layout/icon-zitat.gif) no-repeat; padding-left:43px;}
blockquote.portfolio{background-position:70px 0; padding-left:110px;}
blockquote.portfolio p {margin:0 0 12px;}
abbr {border-bottom:1px dotted #555; cursor:help;}
ul{
	 margin:3px 0 0 17px;
	 list-style-image:url(../img/layout/dot.gif);
}
ul.anspruch{list-style-image:url(../img/layout/inklusive.gif);margin:3px 0 0 19px;}
.clear{	clear:both;}

/* Website-Layout */
.main{
	margin:0 auto;
	width:915px;
	border-right:4px solid #fff;
	border-left:4px solid #fff;	
	background-color:#fff;
}
#navigation{
	height:200px;
	padding:0 13px 0;
	background:url(../img/layout/montillon-ebusiness-header.gif) no-repeat;	
}
#mainnavi{float:left; margin-top:168px; width:700px; padding:0;}
#mainnavi ul {margin-left:0;}
#topnavi  {float:right; }
#topnavi ul  {margin-top:0;}
#navigation ul li {display:inline; }
#navigation ul li a {
	text-decoration:none; 
	background-position:0 0; 
	background-repeat:no-repeat;
	display:block; 
	float:left;
	height:22px;	
	padding:3px 0 0;
	margin-right:4px;
	text-align:center;}
#navigation #topnavi ul li a  {height:24px; padding-top:1px;}
#navigation ul li a.startseite 	{background-image:url(img/navi-startseite.gif); width:76px;}
#navigation ul li a.konzeption {background-image:url(img/navi-konzeption.gif); width:170px;}
#navigation ul li a.marketing 	{background-image:url(img/navi-onlinemarketing.gif); width:118px;}
#navigation ul li a.webentwicklung 	{background-image:url(img/navi-webentwicklung.gif); width:112px;}
#navigation ul li a.profil 		{background-image:url(img/navi-profil.gif); width:53px;}
#navigation ul li a.referenzen 	{background-image:url(img/navi-referenzen.gif); width:122px;}
#navigation ul li a.kontakt 	{background-image:url(img/navi-kontakt.gif); width:67px;}
#navigation ul li a.impressum 	{background-image:url(img/navi-impressum.gif); width:89px;}
#navigation ul li a.kundenlogin	{background-image:url(img/navi-kundenlogin.gif); width:96px;}
#navigation ul li a:hover, #navigation ul li a.aktiv{background-position:0 -25px; }
#navigation ul li a.aktiv{font-weight:bold;}

#druckheader{display:none;}
#content{
	width:460px;
	float:left;	
	margin:15px 0 0 15px;
}
#content.ohnenavi{margin:15px 0 0 195px;}
#content.mitnavi{}
#content.breit{width:720px;}
#content.startseite{width:880px;}
#spalte{
	width:210px;
	float:right;
	margin:15px;
}
#sidenavi{
	width:175px;	
	float:left;
}
#sidenavi ul	    {margin:15px 0 0; padding:0; list-style-type:none; list-style-image:none;}
#sidenavi ul li a {line-height:22px; padding:2px 0 2px 12px; border-left:4px solid #fff; text-decoration:none;}
#sidenavi ul li a:hover, #sidenavi ul li a.aktiv{border-left:4px solid #9c3;}
#sidenavi ul li a.aktiv{font-weight:bold;}


div#geschaeftsfelder{float:left; width:420px; padding-top:20px;}
div#geschaeftsfelder img{
	width:60px;
	height:60px;
	float:left;
	margin-right:3px;	
}
div#geschaeftsfelder h1, div#geschaeftsfelder p {margin-left:80px;}
div#geschaeftsfelder ul {margin:0 0 30px 95px;}

div#newsboard{float:right; width:420px; margin-left:20px; padding-top:20px;}
div#newsboard h2 {color:#65a4e9; font-weight:bold; margin-top:2px;}
div#newsboard h2 span{color:#000; font-weight:bold; }
div#newsboard p.description {margin-bottom:20px;}
div#newsboard span.link a, div#newsboard span.link{color:#65a4e9;}

div#newsarchiv h2 {color:#65a4e9; font-weight:bold; margin-top:20px;}
div#newsarchiv h2 span{color:#000; font-weight:bold; }
div#newsarchiv p.description {margin-bottom:20px;}
div#newsarchiv span.link a, div#newsarchiv span.link{color:#65a4e9;}


.footer{
	border-top:2px solid #d9e4e8;
	margin:30px 15px;
	padding:3px 0;
	text-align:right;
	width:885px;
	font-size:11px;
	color:#888;
}
.footer a{
	font-size:11px;
	color:#888;
}


/* Layout-Elemente */
.zitator{
	font-style:italic;
	text-align:right;
	margin-top:5px; 
}
.linie{
	border-top:2px solid #d9e4e8;
	margin:15px 0;
}
ul.leistungen{list-style-type:none;	list-style-image:none; margin:3px 0 0 0;}
ul.leistung{margin:3px 0 0 42px;}

dl { margin:0 0 30px;}
dt{ line-height:1.2em; padding:4px 0; vertical-align:top; float:left;}
dd{ line-height:1.2em; padding:4px 0; vertical-align:top; margin-left:110px;}
dd a{ line-height:1.2em;}
#content dl dd ul {margin:0 0 0 13px;}
#content dl dd ul li{ line-height:1.2em; margin-bottom:5px;}

#spalte dd{ margin-left:60px;}
#spalte h2.portfolio {clear:both; padding-top:19px;}

/* Spalte */
.sprechblase{
	background:url(../img/layout/sprechblase.gif) no-repeat;
	padding:10px 0 10px 40px;
	height:168px;
}
div.infobox{
	border:2px solid #d9e4e8;
	background:#fff;
	padding:5px 10px 10px;
	margin-bottom:15px;
}
div.kundenfeedback{
	margin-top:35px;
}
div.statistik{
	background:url(../img/layout/icon-statistik.gif) no-repeat;
	background-position:10px 5px; 
	padding:5px 10px 10px 53px;
}
.ref-link{
	text-decoration:none;
	display:block;
	height:55px; 
	cursor:pointer;
}


/* Content */

.kontaktformular{margin-top:15px;}
td.kontaktlabel{width:140px;}
div.form-fehler{
	background-color:#9c3;
	border:3px solid #9c3;
	border-left:0; border-right:0;
	padding:5px 10px;
	margin-top:10px;
}
div.form-feedback{
	background-color:#8fdd3f;
	border:1px solid #9acd32;
	padding:5px 10px;
	margin-top:10px;
}

.tabellentab{
	width:120px;
	text-align:right;
	padding-right:15px;
}

.ref_icon{
	margin-right:10px;
	float:left;
}

#profil .qualifikation{
	width:210px;
	text-align:right;
	vertical-align:top;
}
#profil .skala{
	vertical-align:top;
	padding:4px 5px 0;
}
#profil .grad{
	vertical-align:top;
}


/* Referenzprojekte */
#content ul.referenzprojekte {margin:0;}
#content ul.referenzprojekte li{
	list-style-type:none; 
	display:block; 
	float:left;
	margin:10px 5px 0 0;
}
#content ul.referenzprojekte li a		{display:block; padding:10px; height:130px; border:2px solid #fff; text-decoration:none;}
#content ul.referenzprojekte li a:hover	{border:2px solid #D9E4E8;}
#content ul.referenzprojekte li a p		{margin:7px 0 0 2px; line-height:1.1em;}
#sidenavi h3{font-size:12px; padding-left:16px; margin-top:10px;}


#content div.portfolio{margin-top:15px; height:200px;}
#content div.reisebuero-schmuck	{ background:url(../img/referenzprojekte/anriss/webdesign-reisebuero.jpg) no-repeat; }
#content div.weingut-seibert		{ background:url(../img/referenzprojekte/anriss/webdesign-weingut.jpg) no-repeat; }
#content div.petra-kolbe			{ background:url(../img/referenzprojekte/anriss/webdesign-petra-kolbe.jpg) no-repeat; }
#content div.eue					{ background:url(../img/referenzprojekte/anriss/webdevelopment-1und1.jpg) no-repeat; }
#content div.spaeth				{ background:url(../img/referenzprojekte/anriss/webdesign-coach.jpg) no-repeat; }


#spalte ul.thumbnails{list-style-type:none; margin:52px 0 0 7px;}
#spalte ul.thumbnails li{	
	display:block; 
	float:left;
	margin:0 7px 3px 0;
	
}
#spalte ul.thumbnails li a img{
	width:85px;
	height:55px;
	background:#fff;
	padding:3px;
	border:1px solid #afbfd1;
}
#spalte ul.thumbnails li a:hover img{
	padding:2px;
	border:2px solid #afbfd1;
}

span.linie2{font-weight:bold; padding:1px 4px; background-color:#006ab3; color:#fff;}
span.linie4{font-weight:bold; padding:1px 4px; background-color:#fecc00; color:#000;}
span.linie5{font-weight:bold; padding:1px 4px; background-color:#22bbea; color:#fff;}
span.linie6{font-weight:bold; padding:1px 4px; background-color:#88ba14; color:#fff;}

span.parken{font-weight:bold; padding:1px 4px; background-color:#0a25af; color:#fff;}