@charset "utf-8";
*												{ outline:none; }
html										{ font-size:101%}
body										{ background:#FFFFFF; }

div, ul, li, p, a, span,
h1, h2, h3, h4, label		{ margin:0; padding:0; border:0; font:10px/10px Verdana, Arial, Helvetica, sans-serif; }
img											{ margin:0; padding:0; border:0; }
table, tr, td						{ margin:0; padding:0; border:0; }
p, h2, label						{ font:1.2em/1.2em Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; letter-spacing:0.1em; }
h1											{ font:1px/1px Arial, Helvetica, sans-serif; visibility:hidden}

img#logo_ani						{ border:0; margin:27px 0 30px 56px; }

a.tophome1							{ display:block;text-decoration:none; height:100px; width:190px;}
a.tophome2							{ display:block;text-decoration:none; height:115px; width:107px;}
a.topcontact						{ display:block;text-decoration:none; height:30px; width:470px;}

div.center							{ text-align:center; }

/* HOME */

#index_logobox							{ width:490px; height:430px; border:none; padding:0; margin:20px 0 0 20px;}
#index_logobox .logo 				{ width:415px; height:403px; border:none; padding:0; margin:10px 0 0 35px; background:url(eyemax_logo_ani_new.gif) 0px 0px no-repeat;}
#index_logobox a 						{ width:415px; height:403px; display:block; text-decoration:none;}

#bannerbox									{ margin:20px 0 0 20px; width:492px; height:100px; }
#bannerbox a								{ border:0; text-decoration:none; }
#bannerbox img							{ border:0; }

div#top_claim								{ width:497px; margin:40px 0 20px 20px; border:0; padding:0; }

div#home_intro 							{ width:470px; margin:20px 0 0 50px; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#00519c; letter-spacing:0.05em;}

div#home_intro p,
div#home_intro div,
div#home_intro a,
div#home_intro ul,
div#home_intro li						{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#00519c; letter-spacing:0.05em; }

#home_intro_title						{ display:block; margin:40px 0 0 20px; width:490px; color:#7E7E7E; font:10px/20px Verdana, Arial, Helvetica, sans-serif; text-indent:10px; letter-spacing:0.1em; background:url(header_verlauf.gif) 0px 0px no-repeat;}

/* PIC OF THE MONTH */

.potm_title									{ display:block; margin:0 0 0 20px; width:490px; height:54px; background:url(potm_title.gif) 0 0 no-repeat;}

div.ttlbox									{ display:block; width:490px; background:none; height:20px; }
div.ttlbox .ttl_l						{ background:url(title_left.gif) 0 0 no-repeat; float:left; width:10px;}
div.ttlbox .ttl_m						{ background:url(title_mid.gif) 0px 0px repeat-x; float:left;}
div.ttlbox .ttl_r						{ background:url(title_right.gif) 0 0 no-repeat; float:left; width:10px;}

div.ttlbox,
div.ttlbox div,
div.ttlbox span							{ font:10px/20px Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; padding:0; margin:0; letter-spacing:0em; font-weight:bold; color:#666666;}

#potm												{ margin:0 0 0 20px; width:490px; position: relative;}
#potm div.rndtop						{ height:20px;line-height:20px;margin:0;padding:0;width:490px;background:url(potm_top.gif) 0px 0px;}
#potm a											{ margin:0;padding:0;width:490px;text-decoration:none; background:none; border:0; display:block;}
#potm a:hover								{ background:url(potm_img_over_zoom.gif) 450px 10px no-repeat;}
div.footbox									{ width:490px; font:10px/15px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 20px; padding:5px 0 0 0;}
div.footbox p								{ width:470px; margin:0 0 0 10px; font:10px/15px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.02em;}
div.footbox .rndbot					{ width:490px; margin:0; padding:0; height:10px; line-height:10px; background:url(potm_bottom.gif) 0 100% no-repeat; }

#potm2											{ display:block; margin:0 0 0 20px; width:490px; position:relative; background-color:#c7c7c7;}
#potm2 .rndtop							{ display:block; height:10px; line-height:10px; margin:0; padding:0; width:490px; background:url(potm2_top.gif) 0px 0px;}
#potm2 .rndmid							{ display:block; margin:0; padding:0; width:490px; background-color:#c7c7c7;}
#potm2 .rndbot							{ display:block; height:10px; line-height:10px; margin:0; padding:0; width:490px; background:url(potm_bottom.gif) 0px 100%; clear:both;}

#potm2 .pimg								{ width:150px; height:100px; float:left; position:relative; margin:5px 0 5px 10px; padding:0;}
#potm2 .pimg a							{ display:block; width:150px; height:100px; text-decoration:none; margin:0; padding:0; background:url(potm_tbut_off.gif) no-repeat;}
#potm2 .pimg div.spacer			{ display:block; width:150px; height:100px; text-decoration:none; margin:0; padding:0; background:url(potm_tbut_spacer.gif) no-repeat;}
#potm2 .pimg a:hover				{ background:url(potm_tbut_on.gif) no-repeat; }
#potm2 .pimg p							{ position:absolute; bottom:9px; right:9px; width:110px; font:10px/15px Verdana, Arial, Helvetica, sans-serif; text-align:right; }
#potm2 .pimg p span					{ font:10px/20px Verdana, Arial, Helvetica, sans-serif; padding:1px;}
#potm2 #active a						{ background:url(potm_tbut_active.gif) no-repeat; }

/* STRUKTUR */

#cPage											{ height:500px; width:795px; margin-left:auto; margin-right:auto; margin-top:25px; text-align:left;}
#cBody 											{ background:url(bgmain.gif) top left repeat-y; width:795px; } /* height:520px */
#cFoot											{ width:795px; height:22px; background:url(footer.gif) no-repeat top left; }

/* HEADER */

#cHead											{ height:115px; width:830px; padding:0; margin:0; white-space:nowrap; z-index:1}
#cHead #hleft								{ height:115px; width:200px; padding:0; margin:0; background:url(header_logo.gif) no-repeat top left; float:left;}
#cHead #hmid								{ height:115px; float:left; padding:0; margin:0; }
#cHead #hmid1								{ height:47px; width:488px; padding:0; margin:0; background:url(header_middle.gif) no-repeat top left;}
#cHead #hmid2								{ height:68px; width:488px; padding:0; margin:0; }
#cHead #hright 							{ height:115px; width:107px; padding:0; margin:0; background:url(header_logo_round.gif) no-repeat top left; float:left;}

#cHead .blog				#hmid2 	{ background:url(header_blog.gif) no-repeat top left;}
#cHead .contact 		#hmid2 	{ background:url(header_contact.gif) no-repeat top left;}
#cHead .eyemax 			#hmid2 	{  }
#cHead .imprint			#hmid2 	{ background:url(header_imprint.gif) no-repeat top left;}
#cHead .news				#hmid2 	{ background:url(header_news.gif) no-repeat top left;}
#cHead .photos 			#hmid2 	{ background:url(header_photos.gif) no-repeat top left;}
#cHead .ref					#hmid2 	{ background:url(header_ref.gif) no-repeat top left;}
#cHead .studio			#hmid2 	{ background:url(header_studio.gif) no-repeat top left;}
#cHead .postershop	#hmid2 	{ background:url(header_postershop.gif) no-repeat top left;}
#cHead .index	#hmid2 				{ background:url(header_index.gif) no-repeat top left;}

#cHead .index 			#hright	{ background:url(header_logo_round_plain.gif) no-repeat top left; }
#cHead .eyemax 			#hright	{ background:url(header_logo_round_plain.gif) no-repeat top left; }

div#cMenu										{ width:200px; float:left; }
#cMain											{ width:510px; float:left; }

#cContent										{ width:510px; margin-top:0; }

#cMenu ul										{ list-style:none; margin:7px 0 0 13px; width:150px;}
#cMenu ul.spc								{ margin:20px 0 0 13px; }
#cMenu ul li								{ background:url(mnu_off.gif) left no-repeat; height:20px; }
#cMenu ul li a							{ display:block; text-decoration:none; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#00519c; margin:0 0 0 20px;}
#cMenu ul li a:hover				{ color:#870000; }

#cMenu ul li a span					{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#00519c; }

#cMenu ul li.spacer					{ background:none; }

#cMenu ul li.active					{ background:url(mnu_on.gif) left no-repeat; }
#cMenu ul li.active a 			{ font-weight:bold; color:#870000; }

#cMenu ul li.groupactive		{ background:url(mnu_on.gif) left no-repeat; }
#cMenu ul li.groupactive a 	{ font-weight:bold; color:#00519c; }

#cMenu ul li.sub1						{ background:url(mnu_sub1.gif) left no-repeat; margin:0 0 5px 15px; }
#cMenu ul li.sub2						{ background:url(mnu_sub2.gif) left no-repeat; margin:0 0 0 15px;}
#cMenu ul li.sub1 a 				{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#00519c; }
#cMenu ul li.sub2 a 				{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#00519c; }
#cMenu ul li.sub1 a:hover		{ color:#870000;}
#cMenu ul li.sub2 a:hover		{ color:#870000;}
#cMenu ul li.sub1active			{ background:url(mnu_sub1.gif) left no-repeat; margin:0 0 5px 15px; }
#cMenu ul li.sub2active			{ background:url(mnu_sub2.gif) left no-repeat; margin:0 0 0 15px; }
#cMenu ul li.sub1active a 	{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#870000; }
#cMenu ul li.sub2active a 	{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#870000; }

#cMenu a.xhtml_check				{ display:block; padding:0;margin:40px 0 15px 35px;border:0;text-decoration:none; clear:both; width:88px;height:31px; background:url(valid-xhtml10-blue_off.gif) 0 0 no-repeat;}
#cMenu a.xhtml_check:hover	{ background:url(valid-xhtml10-blue_on.gif) 0 0 no-repeat;}

#cMain ul.referenzen				{ list-style:none; width:235px; float:left; margin:0 20px 0 0;}
#cMain ul.referenzen li			{ font:13px/25px Verdana, Arial, Helvetica, sans-serif; color:#7E7E7E;}

/* REFERENZEN */

#ref												{ margin:10px 0 20px 20px; height:350px}
#ref ul											{ list-style:none; }
#ref li											{ width:auto; padding:0 2em 0 0; float:left; font-size:1.4em; white-space:nowrap; word-spacing:0.1em; letter-spacing:0.05em; line-height:3em;}
#ref li.ref1								{ color:#3A5385; }
#ref li.ref2								{ color:#44619B; }
#ref li.ref3								{ color:#22304D; }
#ref li.ref4								{ color:#607CB9; }
#ref ul:hover li						{ color:#333333; }
p.refinfo										{ width:500px; margin:20px 0 20px 20px; font:1em/1em Arial, Helvetica, sans-serif; color:#999999; letter-spacing:0.1em}

/* STUDIO */

#studio											{ margin:12px 0 18px 20px; background:url(cam_neu.jpg) left no-repeat; width:492px; height:350px}
#studio div									{ width:270px; float:right; margin:20px 0 0 0;}
#studio ul									{ width:270px; float:right; margin:20px 0 0 0; list-style:none;}
#studio li									{ padding-left:15px; background:url(bullet_single.gif) 0px 50% no-repeat; color:#00519c}
#studio p,
#studio div,
#studio div p,
#studio div ul,
#studio div ul li,
#studio div ul li p					{ letter-spacing:0.02em; font:13px/30px Arial, Helvetica, sans-serif; color:#00519c}

/* POSTERSHOP */

div#postershop							{ display:block; margin:0; padding:0; border:0; position:relative; }
div#postershop h2						{ font:13px/30px Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 20px; color:#00519c;}
div#postershop h4						{ font:10px/30px Arial, Helvetica, sans-serif; margin:10px 0 0 20px; color:#00519c;}
div#postershop h4 a					{ font:13px/30px Arial, Helvetica, sans-serif; text-decoration:none; color:#870000;}
div#postershop h4 a:hover		{ text-decoration:underline;}
div#posterframe							{ width:995px; margin-left:auto; margin-right:auto; margin-top:0; text-align:left;}
iframe#posterframe					{ width:995px; height:800px; margin:0 0 0 -122px; padding:0; border:0; text-align: left;}

/* PHOTOS */

#photos											{ display:block; margin:20px 0 0 20px; width:490px; position:relative; }

#photos	img									{ margin:0;width:150px;height:150px; }

#photos .fImage1,
#photos .fImage2,
#photos .fImage3						{ width:150px; height:150px; background:url(noimage.gif) repeat;}

#photos .fImage1						{ float:left; margin:0 20px 20px 0; position:relative; }
#photos .fImage2						{ float:left; margin:0 0 20px 0; position:relative; }
#photos .fImage3						{ float:right; margin:0 0 20px 0; position:relative; }

#photos .fImage1 a,
#photos .fImage2 a,
#photos .fImage3 a					{ width:150px; height:150px; display:block; text-decoration:none;}

#photos .fImage1 a:hover,
#photos .fImage2 a:hover,
#photos .fImage3 a:hover		{ background:url(img_over_zoom.gif) no-repeat; }

#contactform								{ margin:20px 0 20px 20px;}
#contactform fieldset				{ margin:0; border:0; padding:0;}
#contactform h2							{ color:#666666; }
#contactform p							{ margin:0 0 10px 0;}
#contactform label, input		{ font:1.2em/1.2em Arial, Helvetica, sans-serif; float:left;}
#contactform label					{ margin:10px 0 5px 0;  border-top:1px dotted #999999; letter-spacing:0.1em; width:151px; float:left;}
#contactform input.txtbox		{ margin:10px 0 5px 0;  border:1px solid #999999; letter-spacing:0.1em; width:200px; float:left;}
#contactform textarea				{ margin:10px 0 5px 0;  border:1px solid #999999; letter-spacing:0.1em; width:200px; float:left; height:100px;}
#contactform #submit				{ margin:92px 8px 0 0;  border:1px dotted #999999; letter-spacing:0.1em; width:100px; float:right;}
#contactform #submit:hover	{ border:1px solid #999999;}

#imprint										{ margin:20px 0 20px 20px;}

#imprint p.imprint_head			{ margin:0 0 10px 0; width:489px; height:20px; font:12px/20px Arial, Helvetica, sans-serif; border-bottom:1px dotted #00519c; color:#00519c; clear:both;} 

#imprint label							{ width:70px; clear:left; float:left; letter-spacing:0.1em; line-height:1.4em; }
#imprint p, #imprint a			{ line-height:1.4em;}
#imprint br									{ margin-top:5px; }
#imprint p.phone						{ float:left;}

#imprint_left								{ float:left; width:240px; margin:20px 0 40px 0; border-right:1px dotted #999999;}
#imprint_right							{ float:left; width:220px; margin:20px 0 40px 20px;}

#imprint_right label				{ width:70px; float:left; letter-spacing:0.1em; line-height:1.4em; }
#imprint_right p						{ width:150px; float:right; letter-spacing:0.1em; line-height:1.4em; }

#imprint #anfahrtskizze					{ width:488px;padding:0;margin:0;border:0; }
#imprint #anfahrtskizze object	{ width:488px; height:300px; margin:0;padding:0;border:0; }

#imprint_copyright,
#imprint_madeby,
#imprint_disclaimer 				{ margin-top:20px; clear:both; font:11px/13px Verdana, Arial, Helvetica, sans-serif; }

#imprint_copyright p,
#imprint_disclaimer p,  
#imprint_copyright a,
#imprint_disclaimer a				{ font:12px/16px Arial, Helvetica, sans-serif; color:#333333; }
														
#imprint_madeby div					{ font:12px/16px Arial, Helvetica, sans-serif; width:488px; height:50px; background:url(made_by_medienhochdrei_imprint.gif) top right no-repeat; }
#imprint_madeby p						{ font:12px/16px Arial, Helvetica, sans-serif; color:#333333; padding-bottom:5px;}
#imprint_madeby a						{ font:12px/16px Arial, Helvetica, sans-serif; color:#696969; text-decoration:none; letter-spacing:0.05em;}

#imprint_madeby div.madeby	{ display:block; width:488px; background:url(made_by_medienhochdrei_imprint.gif) top right no-repeat; }

a#medienhochdrei 						{ margin-left:32px; font:9px/35px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
a#medienhochdrei:hover 			{ color:#ac3534; }

#newsbox 										{ display:block; width:177px; margin:40px 0 0 21px; padding:0; border-top:1px dotted #7E7E7E;}
#newsbox fieldset						{ margin:0; width:157px; border:0; margin-left:5px; }
#newsbox fieldset.more			{ margin-bottom:5px; }
#newsbox p.title						{ color:#7E7E7E; line-height:30px;}
#newsbox h1, 
#newsbox p, 
#newsbox span,
#newsbox a									{ width:161px; margin-top:5px; font:10px/15px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0; padding:0;}
#newsbox h1									{ width:161px; color: #00519c; visibility:visible; font-weight:bold;}
#newsbox p									{ width:161px; color: #666666;}
#newsbox span.newsdate			{ color: #AAAAAA;}
#newsbox p.more							{ margin-top:5px; margin-bottom:8px; }
#newsbox a									{ color: #870000; text-decoration:none; }
#newsbox a:hover						{ color: #00519c;}

#news												{ margin:20px 0 0 20px; height:500px; width:540px; overflow:auto;}
#news div										{ margin:0; width:480px; padding:0}

#newsmenu, #newsmenu ul,
#newsmenu li, #newsmenu a,
#newsmenu a span						{ white-space:normal; font:1.05em/1.05em Arial, Helvetica, sans-serif; letter-spacing:0; text-decoration:none; color:#00519c; padding:0; margin:0;}
#newsmenu a:hover						{ text-decoration:underline;}
#newsmenu a#active span			{ color:#990000}
#newsmenu li								{ padding:2px 0 2px 20px; background:url(bullet_single.gif) left no-repeat;}

#newscontent								{ border-top:1px dotted #990000; margin:20px 0 0 0; padding:20px 0 0 0; width:491px;}
#newscontent ul							{ list-style:none; width:465px;}
#newscontent li							{ width:470px; padding:0 2em 0 0; margin-bottom:20px}
#newscontent li p,
#newscontent li span				{ width:470px; white-space:normal; font:1.2em/1.6em Arial, Helvetica, sans-serif; letter-spacing:0.02em;}
#newscontent li p.newsdate	{ color: #870000; font:1em/1em Arial, Helvetica, sans-serif; margin:5px 0 20px 0; }
#newscontent li p.title			{ color: #00519c; font-weight:bold; margin:5px 0 5px 0; font:2em/2em Arial, Helvetica, sans-serif;}
#newscontent div.newstext,
#newscontent div.newstext p	{ font:1.2em/1.6em Arial, Helvetica, sans-serif; letter-spacing:0.02em; }

#photolinks									{ width:510px; height:180px; margin:0 0 20px 210px;}
#photolinks ul 							{ width:510px; list-style:none; margin:5px 0 0 10px; padding:0; color:#666666}
#photolinks ul li						{ float:left; color:#C6C6D9; margin:0; padding:0 5px 5px 0;}
#photolinks p, 
#photolinks a,
#photolinks ul li,
#photolinks ul li a					{ font:11px/18px Arial, Helvetica, sans-serif;}
#photolinks a								{ color:#adbde4; text-decoration:none; margin:0;}
#photolinks a:hover					{ color:#00519c; text-decoration:underline; }
#photolinks p								{ display:block; margin-bottom:10px; color:#C6C6D9; margin:5px 0 0 10px; }
#photolinks ul li a 				{ background:transparent; padding:2px 8px 2px 8px; border:1px solid #adbde4}
#photolinks ul li a:hover 	{ background:#00519c; color:white; text-decoration:none; border:1px solid #00519c; }

#msg_dev_stats_disabled				{ position:fixed; top:2px; left:2px; margin:0;padding:0; z-index:99; width:152px; height:23px; background:url(msg_stats_disabled.gif) no-repeat; font-size:1px;line-height:1px}
#msg_dev_stats_disabled:hover	{ background:url(msg_stats_recover.gif) no-repeat; }
#msg_dev_stats_disabled a			{ display:block; width:152px; height:23px; margin:0;padding:0;font-size:1px;line-height:1px;text-decoration:none}

.bold												{ font-weight:bold;}
.grey												{ color:#999999; }
.darkgrey										{ color:#666666; }
.blue												{ color:#00519c; }
.clr												{ clear:both; height:1px;font-size:1px; line-height:1px;}
br.clear										{ clear:both; height:10px; line-height:10px;}
.mt10												{ margin-top:10px;}
.mt15												{ margin-top:15px;}
.fl													{ float: left; }
.fr													{ float: right; }
.medienhochdrei							{ font:13px/16px Arial, Helvetica, sans-serif; font-weight:bold; color:#AC3534; }