/*	###################	Seiten spezifische CSS Angaben	######################	*/

/*	################### Robots			######################	*/

#robot {
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	clear: both;
	overflow: hidden;
}

.webdesign {
	background-image: url(../img/layout/robots/webdesign.png);
	left: -30px;
	top:352px;
	width: 870px;
	height: 436px;
	cursor: pointer;
}

.webentwicklung {
	background-image: url(../img/layout/robots/webentwicklung.png);
	left: -210px;
	top:80px;
	width: 722px;
	height: 948px;
}

.seo {
	background-image: url(../img/layout/robots/seo.png);
	left: -230px;
	top:40px;
	width: 559px;
	height: 906px;
}

.profil {
	background-image: url(../img/layout/robots/profil.png);
	left:50%;
	bottom: 0px;
	margin-left: -190px;
	width: 478px;
	height: 702px;
}

.referenzen {
	background-image: url(../img/layout/robots/referenzen.png);
	left:-29px;
	top: 45px;
	width: 612px;
	height: 866px;
}

.partner {
	background-image: url(../img/layout/robots/partner.png);
	left:-459px;
	top: -10px;
	width: 1044px;
	height: 912px;
}

.rss-feed {
	background-image: url(../img/layout/robots/rss-feed.png);
	left:22%;
	bottom: 0px;
	margin-left: -430px;
	width: 478px;
	height: 800px;
}


/*	###################	Custom Blocks		######################	*/

.icon {
 	background-position: right 35px;
	background-repeat: no-repeat;
}

.ranking		{ background-image: url(../img/layout/icons/ranking.gif);		}
.infos			{ background-image: url(../img/layout/icons/infos.png); background-position: 178px 35px;	}
.leitsatz		{ background-image: url(../img/layout/icons/leitsatz.gif);		}
.service		{ background-image: url(../img/layout/icons/service.gif);		}
.news			{ background-image: url(../img/layout/icons/aktuelles.png);			}
.tagcloud		{ background-image: url(../img/layout/icons/tagcloud.gif);		}
.linktipp		{ background-image: url(../img/layout/icons/linktipp.gif);		}
.kontakt		{ background-image: url(../img/layout/icons/kontakt.gif);		}
.flash			{ background-image: url(../img/layout/icons/flash.png);			}
.apps			{ background-image: url(../img/layout/icons/apps.gif);			}
.aktuell		{ background-image: url(../img/layout/icons/aktuelles.png);		}

/*	###################	Webdesign			######################	*/

/* links */

#left .webdesign_margin {
	margin-top: 150px;
}

#left em.kursiv {
	font-style: italic;
}

#left .webdesign_margin em {
	font-style: italic;
}

p.star {
	background-image: url(../img/layout/icons/star.gif);
	background-position: 300px 25px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}


/* rechts */
#right div.infos {
	background-image: url(../img/webdesign_rechts_infos.png);
	background-position: -15px 40px;
	background-repeat: no-repeat;
	display: block;
	width: 247px;
	padding:25px 0 0 30px;
	margin-left: -27px;
	margin-bottom: -30px;
	color: #1a99c0;
	font-size: 11px;
	overflow: hidden;
	height: 180px;
}

#right div.infos strong {
	color: #002448;
	font-size: 15px;
	font-weight: normal;
}

#right div.infos a {
	margin:23px 0 0 50px;
	display: block;
	text-decoration: none;
}

#right div.infos a:active,
#right div.infos a:hover,
#right div.infos a:focus,
#right .flash a:active,
#right .flash a:hover,
#right .flash a:focus  {
	color: #FFFFFF;
	text-decoration: none;
}

#right div.suchmaschinenoptimierung {
	background-image: url(../img/suchmaschinenoptimierung.png);
	background-position: -15px 7px;
	background-repeat: no-repeat;
	display: block;
	width: 247px;
	padding: 0 0 0 30px;
	margin-left: -27px;
	margin-bottom: -30px;
	color: #1a99c0;
	font-size: 11px;
	overflow: hidden;
	height: 195px;
}

