/* CSS Document */

/*Designet by Acote Solutions*/

/********************************************

		1.  TEXT unter Titel H1
		2.  Boxen Index
		3.  Contents lang
		4.  Boxlang
		5.  SYMBOL Gallerie
		6.  Gallerie EVENT
		7.  Gallerie WWW
		8.  Gallerie DESIGN
		9.  Foto-Gallerie
		10. Kontakt		

*********************************************/



/*****************************************************
		1. START Text unter Titel H1 650px x 60px
*****************************************************/
p.pmain { width: 820px; height: 60px; text-align: center; margin: 22px auto 0 auto ; line-height: 1.2em; padding: 17px 0 0 0; color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; }


/********************************************
		2. START Boxen Index
*********************************************/
#boxindex_1, #boxindex_2, #boxindex_3 { width: 260px; height: 240px; padding: 0;  border: #666666 solid 1px; background-image: url(../images/box3erhintergrund.jpg); background-repeat: repeat-y; }
#boxindex_1 { position: absolute; left: 60px; top: 230px; }
#boxindex_2 { position: absolute; left: 369px; top: 230px; }
#boxindex_3 { position: absolute; right: 60px; top: 230px; }
#box3ertitel { width: 260px; height: 28px; padding-top: 6px; background-color: #111111; margin:0px; border-bottom: #666666 solid 1px; }
h2.h2box { font-size: 19px; font-weight: bold; color: #FF7700; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; }
#box3ertitel a { font-size: 19px; font-weight: bold; color: #FF7700; font-family: Verdana, Arial, Helvetica, sans-serif; }
#box3ertitel a:link { color: #FF7700; }
#box3ertitel a:hover,a:focus { color: #FFFFFF; }
#box3ertitel a:active { color: #FF7700; }
.box3erimg { width: 82px; height: 115px; margin: 10px auto 0 auto; }
p.pbox3er { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #EEEEEE; padding: 25px 10px 0 10px; text-align: left; }
#box3ercontact { width: 260px; height: 22px; }


/***************************************************
		3. START Contents Boxlang
***************************************************/
#contentevent, #contentwww, #contentdesign { width: 840px; height: auto; margin: 17px auto 0 auto; padding: 0; background-position: center; background-repeat: no-repeat; }
#contentevent {  background-image: url(../images/event_symbol.jpg); }
#contentwww { background-image:url(../images/www_symbol.jpg); }
#contentdesign { background-image:url(../images/design_symbol.jpg); }


/***************************************************
		4. START Boxlang
***************************************************/
.boxlang { width: 840px; height: 65px; margin: 0 0 7px 0; padding: 3px 5px 0 0; border: #222222 solid 1px; }
.boxlangkontakt { width: 840px; height: 65px; margin: 0 0 7px 0; padding: 3px 5px 0 0; border: #222222 solid 1px; }
h2.h2boxlang { font-size: 15px; font-weight: bold; color: #FF7700; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 8px; padding: 0 0 1px 0;  }
p.pboxlang { font-size: 13px; font-weight: bold; color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 0; line-height: 1.15em; padding: 0 0 2px 5px; }
.boxlang a { font-size: 15px; font-weight: bold; color: #FF7700; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 8px; text-decoration: underline; }
.boxlang a:link { color: #FF7700; text-decoration: underline; }
.boxlang a:hover,a:focus { color: #FFFFFF; }
.boxlang a:active { color: #FF7700; }
.boxlangkontakt a { font-size: 13px; font-weight: bold; color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: #EEEEEE dotted 1px; }
.boxlangkontakt a:link { color: #FF7700; text-decoration: none; }
.boxlangkontakt a:hover,a:focus { color: #FF9900; border-bottom: #FF6600 dotted 1px; }
.boxlangkontakt a:active { color: #EEEEEE; }


/*****************************************************
		5. START SYMBOL Gallerie
*****************************************************/
#symbol { width: 44px; height: 39px; border: none; cursor: pointer; position: absolute; top: 468px; left: 473px; }


/*****************************************************
		6. START Gallerie EVENT
*****************************************************/
.gallerieevent_1 { width: 226px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; left: 95px; top: 145px; }
.gallerieevent_2 { width: 226px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; left: 383px; top: 145px; }
.gallerieevent_3 { width: 226px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; right: 95px; top: 145px; }


/*****************************************************
		7. START Gallerie WWW
*****************************************************/
.galleriewww_1 { width: 650px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; left: 43px; top: 145px; }
.galleriewww_2 { width: 240px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; right: 43px; top:145px; }
img.gallerieimg { float: left; margin: 8px 0 12px 0; padding: 0; cursor: default; }


/****************************************************
		8. START Gallerie DESIGN
****************************************************/
.galleriedesign_1 { width: 225px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; left: 83px; top: 145px; cursor: default; }
.galleriedesign_2 { width: 579px; height: 320px; background-color: #000000; padding: 3px; border: #444444 solid 1px; position: absolute; right: 83px; top: 145px; cursor: default; }


/****************************************************
		9. START Foto Gallerie
****************************************************/
#fotogallerie { width: 850px; height: auto; margin: 15px auto 0 auto; }  
#fotogallerie a { cursor: default; border: none; }


/****************************************************
		10. START Kontakt
****************************************************/
p.pkontakt { font-size: 14px; font-weight: bold; color: #EEEEEE; text-align: left; margin: 24px 0 0 286px; }
p.akontakt { font-size: 14px; font-weight: bold; color: #FF7700; text-align: center; padding-top: 3px; }
p.akontakt a { font-size: 14px; font-weight: bold; color: #FF7700; }
p.akontakt a:link { color: #FF7700;}
p.akontakt a:hover,a:focus { color: #FFFFFF; }
p.akontakt a:active { color: #FF7700; }
#divkontakt { width:800px; height: 250px; margin: 15px auto 0 auto; position: relative; }
#nameundanschrift { width: 350px; height: 225px; margin: 0; padding: 20px 20px 0 20px; border: #333333 solid 1px; float: left; }
#ihremitteilung { width: 350px; height: 225px; margin: 0; padding: 20px 20px 0 20px; border: #333333 solid 1px; float: right; }

#nameundanschrift label { width: 100px; height: 17px; font-size: 14px; color: #EEEEEE; padding: 1px 0 12px 0; float: left; display: block; }
#nameundanschrift input { width: 216px; height: 17px; font-size: 14px; color: #FFFFFF; font-weight: bold; background-color: #222222; margin: 0 0 11px 0; padding: 0 0 0 2px; float: right; display: block; border: #444444 solid 1px; }
#ihremitteilung label { width: 90px; height: 17px; font-size: 14px; color: #EEEEEE; padding: 2px 0 12px 0; float: left; display: block; }
.inputbetreff { width: 236px; height: 17px; font-size: 14px; color: #FFFFFF; font-weight: bold; background-color: #222222; margin: 0 0 11px 0; padding: 1px 0 0 2px; float: right; display: block; border: #444444 solid 1px; }

#ihremitteilung textarea { width: 236px; height: 145px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #222222; padding: 1px 0 0 2px; margin: 0; float: right; display: block; border: #444444 solid 1px; }
.inputsend { width: 70px; height: 20px;cursor: pointer; position: absolute; top: 205px; right: 70px; }
select { font-size: 12px; font-weight: bold; background-color: #EEEEEE; width: 200px; display: block; margin: 0 0 6px 120px; }