/* IDs */
* {
margin: 0;
padding: 0;
}
body { font: 95% Verdana, Arial, Helvetica, sans-serif; color: #9bafcb; background: #333333; width: 90%; height: 100%; margin-left: 15px; padding-left: 15px; }
 
p { 
 font-size: 12px; 
 text-transform: lowercase; 
 }
 
img { 
 color: blue; 
 text-decoration: underline; 
 border: solid 2px #c8c5c5; 
 }
 
h1 {
font: bold 18px verdana, Georgia, "Times New Roman", serif;
color: #8f94e9;
}

h2 { 
 color: #8f94e9; 
 font-size: 16px; 
 font-weight: bold; 
 }
 
h3 { 
 color: #9bafcb; 
 font-size: 14px; 
 font-weight: bold; 
 background-color: #555; 
 margin-right: 110px; 
 }
 
a { 
 color: #8f94e9; 
 text-decoration: none; 
 }
 
a:hover { 
 color: #c8c5c5; 
 background-color: #444; 
 text-decoration: none; 
 }
 
.active { 
 color: #f0ebeb; 
 background-color: #716959; 
 text-decoration: none; 
 }
 
#container { color: #000; background: #333333; width: 92%; height: 100%; margin-top: 5px; margin-bottom: 3px; margin-left: 20px; border-top: 3px solid #555; border-left-width: 15px; }
 
/*<agl.folder "footer">*/

#footer { font-size: 10px; background-color: #222; width: 92%; margin-top: 30px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 240px; border-top: 2px solid #555; border-bottom: 2px solid #555; }
 
#footer-img { 
 background-color: #222; 
 position: absolute; 
 bottom: 10px; 
 width: 90%; 
 margin-bottom: 10px; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 padding-left: 35px; 
 border-top: 2px solid #555; 
 border-bottom: 2px solid #555; 
 }
 
#footer p{
 font-size: 10px; 
 text-transform: lowercase; 
 letter-spacing: 2px;
 }
 
#footer-img p { font-size: 10px; }

/*</agl.folder>*/
/*<agl.folder "header">*/
.logo a { text-decoration: none; color: #8f94e9; font-weight: bold; background-color: #333; }
.logo  { position: absolute; top: 240px; left: 5px; visibility: hidden; margin-left: 10px; }
#logo { width: 300px; height: 300px; color: #fff; background: #333 url(../image/digitale_bildbearbeitung_logo.jpg) no-repeat; margin-left: 10px; }
#header { background: #333 url(../image/digitale_bildbearbeitung_header_photo-doktor_1.jpg) no-repeat right top; z-index: 4; border-color: #333; }
	#header_fotorestau { background: #333 url(../fotorestauration/img/fotorestauration_header.jpg) no-repeat right top; width: 100%; z-index: 4; margin-right: 50px; }
	#text_head { color: #8f94e9; font-size: 10px; background-color: #333; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
	#text_head h1 { color: #9bafcb; font-size: 10px; background-color: #333; text-align: center; }
/*</agl.folder>*/
/*<agl.folder "column">*/
	#column { 
float: right; 
color: #9bafcb; 
background-color: #333; 
background-repeat: repeat; 
background-attachment: scroll; 
width: 150px; 
min-height: 510px; 
max-height: 1500px; 
margin-left: 2px; 
border-left-color: #c8c5c5; 
border-left-width: 1px; 
}
	#sf_o { 
margin-bottom: 5px; 
margin-left: 10px; 
}
	#sf_b { margin-top: 5px; margin-left: 10px; }
	#sf_bunt { margin-top: 5px; margin-left: 10px; }
	#pie { margin-top: 5px; margin-left: 10px; }
	#pie_b { margin-top: 5px; margin-left: 10px; }
	#mae { margin-top: 5px; margin-left: 10px; }
	#mae_b { margin-top: 5px; margin-left: 10px; }
	#rad { width: 115px; height: 153px; margin-top: 5px; margin-left: 10px; }
	#rad_b { width: 115px; height: 153px; margin-top: 5px; margin-left: 10px; }
	#column p {
 font-size: 10px; 
 text-align: center; 
 visibility: hidden; 
 margin-bottom: 5px; 
 }
/*</agl.folder>*/
/*<agl.folder "content">*/

#content { margin-left: 240px; margin-right: 120px; color: #9bafcb; background-color: #333333; background-image: none; background-position: 0 0; height: 100%; border-left: 6px solid #222; }
 