#right div.suchmaschinenoptimierung strong {
	color: #002448;
	font-size: 13px;
	font-weight: normal;
}

#right div.suchmaschinenoptimierung a {
	margin:0px 0 0 55px;
	display: block;
	text-decoration: none;
}

#right div.suchmaschinenoptimierung a:active,
#right div.suchmaschinenoptimierung a:hover,
#right div.suchmaschinenoptimierung a:focus  {
	color: #FFFFFF;
	text-decoration: none;
}

#right a.ranking {
	background-image: url(../img/webdesign_rechts_ranking.gif);
	text-decoration: none;
	line-height: 17px;
	padding-left: 10px;
	margin-top: 10px;
	display: block;
	width:64px;
	height: 17px;
	color: #FFFFFF;
	font-size: 10px;
}

#right a.ranking-keyword {
	background-image: url(../img/webentwicklung_tw_bg.gif);
	text-decoration: none;
	line-height: 17px;
	padding-left: 9px;
	margin-top: 10px;
	display: block;
	width:147px;
	height: 17px;
	color: #FFFFFF;
	font-size: 10px;
}

#right strong.hardskills {
	font-weight: bold;
	color: #FFF;
}

#right span.leitsatz {
	background-image: none;
	font-size: 25px;
	color: #269ac0;
	font-style: italic;
}

#right span.leitsatz strong {
	font-size: 17px;
	color: #006789;
	font-weight: normal;
}

#left a.border {
	border: 8px solid #002448;
	display: block;
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#left a.border img{
	float: left;
	cursor:pointer;
}

#left a.border:hover {
	border: 8px solid #42ABCB;
	cursor: default;
}



#right .from {
	text-align: right;
	display: block;
	font-size: 10px;
	margin-top: 7px;
}

/*	###################	Webentwicklung		######################	*/

.webentwicklung_techniken {
	margin-top: 190px;
	font-weight: bold;
}

p.web30 {
	width: 347px;
	height: 62px;
	padding: 67px 0 0 179px;
	background-image: url(../img/webentwicklung_web30.jpg);
	font-size: 26px;
	position: relative;
	color: #fff;
}

p.web30 a:link,
p.web30 a:visited,
p.web30 a:active,
p.web30 a:hover,
p.web30 a:focus  {
	position: absolute;
	border: 6px solid #000a2a;
	right: 15px;
	top: 41px;
	cursor: default;
	height: 60px;
}

p.web30 a img {
	display: block;
}


.webentwicklung_twitter {
	display: block;
}

.webentwicklung_twitter img {
	display: block;
	float: left;
	margin-right: 5px;
}

.webentwicklung_twitter a:link,
.webentwicklung_twitter a:visited,
.webentwicklung_twitter a:hover,
.webentwicklung_twitter a:active,
.webentwicklung_twitter a:focus {
	background-image: url(../img/webentwicklung_tw_bg.gif);
	display: block;
	height: 17px;
	width: 140px;
	padding-left: 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 17px;
	margin-top: 5px;
	margin-left: 60px;
}

/* Tagcloud */
ul.tagcloud {
	background-image: none;
}

ul.tagcloud li {
	display: inline;
}

ul.tagcloud li a {
	text-decoration: none;
	color: #002448;
}

