/*Allgemein*/

body {
	margin-top: 30px;
	margin-bottom: 60px;
}

#oebody{
	background-color: #000;
}

.punkt {
	height: 50px;
	width: 80px;
	text-align: right;
	position: relative;
}


#list, #listoe{
	height: 660px;
	width: 660px;
	list_was-style-type: none;
	list_was-style-position: inside;
	margin: auto;
	padding: 0px;
}

#list li, #listoe li{
	display:inline;
}

#list a, #listoe a{
	background-position: -5px -5px;
	float: left;
	display: block;
	border: 5px solid #fff;
}

#listoe a{
	background-position: -5px -5px;
	float: left;
	display: block;
	border: 5px solid #000;
}


#list a:hover, #listoe a:hover{
	background-position: 0px 0px;
	float: left;
	display: block;
	border: 0px solid #FFFFFF;
}

/*START*/

.start a{
	width:315px;
	height:315px;
}

.start a:hover{
	width:325px;
	height:325px;
}

#start_wer a{
	background-image: url(start_img/wer.jpg);
}

#start_was a{
	background-image: url(start_img/was.jpg);
}

#start_wo a{
	background-image: url(start_img/wo.jpg);
}

#start_und_sonst a{
	background-image: url(start_img/und_sonst.jpg);
}

/*WO*/

.wo a{
	width:315px;
	height:315px;
}

.wo a:hover{
	width:325px;
	height:325px;
	cursor: default;
}

#wo_google-earth a{
	background-image: url(wo_img/google-earth.jpg);
}

#wo_karte a{
	background-image: url(wo_img/karte.jpg);
}

#wo_karte2 a{
	background-image: url(wo_img/karte2.jpg);
}

#wo_bettina a{
	background-image: url(wo_img/bettina.jpg);
}



/*WAS*/

.was a{
	width:152px;
	height:152px;
}

.was a:hover{
	width:162px;
	height:162px;
	cursor: default;
}

#was_offsetdruck a{
	background-image: url(was_img/offsetdruck.jpg);
}

#was_digitaldruck a{
	background-image: url(was_img/digitaldruck.jpg);
}

#was_grossformatdruck a{
	background-image: url(was_img/grossformatdruck.jpg);
}

#was_ctp a{
	background-image: url(was_img/ctp.jpg);
}
#was_satz a{
	background-image: url(was_img/satz.jpg);
}

#was_scannen a{
	background-image: url(was_img/scan.jpg);
}

#was_klebebindung a{
	background-image: url(was_img/klebebindung.jpg);
}

#was_heften a{
	background-image: url(was_img/heften.jpg);
}

#was_falzen a{
	background-image: url(was_img/falzen.jpg);
}

#was_buchdruck a{
	background-image: url(was_img/buchdruck.jpg);
}

#was_ausschiessen a{
	background-image: url(was_img/ausschiessen.jpg);
}

#was_versand a{
	background-image: url(was_img/versand.jpg);
}

#was_lettershop a{
	background-image: url(was_img/lettershop.jpg);
}

#was_beratung a{
	background-image: url(was_img/beratung.jpg);
}

#was_korrektorat a{
	background-image: url(was_img/korrektorat.jpg);
}

#was16 a{
	background-image: url(was_img/xxx.jpg);
}

/*WER*/

.wer a{
	width:120px;
	height:120px;
}

.wer a:hover{
	width:130px;
	height:130px;
	cursor: default;
}

#wer_gey a{
	background-image: url(wer_img/gey.jpg);
}

#wer_grimm a{
	background-image: url(wer_img/grimm.jpg);
}

#wer_baerenreiter a{
	background-image: url(wer_img/baerenreiter.jpg);
}

#wer_ramge a{
	background-image: url(wer_img/ramge.jpg);
}

#wer_raab a{
	background-image: url(wer_img/raab.jpg);
}

#wer_reisner a{
	background-image: url(wer_img/reisner.jpg);
}

#wer_wohlfahrt a{
	background-image: url(wer_img/wohlfahrt.jpg);
}

#wer_mohler a{
	background-image: url(wer_img/mohler.jpg);
}

#wer_kirsch a{
	background-image: url(wer_img/kirsch.jpg);
}

#wer_rychetsky a{
	background-image: url(wer_img/rychetsky.jpg);
}

#wer_schuhmann a{
	background-image: url(wer_img/schuhmann.jpg);
}

#wer_hess a{
	background-image: url(wer_img/hess.jpg);
}

#wer_sperlich a{
	background-image: url(wer_img/sperlich.jpg);
}

#wer_hildebrand a{
	background-image: url(wer_img/hildebrand.jpg);
}

#wer_ferreira a{
	background-image: url(wer_img/ferreira.jpg);
}

#wer_damaschke a{
	background-image: url(wer_img/damaschke.jpg);
}

#wer_maiolo a{
	background-image: url(wer_img/maiolo.jpg);
}

#wer_weiss2 a{
	background-image: url(wer_img/weiss2.jpg);
}

#wer_neis a{
	background-image: url(wer_img/neis.jpg);
}

#wer_ecke a{
	background-image: url(wer_img/ecke.jpg);
}

#wer_roth a{
	background-image: url(wer_img/roth.jpg);
}

#wer_schmieder a{
	background-image: url(wer_img/schmieder.jpg);
}

#wer_bungardt a{
	background-image: url(wer_img/bungardt.jpg);
}

#wer_paris a{
	background-image: url(wer_img/paris.jpg);
}

#wer_weiss a{
	background-image: url(wer_img/weiss.jpg);
}

/*SONST*/

.sonst a{
	width:208px;
	height:208px;
}

.sonst a:hover{
	width:218px;
	height:218px;
	cursor: default;
}

#sonst_geschichte a{
	background-image: url(sonst_img/geschichte.jpg);
}

#sonst_klingspor a{
	background-image: url(sonst_img/klingspor.jpg);
}

#sonst_kalender a{
	background-image: url(sonst_img/kalender.jpg);
}

#sonst_oe a{
	background-image: url(sonst_img/oe.jpg);
}

#trattodino a{
	background-image: url(sonst_img/trattodino.jpg);
}

#sonst6 a{
	background-image: url(sonst_img/grau.jpg);
}

#sonst7 a{
	background-image: url(sonst_img/grau.jpg);
}

#sonst8 a{
	background-image: url(sonst_img/grau.jpg);
}

#sonst9 a{
	background-image: url(sonst_img/grau.jpg);
}

p span.displaynone { display:none; }

/*OE*/

.oe a{
	width:208px;
	height:208px;
	border:#000;
}

.oe a:hover{
	width:218px;
	height:218px;
	cursor: default;
}

#eissnert a{
	background-image: url(sonst_img/eissnert.jpg);
}

#trattodino a{
	background-image: url(sonst_img/trattodino.jpg);
}


/* teaserbutton */
div.teaserbutton{
	width: 100px;
	height: 100px;
	position: absolute;
	top:0;
	right:0;
	background: transparent url(ihrfoto/teaserbutton.png);
}

div.teaserbutton a, div.teaserbutton a:link{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
}

/* //teaserbutton */