* { margin: 0; padding: 0; }
body {  background: #d2d0d1; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #20283d; line-height: 18px; text-align: justify; margin-top:6px; }
a { color: #20283d; }
a img { border: none; }
p { margin: 0 0 1em 0; }

/* ################### AREAS ############### */
#shadow_top { background: url(/images/shadow_top.jpg) no-repeat; height: 8px; overflow:hidden; font-size: 0.01px; margin:0 auto; width: 858px; }
#wrapper { 
	width: 850px; 
	padding-right:8px; margin: 0 auto; 
	background: url(/images/shadow_right.jpg) #fcedc4 repeat-y right; 
}
#header { background: #fee389; height: 92px; border-bottom: 2px solid #534f4e; padding: 2px 0 0 15px; }
#logo { float:left; width: 276px; }

/* ##################### Product group ############## */


/* ################## MENU (TOP) ##################### */
#menu { margin: 30px 0 0 358px; font-size: 1.1em; }
#menu ul { list-style: none; }
#menu ul li { float: left; border-right: 1px solid #dbc594; position: relative; }
#menu ul li a { cursor:default; display: block; float: left; padding: 3px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #1c2840; text-decoration: none; }
#menu ul li a:hover { background-color: #dbc594; color: #fff; }
#menu div.submenu { display:none; position: absolute; top: 23px; left:-1px; right: -1px; z-index: 99; border-top: 1px solid #dbc594; }
#menu ul li:hover .submenu { display: block; }
#menu div.submenu ul li { float: none; border: none; background-color: #faf7e4; height: 1%; z-index:99; }
#menu div.submenu ul li a { cursor:pointer; float: none; padding: 4px 10px 4px 8px; height: 18px; border: 1px solid #dbc594; border-width: 0 1px 1px 1px; z-index: 99; }

/* ################# NAVIGATION ##################### */
#navigation { width: 600px; float:left; }
#navigation ul { margin-left: 2px; list-style: none; }
#navigation ul li { border:none;}
/*#navigation ul li a { display: block; width: 182px; height: 26px; background: url(/images/navibg.gif) no-repeat; color: #000; text-decoration: none; font-size: 1.2em; padding: 4px; }*/
#navigation ul li a { display: block; float:left; color: #000; text-decoration: none; font-size: 0.8em; padding: 4px; }

/* ############## CONTENT ################### */
#content { padding: 10px; }
#content strong { color: #444; }
#content h2 { margin: 1em 0 0.7em 0; font-size: 1.2em; font-variant:small-caps; color: #666; }
#content h3 { font-size: 1em; color: #b8a573; margin: 1em 0 0.2em 0; }
#content h4 { font-size: 1em; }
#content p { margin: 0 0 0.5em 0; padding:0; }
#content ul { margin-left: 20px; list-style: square; margin-bottom: 1em; }
#content ol { margin-left: 20px; margin-bottom: 1em; }
#content ul li { margin-bottom: 0.2em; }
#content .slogan { font-size: 1.5em; color: #666; font-style: italic; text-align: center; }
#content .clear { clear: both; font-size: 0.1em; }

/* ####### PAGE-SPECIFIC SETTINGS ########## */
#wrapper .startseite { padding: 0;}
#wrapper .startseite .landing { background: url(/images/content_startseite_bg.jpg) no-repeat; height: 252px; padding:0; }
#wrapper .startseite .landing h1 { 
	color: #928e8f; font-family: "Times New Roman", Times, serif; font-size: 30pt; height: 50px; padding: 27px 0 0 29px; }
#wrapper .startseite .landing h2 { font-family: "Times New Roman", Times, serif; font-size: 2em; margin: 0 0 0.5em 0; }
#wrapper .startseite .landing table.layout { margin: 1em 0 0 20px; }
#wrapper .startseite .landing table.layout td { padding: 0 20px; }
#wrapper .startseite .landing ul { margin-bottom: 0; }
#wrapper .startseite #pgroups { color: #20283d; background-color: #faf7e4; padding-top: 1px; }
#wrapper .startseite .pgroup { width: 281px; margin-right: 3px; float:left; }
#wrapper .startseite .pgroup a { text-decoration: none; }
#wrapper .startseite .pgroup_content { padding: 6px; text-align: justify; }
#wrapper .startseite .pgroup h2 { background: #fdeaa8; font-family: "Times New Roman", Times, serif; font-size: 1.96em; line-height: 10px; height: 28px; margin: 2px 0 11px 0; padding: 5px; text-align: center; font-variant: normal; }
#wrapper .startseite .pgroup h3 { margin: 0 0 6px 0; font-size: 1em; }
#wrapper .startseite .landing .opening table td { padding: 0 10px 0 0; }
#wrapper .startseite .landing .opening h2 { margin: 1em 0 0.7em 0; font-size: 1.6em; font-variant:small-caps; }
#wrapper .augenoptik { background: url(/images/augenoptik_bg.jpg) no-repeat 588px 0px; border: 1px solid #faf7e4; }
#wrapper .augenoptik div.block { width: 316px; padding: 12px; }
#wrapper .augenoptik h2 { margin-top:0; }
#wrapper .uhren { background: url(/images/uhr_citizen.jpg) #fcedc4 no-repeat 400px 20px; padding-right: 510px; border: 1px solid #faf7e4; }
#wrapper .uhren h2, #wrapper .schmuck h2, #wrapper .pokale h2 { margin-top:0; }
#wrapper .schmuck { background: url(/images/schmuck_bg.jpg) no-repeat top right; border: 1px solid #faf7e4; }
#wrapper .pokale { background: url(/images/pokal_bg.jpg) no-repeat 160px 0; padding-right:510px; height: 350px; border: 1px solid #faf7e4; }
#wrapper .sonderaktion { padding:0; border: 1px solid #faf7e4; position: relative; }
#wrapper .sonderaktion .link { position: absolute; right:0; bottom:0; display: block; width: 20px; height: 20px; text-decoration: none; }
#wrapper .kontakt { padding: 12px; }
#wrapper .unternehmen { padding: 22px; }
#wrapper .team ul { list-style: square; margin-left: 160px; margin-top: 1em; }
#wrapper .team { min-height: 439px; padding: 20px; }
.team_left img, .team_left_col img { float: left; margin: 0 8px 4px 0; padding: 2px; border: 1px solid #ccc; }
.team_right img, .team_right_col img { float: left; margin: 0 8px 4px 0; padding: 2px; border: 1px solid #ccc; }
/*.team_right { text-align: right; }*/
.team_left_col { float: left; width: 390px; }
.team_right_col { border:none; margin-left: 405px; }

/* ################# FORMS ########################## */
dl { margin: 1em 0 2em 2em; }
dt { float:left; color: #444; font-weight: bold; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea, textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #abadb3 #e3e9ef #e3e9ef #abadb3;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
	-moz-border-radius: 3px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #5492a1 #78cde2 #78cde2 #5492a1; 
}
span.light { color: #888; font-size: 0.8em; }
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }
#wrapper .o2k7SkinSilver .mceExternalToolbar, 
#wrapper .o2k7SkinSilver .mceListBox .mceText, 
#wrapper .o2k7SkinSilver div.mceMenu, 
#wrapper .o2k7SkinSilver table.mceLayout, 
#wrapper .o2k7SkinSilver .mceMenuItemTitle a, 
#wrapper .o2k7SkinSilver table.mceLayout tr.mceFirst td, 
#wrapper .o2k7SkinSilver table.mceLayout, 
#wrapper .o2k7SkinSilver .mceMenuItemTitle a, 
#wrapper .o2k7SkinSilver table.mceLayout tr.mceLast td, 
#wrapper .o2k7SkinSilver .mceIframeContainer { border-color: #cec; }

/* ############# FOOTER ################## */
#footer { padding: 0 5px 5px 5px; width: 848px; margin: 0 auto; background: url(/images/shadow_bottom.jpg) #d2d0d1 no-repeat top; }
.footer_content { padding: 7px; font-size: 0.8em; }
#footer_tabs { float:right; }
#footer_tabs ul { list-style: none; }
#footer_tabs ul li { float: left; }
#footer_tabs ul li.footer_tab_shadow_left { background: url(/images/footer_tab_bg.jpg) no-repeat left; width: 2px; height: 34px; }
#footer_tabs ul li a { 
	font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; 
	text-decoration: none; color: #152153;
	background: url(/images/footer_tab_bg.jpg) no-repeat top right; 
	height: 22px; padding: 6px 10px 6px 10px; margin-right: 4px;
	float: left; display: block;  
}

