/*generic submenu*/
.submenu{
	position: relative;
	left: 175px;
	bottom: 416px;
	
	width: 145px;
	height: 274px;
}


/* webseiten page stuff and subpages */

#webseitenparagraph{

	position: relative;
	width: 290px;
	height: 445px;		
	
	left: 335px;
/*
	bottom: 746px;
	bottom: 753px;
*/
	bottom: 748px;
}

#webdesignparagraph{

	width: 290px;
	height: 445px;		
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#webhostingparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#emailmanagementparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#domainverwaltungparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#onlinepublikationenparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#videosanimationenparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of webseiten stuff*/

/* beginning of mobile apps stuff*/

#mobileappsparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;
*/
	bottom: 748px;
}


#appleiphoneparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#googleandroidparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#tabletparagraph{
	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of mobile apps stuff*/

/* beginning of online marketing stuff*/

#onlinemarketingparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;
*/
	bottom: 748px;
}

#seoparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#googleadwordsparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#communitymarketingparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#newsletterparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#onlineumfragenparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of online marketing stuff*/

/* beginning of logos and brand stuff */

#logosbrandparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;
*/
	bottom: 748px;
}

#logosparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#namendomainparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of logos and brand stuff*/

/* beginning of drucksachen stuff */

#drucksachenparagraph{ /* 2 titles*/

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 748px;
}

#publikationenparagraph{ /* 1 title */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#briefschaftenparagraph{ /* 1 title */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#plakateflyerparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of drucksachen stuff*/

/* beginning of texte-ubersetzungen stuff*/

#texte-ubersetzungenparagraph{ /* 2 titles */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;
*/
	bottom: 748px;
}

#texteparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#ubersetzungenparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of texte-ubersetzungen stuff*/

/* beginning of agentur-outsourcing stuff*/

#agenturoutsourcingparagraph{ /* 2 titles */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;*/
	bottom: 748px;
}

#grafikdesignparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#multimediaparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#programmierungparagraph{

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of agentur-outsourcing stuff*/
/* beginning of preise-offerte stuff*/

#preise-offerteparagraph{ /* 2 titles */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;*/
	bottom: 748px;
}


/* end of preise-offerte stuff*/

/* beginning of uber-uns stuff*/

#uberunsparagraph{ /* 2 titles*/

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;*/
	bottom: 748px;
}

#designdesignparagraph{ /* 1 title */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#beratungparagraph{ /* 1 title*/

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

#uberuns-programmierungparagraph{ /* 1 title */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
	bottom: 730px;
}

/* end of uber-uns stuff*/

/* beginning of kontakt stuff*/

#kontaktparagraph{ /* 2 titles */

	width: 290px;
	height: 445px;
	
	position: relative;
	left: 335px;
/*
	bottom: 746px;*/
	bottom: 748px;
}

/* end of kontakt stuff*/

#linkbox{

	height: 62px;
	width: 285px;

	position: relative;
	left: 6px;
	top: 26px;
}

#linkbox a{
	
	text-decoration: none;
	outline-style: none;
	outline-width: 0;
	
	color: #585858;	
	font-family: Klavika, Verdana, Georgia, "Times New Roman", sans-serif;
	font-size: 11px;
}

/* lineboxes */

/* gallery */

#webdesign-gallery{
	position: relative;
	left: 690px;
	bottom: 1415px;

	width: 270px;
	height: 230px;
}

#webdesign-gallery-border-left{
	position: relative;
	left: 660px;	 
	bottom: 1170px;

	height: 274px;
	width: 72px;
}

#webdesign-gallery-border-right{
	position: relative;
	left: 890px;
	bottom: 1673px;

	height: 274px;
	width: 72px; 
}

#webdesign-gallery table tr td a{
	outline-style: none;
	outline-width: 0;
	color: transparent;
}

#onlinepublikationen-gallery{
	position: relative;
	left: 690px;
	bottom: 1415px;

	width: 270px;
	height: 230px;
}

#onlinepublikationen-gallery table tr td a{
	outline-style: none;
	outline-width: 0;
	color: transparent;
}

#onlinepublikationen-gallery table{
	padding-top: 45px;
}

#onlinepublikationen-gallery-border-left{
	position: relative;
	left: 660px;	 
	bottom: 1170px;

	height: 274px;
	width: 72px;
}

#onlinepublikationen-gallery-border-right{
	position: relative;
	left: 890px;
	bottom: 1673px;

	height: 274px;
	width: 72px; 
}

#logos-gallery{
	position: relative;
	left: 690px;
	bottom: 1415px;

	width: 270px;
	height: 230px;
}

#logos-gallery table tr td a{
	outline-style: none;
	outline-width: 0;
	color: transparent;
}

#logos-gallery-border-left{
	position: relative;
	left: 660px;	 
	bottom: 1170px;

	height: 274px;
	width: 72px;
}

#logos-gallery-border-right{
	position: relative;
	left: 890px;
	bottom: 1673px;

	height: 274px;
	width: 72px; 
}

#plakate-gallery{
	position: relative;
	left: 690px;
	bottom: 1415px;

	width: 270px;
	height: 230px;
}

#plakate-gallery table tr td a{
	outline-style: none;
	outline-width: 0;
	color: transparent;
}

#plakate-gallery-border-left{
	position: relative;
	left: 660px;	 
	bottom: 1170px;

	height: 274px;
	width: 72px;
}

#plakate-gallery-border-right{
	position: relative;
	left: 890px;
	bottom: 1673px;

	height: 274px;
	width: 72px; 
}

/* images */

#webseitenimage{
	/* border: solid 1px orange;*/
	position: relative;
	bottom: 1220px;
	left: 660px;

	width: 320px;
	height: 320px;
	
}

#mobileappsimage{
	/*border: solid 1px orange;*/
	position: relative;
	bottom: 1230px;
	left: 650px;

	width: 320px;
	height: 320px;	
}

#onlinemarketingimage{
/*
	border: solid 1px orange;*/

	position: relative;
	bottom: 1200px;
	left: 660px;

	width: 320px;
	height: 320px;		
}

#logosbrandimage{
	/*border: solid 1px orange;*/
	position: relative;
	bottom: 1220px;
	left: 670px;

	width: 320px;
	height: 320px;		
}

#drucksachenimage{
	/*border: solid 1px orange;*/

	position: relative;
	bottom: 1220px;
	left: 670px;

	width: 320px;
	height: 320px;	
}

#texteubersetzungenimage{
	/*border: solid 1px orange;*/
	position: relative;
	bottom: 1220px;
	left: 600px;
	width: 320px;
	height: 320px;	
}

#agenturoutsourcingimage{
	/*border: solid 1px orange;*/
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1250px;
	left: 620px;
}

#preiseofferteimage{

	/*border: solid 1px orange;*/

	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 660px;
}

#uberunsimage{
	/*border: solid 1px orange;*/
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 670px;
}

#kontaktimage{
/*
	border: solid 1px orange;*/
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 650px;
}

#beratungimage{
	
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 630px;
}

#designimage{
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 630px;
}

#programmierungimage{
	position: relative;
	width: 320px;
	height: 320px;
	bottom: 1200px;
	left: 630px;
}