ul.tagcloud li a.w1 { font-size: 10px; color: #002448;	}
ul.tagcloud li a.w2 { font-size: 12px; color: #002448;	}
ul.tagcloud li a.w3 { font-size: 21px; color: #1a99c0;	}
ul.tagcloud li a.w4 { font-size: 11px; color: #002448;	}
ul.tagcloud li a.w5 { font-size: 17px; color: #004c9a;	}
ul.tagcloud li a.w6 { font-size: 12px; color: #002448;	}
ul.tagcloud li a.w7 { font-size: 12px; color: #20b8ca;	}
ul.tagcloud li a.w8 { font-size: 19px; color: #002448;	}

ul.tagcloud li a:hover.w1 { font-size: 10px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:hover.w2 { font-size: 12px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:hover.w3 { font-size: 21px; color: #baf9ff; text-decoration: underline;	}
ul.tagcloud li a:hover.w4 { font-size: 11px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:hover.w5 { font-size: 17px; color: #20b8ca; text-decoration: underline;	}
ul.tagcloud li a:hover.w6 { font-size: 12px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:hover.w7 { font-size: 12px; color: #002448; text-decoration: underline;	}
ul.tagcloud li a:hover.w8 { font-size: 19px; color: #1a99c0; text-decoration: underline;	}

ul.tagcloud li a:focus.w1 { font-size: 10px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:focus.w2 { font-size: 12px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:focus.w3 { font-size: 21px; color: #baf9ff; text-decoration: underline;	}
ul.tagcloud li a:focus.w4 { font-size: 11px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:focus.w5 { font-size: 17px; color: #20b8ca; text-decoration: underline;	}
ul.tagcloud li a:focus.w6 { font-size: 12px; color: #004c9a; text-decoration: underline;	}
ul.tagcloud li a:focus.w7 { font-size: 12px; color: #002448; text-decoration: underline;	}
ul.tagcloud li a:focus.w8 { font-size: 19px; color: #1a99c0; text-decoration: underline;	} 


/*	###################	SEO				######################	*/

#left .seotest {
	height: 162px;
	background-image: url(../img/seo_seotest_bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 37px;
	padding: 46px 0 0 34px;

}

#left .seotest h4, #left .seotest h5 {
	display: inline;
}

#left .seotest h4 {
	padding-left: 106px;
	font-size: 28px;
}

#left .seotest h5 {
	padding-left: 140px;
	font-size: 15px;
}

#left .seotest span {
	display: block;
	margin-top: 40px;
	color: #fff;
}


#left .seotest span a:link,
#left .seotest span a:visited,
#left .seotest span a:active,
#left .seotest span a:hover,
#left .seotest span a:focus  {
	font-size: 15px;
	color: ##1A99C0;
	text-decoration: none;
	position: relative;
	z-index: 200;
}

#right div.webfeinschliff {
	width: 225px;
	position: relative;
	height: 144px;
	background-image: url(../img/seo_webfeinschliff.png);
}

#right div.webfeinschliff span {
	color: #812580;
	text-align: right;
	position: absolute;
	right: 10px;
	top:35px;
	line-height: 16px;
}

#right div.webfeinschliff a:link,
#right div.webfeinschliff a:visited,
#right div.webfeinschliff a:active,
#right div.webfeinschliff a:hover,
#right div.webfeinschliff a:focus {
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	left: 48px;
	text-transform: uppercase;
	top:118px;
}

#right div.webfeinschliff a strong {
	text-transform: none;
	background-color: #e41278;
	padding: 2px 4px;
	font-weight: normal;
}

#right div.webfeinschliff a:active strong,
#right div.webfeinschliff a:hover strong,
#right div.webfeinschliff a:focus strong {
	background-color: #FFFFFF;
	color: #001833;
}

#left p.design {
	width: 215px;
	height: 115px;
	padding: 15px 0 0 20px;
	background-color: #002448;
}

#left p.design img {
	margin: 10px 0 0 11px;
}

#left p.design a {
	padding-left: 25px;
	background-image: url(../img/layout/bg_subnav_a.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	line-height: 27px;
}

/*	###################	Profil			######################	*/

#left strong.big {
	font-size: 16px;
	font-weight: bold;
	color: #1a99c0;
}

#right div.flash {
	display: block;
	padding: 0 22px 0 25px;
	width: 205px;
	height: 172px;
	margin-left: -25px;
	background-image: url(../img/profil_flash_bg.png);
	background-position: -15px 10px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 15px;
	margin-bottom: -25px;
}

#right div.flash span {
	padding-left:65px;
	font-size: 15px;
	display: block;
}

#right div.flash span a {
	font-size: 11px;
}

#right span.linktipp {
	display:block;
	width:207px;
	padding: 25px 0 0 20px;
	height: 98px;
	color: #001833;
	background-image: url(../img/layout/icons/webrestaurator.gif);
}

#right span.linktipp a {
	display: block;
	margin-top: 40px;
	color: #FFFFFF;
	text-decoration: none;
}

#right span.linktipp a strong {
	padding: 2px 4px;
	margin-left: 15px;
	background-color: #000000;
}

#right span.linktipp-seowuerzburg {
	display:block;
	width:182px;
	padding: 43px 0 0 45px;
	height: 83px;
	color: #001833;
	background-image: url(../img/layout/icons/seo-wuerzburg.gif);
}

#right span.linktipp-seowuerzburg a {
	display: block;
	margin-top: 8px;
	color: #000;
	text-decoration: none;
}

#right span.linktipp-seowuerzburg a strong {
	padding: 2px 3px 2px 3px;
	background-color: #B6D812;
	color: #fff;
	margin-left: 2px;
	
}

#right span.linktipp-mawue {
	display:block;
	width:220px;
	padding: 43px 0 0 7px;
	height: 83px;
	color: #001833;
	background-image: url(../img/layout/icons/marketing-wuerzburg.gif);
}

#right span.linktipp-mawue a {
	display: block;
	margin-top: 45px;
	color: #000;
	text-decoration: none;
}