#content h1 { color: #9bafcb; font-size: 14px; background-color: #555; margin: 40px 110px 15px 5px; padding-left: 20px; }
 
#content h2 { color: #9bafcb; font-size: 14px; text-align: left; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; padding-left: 20px; }

#content h3 { background-color: #555; margin-top: 50px; margin-bottom: 15px; margin-left: 5px; padding-left: 20px; }
 
	#content p { font-size: 12px; line-height: 25px; text-align: left; margin-top: 10px; margin-right: 110px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; }
	#content ul{ margin: 15px 110px 10px 0; font-size: 12px; padding-left: 20px; }
	#content li { text-transform: lowercase; margin-right: 110px; margin-left: 15px; padding-top: 2px; padding-bottom: 2px; padding-left: 0; }
	#copyright { width: 100%; margin-right: 20px; margin-left: 230px; }
/*</agl.folder>*/
/*<agl.folder "mainbot">*/
	#mainbot { clear: both; color: #8f94e9; line-height: 35px; background-color: #333; margin: 20px 110px 10px 230px; }
	#mainbot h1 { color: #9bafcb; font-size: 14px; background-color: #555; margin-right: 100px; padding-left: 20px; }
	#mainbot ul { font-size: 12px; margin: 10px 110px 10px 20px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
	#mainbot li { margin-top: 1px; margin-right: 110px; margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; }
/*</agl.folder>*/
#main { background-color: #333; left: 220px; height: 100%; }
/*<agl.folder "fotomontage">*/
	.h1fotom { color: #9bafcb; font-size: 14px; background-color: #555; margin: 10px 30px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
	#kuhstr { width: 137px; height: 205px; float: left; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
	#kuhstr_bearbeitet { width: 137px; height: 205px; float: left; margin-top: 10px; }
	#kuhtext { clear: both; clear: both; margin-top: 5px; margin-bottom: 5px; margin-left: -5px; }
	#kuhstr_b { width: 303px; height: 455px; float: left; margin: 10px 10px 10px 30px; }
	#kuhstr_bearbeitet_bold { width: 303px; height: 455px; float: left; margin-top: 10px; margin-bottom: 10px; }
	#podu { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_podu.jpg); width: 300px; height: 150px; margin-left: 10px; }
	#pohe { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_pohe.jpg); width: 300px; height: 150px; margin-left: 10px; }
	.bildunterschriftfotomontage { margin-bottom: 15px; margin-left: 6px; padding-top: 2px; padding-bottom: 2px; }
	.zoomverweiss { margin-top: 15px; margin-left: 50px; }
	#contentzoom { height: 100%; margin-bottom: 15px; margin-left: 20px; }
	#pordun { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_podu_b.jpg); width: 910px; height: 455px; margin-top: 30px; margin-bottom: 10px; margin-left: 50px; }
	#porhe { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_pohe_b.jpg); width: 910px; height: 455px; margin-top: 30px; margin-bottom: 10px; margin-left: 50px; }
	#link1 { width: auto; height: auto; clear: both; margin-top: 15px; margin-left: 30px; padding-left: 10px; }
	#poduzo { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_podu.jpg); width: 300px; height: auto; margin-top: 10px; margin-left: 30px; }
	#pohezo { background-image: url(../fotomontage_composing/fotomo_img/fotomontage_fotocomposing_pohe.jpg); width: 300px; height: auto; margin-top: 10px; margin-left: 30px; }
	#eule1 { width: 290px; height: 205px; float: left; margin: 10px; }
	#eule2 { width: 273px; height: 205px; float: left; margin-top: 10px; margin-bottom: 10px; }
	#rinde { width: 218px; height: 205px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
	#fotomontage_eule { width: 520px; height: 455px; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; }
	#eule_unterschrift { 
	clear: both;
	margin-left: 145px; }
	#dvd { width: 136px; height: 205px; float: left; margin: 10px; }
	#antje { width: 153px; height: 205px; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
	#karte { width: 136px; height: 205px; float: left; margin-top: 10px; margin-bottom: 10px; }
	#karte_text { clear: both; }
	#dvd_bold { width: 303px; height: 455px; float: left; margin: 10px 10px 10px 30px; }
	#karte_bold { width: 303px; height: 455px; float: left; margin-top: 10px; margin-bottom: 10px; }
	#wiese_org { width: 300px; height: 200px; float: left; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; }
	#wiese_bea { width: 300px; height: 200px; float: left; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; }
	#davinci_org { width: 300px; height: 225px; float: left; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; }
	#davinci_bea { width: 300px; height: 191px; float: left; margin-top: 44px; margin-bottom: 20px; margin-left: 20px; }