#right span.linktipp-mawue a strong {
	padding: 2px 3px 2px 3px;
	background-color: #B6D812;
	color: #fff;
	margin-left: 2px;
	
}

#right span.apps {
	background-image: url(../img/profil_apps_bg.jpg);
	background-position: right 20px;
	background-repeat: no-repeat;
	display: block;
	font-size: 10px;
	padding:0 30px 20px 0;
	width: 215px;
	overflow: hidden;
}

/*	###################	Referenzen			######################	*/

span.aktuell {
	background-image: url(../img/layout/icons/aktuell.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 60px;
	display: block;
}

span.aktuell a:link,
span.aktuell a:visited,
span.aktuell a:active,
span.aktuell a:hover,
span.aktuell a:focus  {
	background-image: url(../img/webdesign_rechts_ranking.gif);
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	display: block;
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	width: 64px;
}

span.facebook {
	background-image: url(../img/layout/icons/facebook.png);
	background-repeat: no-repeat;
	display: block;
	width: 224px;
	height: 82px;
}

span.fanpage {
	margin-bottom: 13px;
	padding-left: 63px;
	width: 145px;
	display: block;
}

span.facebook a:link,
span.facebook a:visited,
span.facebook a:active,
span.facebook a:hover,
span.facebook a:focus  {
	background-color:#3B5998;
	font-size: 15px;
	color: #fff;
	padding: 4px 9px 4px 9px;
	margin-left: 63px;
	width: 145px;
	font-family: Tahoma, Geneva, sans-serif;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	border-radius: 4px;
}

#referenzen {
	height: 328px;
	overflow: hidden;
	clear: both;
}

#referenzen .imagefix {
	background-color: #FFFFFF;
	position: absolute;
	top:25px;
	left: 0;
	width: 509px;
	height: 302px;
}

#referenzen .ref {
	position: relative;
	width: 479px;
	height: 290px;
	overflow: hidden;
	float: left;
}

#referenzen .wrapper {
	width: 1916px;
}

#referenzen .all {
	overflow: hidden;
	height: 290px;
	background-color: #FFFFFF;
	margin: 0px 15px;
	position: relative;
	z-index: 99;
	width: 479px;
	border-bottom: 12px solid #002D51;
}

#referenzen img {
/*	border: 15px solid #FFFFFF;	*/
	padding:0;
	margin: 0;
	width: 479px;
	height: 290px;
	overflow: hidden;
	display: block;
}