/*</agl.folder>*/
/*<agl.folder "belichtung">*/
	#rot { margin-left: 20px; }
	#belicht { width: 700px; height: auto; margin-bottom: 20px; margin-left: 15px; }
	#dunkel { background-image: url(../belichtung/img/dunkel.jpg); width: 300px; height: 200px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; }
	#hell { background-image: url(../belichtung/img/hell.jpg); width: 300px; height: 200px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 15px; }
/*</agl.folder>*/
/*<agl.folder "retusche">*/
	/*id*/
	#maerchenbrunnen { background-color: #333; width: 342px; height: 250px; float: left; margin: 10px 10px 2px 20px; }
	#maerchenbrunnen_b { background-color: #333; width: 342px; height: 250px; float: left; margin-top: 10px; margin-bottom: 2px; }
	.bildunterschriftretusche { margin-top: 3px; margin-bottom: 20px; margin-left: 90px; padding-top: 5px; }
	#beispiel { width: 550px; margin-top: 15px; margin-bottom: 20px; }
	#portrait { width: 252px; height: 300px; z-index: 3; float: left; margin: 20px 15px 10px 20px; }
	#portrait_b { background-color: transparent; width: 252px; height: 300px; float: left; margin-top: 20px; margin-bottom: 10px; }
	#portrait_text {
	clear: both;
	 }
	#windmuehleauto { width: 188px; height: 250px; float: left; margin: 10px 10px 2px 20px; }
	#windmuehle { width: 188px; height: 250px; float: left; margin-top: 10px; margin-bottom: 2px; }
	#windtext { clear: both; margin-left: 20px; }
	#windmuehle_original { width: 341px; height: 455px; float: left; margin: 10px 10px 10px 30px; }
	#windmuehle_bearbeitet { width: 341px; height: 455px; float: left; margin-top: 10px; margin-bottom: 10px; }
	.link2 { 
	clear: both;
	margin-top: 10px; 
	margin-left: 30px; }
	#strand { width: 398px; height: 250px; float: left; margin: 10px 10px 2px 20px; }
	#strand_b { width: 398px; height: 250px; float: left; margin-top: 10px; margin-bottom: 2px; }
	#strandtext { clear: both; margin-left: 20px; }
	#winter { width: 187px; height: 250px; float: left; margin: 10px 10px 2px 20px; }
	#winter_b { width: 187px; height: 250px; float: left; margin-top: 10px; margin-bottom: 2px; }
	#strand_bold { width: 724px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#winter_bold { width: 341px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#maerchenbrunnen_bold { width: 623px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	.over { margin-top: 10px; margin-bottom: 10px; margin-left: 30px; }
/*</agl.folder>*/
/*<agl.folder "beauty">*/
	#piercing { width: 300px; height: 200px; float: left; margin: 10px 10px 2px 20px; }
	#piercing_b { width: 300px; height: 200px; float: left; margin-top: 10px; margin-bottom: 2px; }
	.link_glamour { clear: both; margin-top: 2px; margin-bottom: 10px; margin-left: 10px; }
	#piercing_bold { width: 683px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#dame_bold { width: 383px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
/*</agl.folder>*/
/*<agl.folder "beispiel">*/
	#tafelo { background-image: url(../beispiele/beispiele/iimage/gedenktafel_o.jpg); width: 250px; height: 208px; float: left; margin: 20px 10px 20px 30px; }
	#tafelb { background-image: url(../beispiele/beispiele/iimage/gedenktafel_b.jpg); width: 250px; height: 208px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
/*</agl.folder>*/
/*<agl.folder "portrait">*/
	#port { width: 500px; height: 100%; margin-bottom: 20px; }
	#dame { background-color: purple; background-image: url('../digitale colorierung/img/5.jpg'); width: 154px; height: 200px; margin-top: 5px; margin-left: 20px; }
	#dametext {  }
	#fredi { background-image: url('../digitale colorierung/img/fredric-leindwand-40x50.jpg'); width: 168px; height: 200px; float: left; margin-top: 5px; margin-left: 20px; border-top-width: 10px; border-bottom-width: 10px; border-left-width: 50px; }
	#fredio { background-image: url('../digitale colorierung/img/fredi_o.jpg'); width: 134px; height: 200px; float: left; margin-top: 5px; margin-left: 30px; }
	#freditext { float: left; }
	#julian { clear: both; background-image: url('../digitale colorierung/img/julian.jpg'); width: 188px; height: 250px; float: left; margin-top: 5px; margin-left: 20px; }
	#nap { background-image: url('../digitale colorierung/img/napoleon-bearbeitet-Kopie.jpg'); width: 188px; height: 250px; float: left; margin-top: 5px; margin-left: 15px; border-top-width: 10px; border-bottom-width: 10px; border-left-width: 10px; }
	#juliantext { display: inline; float: left; 
	 }
	#warhol { 
	clear: both;
	background-image: url('../digitale colorierung/img/portrait-warhole.jpg'); width: 190px; height: 250px;  margin-top: 5px; margin-left: 20px; }
	#warholtext {  }
/*</agl.folder>*/
/*<agl.folder "fotorestauration">*/
	#keller_org { width: 300px; height: 212px; float: left; margin: 10px 10px 20px 20px; }
	#keller_bea { width: 300px; height: 208px; float: left; margin-top: 14px; margin-bottom: 20px; }
	#schuetzenfest { background-color: #333; width: 300px; height: 226px; float: left; margin-right: 10px; margin-left: 20px; }
	#schuetzenfest_b { background-color: transparent; width: 300px; height: 226px; float: left; margin-top: 7px; }
	#digitale_colorierung_schuetzenfest_schwarz_weiss { background-image: url(../fotorestauration/img/fotorestauration_fotos_colorieren_schuetzenfest_bearb.jpg); width: 300px; height: 211px; float: left; margin: 10px 10px 20px 20px; }
	#digitale_colorierung_liz_org { width: 233px; height: 300px; float: left; margin: 10px 10px 20px 20px; }
	#digitale_colorierung_liz_bea { width: 233px; height: 300px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#digitale_colorierung_tarzan_org { width: 229px; height: 300px; float: left; margin: 10px 10px 20px 20px; }
	#digitale_colorierung_tarzan_bea { width: 229px; height: 300px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#digitale_colorierung_marilyn_org { width: 247px; height: 300px; float: left; margin: 10px 10px 20px 20px; }
	#digitale_colorierung_marilyn_bea { width: 247px; height: 300px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#digitale_colorierung_klassenfoto_bea { width: 356px; height: 211px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#digitale_colorierung_klassenfoto_org { width: 356px; height: 211px; float: left; margin: 10px 10px 20px 20px; }
	#fotorestau_gross { width: 600px; height: 452px; margin-top: 20px; margin-left: 30px; }
	#fotorestau_text { clear: both; margin-right: 20px; margin-left: 20px; border-bottom: 1px solid #8f94e9; }
	#digitale_colorierung_fotorestau_bunt { background-color: transparent; width: 300px; height: 211px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#arnhold1 { width: 169px; height: 250px; float: left; margin-right: 10px; margin-bottom: 20px; margin-left: 20px; }
	#arnhold1_b { width: 167px; height: 250px; float: left; margin-bottom: 20px; }
	#arnhold2 { width: 188px; height: 250px; float: left; margin: 10px 10px 20px 20px; }
	#arnhold2_b { bottom: 20px; width: 187px; height: 250px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#arnhold1_gross { width: 284px; height: 420px; margin-top: 20px; margin-left: 30px; }
	#arnhold2_gross { width: 316px; height: 420px; margin-top: 20px; margin-left: 30px; }
	#hochzeit_org { width: 300px; height: 399px; float: left; margin: 10px 10px 20px 20px; }
	#hochzeit_bea { width: 300px; height: 399px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#geschwister_org { width: 300px; height: 218px; float: left; margin: 10px 10px 20px 20px; }
	#geschwister_bea { width: 300px; height: 218px; float: left; margin-top: 10px; margin-bottom: 20px; }
	#klassenfoto_org { width: 300px; height: 178px; float: left; margin: 10px 10px 20px 20px; }
	#klassenfoto_bea { width: 300px; height: 178px; float: left; margin-top: 10px; margin-bottom: 20px; }