#referenzen div.text {
	background-color: #002D51;
	width: 439px;
	padding: 5px 20px 0 20px;
	clear: both;
	height: 51px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	
}

#referenzen div.text span {
	float: right;
	color: #1A99C0;
}

#referenzen div.text a:link,
#referenzen div.text a:visited,
#referenzen div.text a:active,
#referenzen div.text a:hover,
#referenzen div.text a:focus  {
	line-height: 25px;
	display: inline-block;
	clear: both;
	
	color: #FFFFFF;
	text-decoration: none;
}

#referenzen div.text a:active,
#referenzen div.text a:hover,
#referenzen div.text a:focus  {
	color: #1A99C0;
}

#referenzen div.text a span {
	padding-right: 30px;
	background-image: url(../img/referenzen_button.png);
	background-position: right 4px;
	background-repeat: no-repeat;
	float: none;
	padding: 0.5em 30px 0.5em 0;
	color: #FFFFFF;
}



#referenzen h4 {
	font-size: 14px;
	margin: 0;
	padding:0;
	height: auto;
	float: left;
	color: #fff
}

/*	###################	Kontakt			######################	*/

#left form.kontakt {
	background-image: none;
}

#left form.kontakt fieldset {
	margin: 0;
	padding: 0;
}

* html #left form.kontakt legend {
	margin-left: -6px;
}


#left form.kontakt legend {
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	
}

#left form.kontakt input {
	display: block;
	width: 431px;
	padding-left: 45px;
	color: #FFFFFF;
	font-size: 15px;
	background-color: #1B9BC3;
	height: 27px;
	padding-top: 9px;
	border: 1px solid #002448;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	margin-bottom: 20px;
}

#left form.kontakt input.ansprechpartner {
	background-image: url(../img/kontakt_input_ansprech.gif);
	background-repeat: no-repeat;
}

#left form.kontakt input#fake_datei {
	background-image: url(../img/kontakt_input_datei.gif);
	width: 250px;
	display: inline;
}

form.kontakt .fileupload {
	position: relative;
}

form.kontakt input#datei {
	position: absolute;
	z-index: 10;
	right: 50px;
	top:13px;
	width: auto;
	height: auto;
	background-image: none;
	border: none;
	padding: 0;
}

#left form.kontakt input#fake_button {
	background-image: url(../img/kontakt_input_durchsuchen.gif);
	width: 136px;
	border: none;
	height: 35px;
	padding: 0;
	text-indent: -9999px;
	display: inline;
	z-index: 9;
	position: absolute;
	top: 9px;
	right: 50px;
}

form.kontakt input#telefon, form.kontakt input#webadresse {
	display: inline;
	width: 185px;
}

form.kontakt input#telefon {
	margin-right: 10px;
}

form.kontakt label {
	clear: both;
	display: block;
}

form.kontakt textarea#nachricht {
	display: block;
	width: 431px;
	padding-left: 45px;
	color: #FFFFFF;
	font-size: 15px;
	background-color: #1B9BC3;
	padding-top: 9px;
	border: 1px solid #002448;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	margin-bottom: 20px;
	height: 145px;
}

form.kontakt input#versenden {
	width: 200px;
	height: 36px;
	background-image: url(../img/kontakt_input_submit.gif);
	border: none;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
}

/*	###################	Partner		######################	*/

.partner_eins {
	font-size: 15px;
	color: #00172f;
}

.partner_eins span {
	background-color: #55d2dc;
	padding: 0px 2px;
	line-height: 22px;
}

.partner_zwei {
	margin-top: 200px;
	width: 240px;
	z-index: 200;
	position: relative;
}

a.xing {
	position: absolute;
	left: 90px;
	bottom: 30px;
	width: 98px;
	height: 97px;
	display: block;
	background-image: url(../img/layout/icons/xing.png);
	text-indent: -9999px;
	z-index: 200;
}

#left strong {
	font-weight: bold;
	color: #002448;
}