/*</agl.folder>*/
/*<agl.folder "navigation">*/
	#navigation { background-color: #222; background-image: none; background-position: 0 0; position: absolute; top: 350px; left: 5px; width: 200px; margin-left: 25px; padding-left: 5px; border-top: 1px solid #111; border-bottom: 1px solid #111; border-left: 2px solid #111; border-right-color: #111; border-right-style: solid; }
	#navibeispiel a { 
padding-left: 20px; 
}
	#navigation a {
text-decoration: none;
color: #8f94e9;
font-size: inherit;
font-weight: bold;
}
	#navigation a:hover {
color: #f0ebeb;
background: #444
}
	#navigation a.active { color: #f0ebeb; background-color: #444; text-decoration: none; }
	#navigation ul { font-size: 12px; padding-top: 3px; padding-bottom: 3px; list-style-type: none; }
	#navigation li { padding-top: 3px; padding-bottom: 3px; }
/*</agl.folder>*/

.bilderueberschrift { margin-top: 10px; margin-right: 50px; margin-left: 50px; padding: 3px 5px; }
#mo { margin-top: 20px; margin-left: 50px; }
#link1 { margin-top: 15px; margin-left: 50px; }
#radio { width: 180px; height: 400px; margin-top: 10px; margin-bottom: 10px; }
/*<agl.folder "formular">*/
	#formular { background-color: #333; margin-top: 5px; margin-bottom: 20px; margin-left: 5px; }
	.dataleft { color: #9bafcb; font-size: 12px; background-color: #333; width: 80px; float: left; margin-top: 7px; margin-bottom: 7px; margin-left: 5px; }
	.dataright { color: #9bafcb; font-size: 12px; background-color: #333; width: 300px; float: left; margin-top: 7px; margin-bottom: 7px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: solid 1px #c8c5c5; }
	 
	.formzeile {
	  clear: both;
	 }
	 
	 form input {
	 background-color: #333333;
	 
	 
	 }
/*</agl.folder>*/
/*<agl.folder "partner">*/
	#partner { position: absolute; top: 520px; left: 5px; width: 180px; height: auto; margin-left: 25px; }
	#partner p { font-size: 9px; }
	.partnertext { margin-top: 5px; margin-bottom: 5px; }
/*</agl.folder>*/
/*<agl.folder "angebot">*/
	#angebot { background-color: #222; position: absolute; top: 520px; left: 5px; width: 200px; visibility: hidden; padding: 5px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 2px solid #000; border-right-color: #000; border-right-style: solid; }
	#angebot p { margin-top: 2px; margin-bottom: 2px; }
/*</agl.folder>*/
/*<agl.folder "tilt">*/
	#tilt { color: #8f94e9; font-weight: bold; line-height: 22px; margin-top: 20px; margin-left: 40px; }
/*</agl.folder>*/
#angebot1  h5 { color: #9bafcb; font-size: 26px; background-color: #555; margin-top: 30px; margin-bottom: 20px; margin-left: 5px; padding-left: 20px; }
/*<agl.folder "fotoschau">*/
	#burg { width: 200px; height: 133px; float: left; margin-top: 30px; margin-right: 10px; margin-left: 20px; }
	#engerstrasse { width: 221px; height: 133px; float: left; margin-top: 30px; }
	#kirchplatz { width: 266px; height: 133px; float: left; margin-top: 16px; margin-right: 10px; margin-left: 20px; }
	#kirche { width: 200px; height: 133px; float: left; margin-top: 16px; margin-right: 10px; }
	#kuhstrasse { width: 93px; height: 140px; float: left; margin: 10px 10px 20px 20px; }
	#viehmarkt { width: 199px; height: 133px; float: left; margin-top: 10px; margin-bottom: 20px; }
/*</agl.folder>*/
.angebot { font-size: 16px; margin-left: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; }
/*<agl.folder "tierportrait">*/
	#hund { width: 198px; height: 205px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
	#hundportrait { width: 200px; height: 250px; float: left; margin: 10px; }
	#katze { width: 375px; height: 250px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
	#katze_grunge { width: 375px; height: 250px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
	#floh { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
	#hundehimmel { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
	#katze1 { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; }
	#katzenhimmel { float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
	.clear { clear: both; }
	#katze_bold { width: 683px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#hund_bold { width: 364px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#hundehimmel_bold { width: 569px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
	#katzenhimmel_bold { width: 683px; height: 455px; margin-bottom: 30px; margin-left: 30px; }
/*</agl.folder>*/
#text { visibility: hidden; }