/*
 * Werkzeugforum Ratgeber
 * framework.css
 * Rahmendesign
 */

html, body	{ margin: 0; padding: 0; }
body			{ background: #EFEFEF url(../graphics/web_global_linev.gif) repeat-y; }
p				{ font: normal 0.8em/1.4em verdana; text-align: justify; }
a				{ text-decoration: none; color: #333333; }
img			{ border: 0; }

h1					{ font: normal 1.2em/1.8em verdana; color: #333333; }
.teaser h1		{ font: normal 1.2em/1.8em verdana; color: #FFFFFF; }
.text_bottom		{ font: bold 0.6em/1.0em verdana; color: #CCCCCC; margin-left: 5px; }

.subnav_text		{ font: bold 0.6em/1.0em verdana; color: #FFFFFF; text-transform: uppercase; }

a:link, a:visited		{ text-decoration: underline; }
a:hover, a:active		{ text-decoration: none; }

a.subnav_link:link, a.subnav_link:visited			{ text-decoration: none; color: #FFFFFF; }
a.subnav_link:hover, a.subnav_link:active		{ text-decoration: none; color: #333333; }

a.subnav_hover:link, a.subnav_hover:visited		{ text-decoration: none; color: #FF9933; }
a.subnav_hover:hover, a.subnav_hover:active	{ text-decoration: none; color: #333333; }

a.dirnav:link, a.dirnav:visited		{ font: bold 1.0em/1.6em verdana; text-decoration: none; color: #FF9933; vertical-align: bottom; }
a.dirnav:hover, a.dirnav:active	{ text-decoration: none; color: #333333; }

a.nav:link, a.nav:visited				{ font: bold 0.8em/1.2em verdana; text-decoration: none; color: #333333; }
a.nav:hover, a.nav:active			{ text-decoration: underline; color: #333333; }

a.logout:link, a.logout:visited		{ font: bold 0.8em/1.2em verdana; text-decoration: none; color: #333333; display:block; background: url(../graphics/web_icon_logout.gif) no-repeat; margin-top: 2px; padding: 0 0 0 20px; }
a.logout:hover, a.logout:active	{ color: #FF9933; display: block; background: url(../graphics/web_icon_logoutactive.gif) no-repeat; }
a.login:link, a.login:visited			{ font: bold 0.8em/1.2em verdana; text-decoration: none; color: #333333; display:block; background: url(../graphics/web_icon_login.gif) no-repeat; margin-top: 37px; margin-left: 45px; padding: 0 0 0 20px; }
a.login:hover, a.login:active			{ color: #FF9933; display: block; background: url(../graphics/web_icon_loginactive.gif) no-repeat; }


a.dir_folder:link, a.dir_folder:visited,
a.dir_addfolder:link, a.dir_addfolder:visited,
a.dir_detail:link, a.dir_detail:visited				{ font: normal 0.8em/1.0em verdana; text-decoration: none; color: #333333; display:block; margin-top: 2px; padding: 0 0 0 20px; }

a.dir_folder:link, a.dir_folder:visited				{ background: url(../graphics/web_symbol_category.gif) no-repeat; }
a.dir_addfolder:link, a.dir_addfolder:visited	{ background: url(../graphics/web_symbol_categoryadd.gif) no-repeat; }
a.dir_detail:link, a.dir_detail:visited				{ background: url(../graphics/web_symbol_detail.gif) no-repeat; }

a.dir_folder:active, a.dir_folder:hover,
a.dir_addfolder:active, a.dir_addfolder:hover	{ color: #FF9933; background: url(../graphics/web_symbol_categoryhover.gif) no-repeat; }

a.dir_detail:active, a.dir_detail:hover			{ color: #FF9933; background: url(../graphics/web_symbol_detailhover.gif) no-repeat; }

.text_sidebar	{ font: normal 0.8em/1.6em verdana; text-align: justify; }
.head_input		{ font: normal 0.6em/1.9em verdana; text-transform: uppercase; }


/* GLOBAL Container */

#global_container	{ width: 100%; background: url(../graphics/web_global_fade.jpg) repeat-x; float: left; }


/* LOCAL Container */

#local_container	{width: 882px; background: #FFFFFF url(../graphics/web_content_linev.gif) left repeat-y; float: left; }
#local_head			{ width: 882px; background: #FFFFFF url(../graphics/web_head_close.gif) top right no-repeat; float: left; }
#local_sidebar		{ width: 300px; min-height: 600px; background: #FFFFFF; float: left; }
#local_content		{ width: 564px; min-height: 580px; border-left: 1px #CCCCCC solid; background: #FFFFFF; margin-left: 10px; margin-right: 2px; padding-left: 5px; float: left; }
#local_bottom		{ width: 882px; height: 20px; background: #FFFFFF url(../graphics/web_bottom_close.gif) top left no-repeat; float: left;}


/* HEAD Container */

#head_logo					{ width: 301px; height: 81px; float: left; }
#head_roof					{ width: 561px; height: 37px; background: url(../graphics/web_head_roof.jpg) no-repeat; float: left; }
#head_navigation			{ width: 562px; height: 20px; border-bottom: 1px #FFFFFF solid; background: #EFEFEF url(../graphics/web_smooth_topleft.gif) left no-repeat; margin-top: 78px; margin-left: 310px; padding-left: 8px; float: none; }
#head_close				{ width: 20px; height: 99px; background: url(../graphics/web_head_close.gif) no-repeat; float: right; }
.subnavigation, 
.subnavigation_hover	{ height: 18px; border: 1px #CCCCCC solid; background: #CCCCCC; text-align: center; margin-left: 7px; margin-top: 7px; padding-left: 5px; padding-right: 5px; padding-top: 10px; float: right; }
.subnavigation_hover	{ border: 1px #FF9933 solid; border-bottom: 1px #FFFFFF solid; background: #FFFFFF; }


/* SIDEBAR Container */

.sidebar_close	{ width: 285px; height: 20px; background: #EFEFEF url(../graphics/web_smooth_bottomright.gif) right no-repeat; padding-left: 15px; margin-bottom: 24px; float: left; }

/* Element: Logout */
.sidebar_frame	{ width: 278px; border: 1px #EFEFEF solid; background: #FFFFFF; padding-left: 10px; padding-right: 10px; float: left; }
.sidebar_logout	{ width: 285px; height: 20px; background: #EFEFEF url(../graphics/web_smooth_bottomright.gif) right no-repeat; padding-left: 15px; margin-bottom: 24px; float: left; }
.sidebar_image	{ border-bottom: 1px #ECECEC solid; margin-right: 10px; padding-bottom: 5px; float: left; }
.button_logout	{ margin-top: 2px; float. left; }

/* Element: Login */
.sidebar_login	{  width: 285px; height: 92px; background: #FFFFFF url(../graphics/web_login_arrow.gif) bottom right no-repeat; margin-bottom: 24px; padding-left: 15px; float: left; }
.input_login		{ width: 132px; height: 16px; border: 1px #EFEFEF solid; border-bottom: 1px #333333 solid; background: #FFFFFF; font: bold 0.6em/1.4em verdana; color: #000000; padding-left: 5px; }
.login_frame		{ height: 92px; margin-top: 0px; margin-bottom: 30px; float: left; }
.button_login	{ margin-left: 45px; margin-top: 39px; float. left; }

/* Element: Verzeichnis */
.dir_button			{ border-bottom: 1px #FFFFFF solid; width: 300px; min-height: 30px; background: #FFFFFF url(../graphics/web_dir_btnbg.gif) bottom left no-repeat; float: left;}
.dir_image		{ float: left;}
.dir_text				{ margin-left: 15px; margin-top: 13px; float: left;}
.dir_frame			{ width: 300px; background: #EFEFEF url(../graphics/web_dir_fade.gif) top repeat-x; padding-top: 20px; float: left; }

.dir_row, .dir_rowactive, 
.dir_subrow, .dir_subrowactive	{ width: 285px; height: 17px; background: #EFEFEF; padding-left: 15px; float: left; }
.dir_rowactive, .dir_subrowactive	{ background: #FFFFFF url(../graphics/web_tree_hover.gif) no-repeat; }
.dir_subrow, .dir_subrowactive	{ width: 263px; border-left: 1px #CCCCCC solid; margin-left: 20px; }


/* CONTENT Container */

.content_frame	{ width: 564px; margin-top: 20px; margin-bottom: 20px; float: left; }


/* BOTTOM Container */

.bottom_frame	{ width: 300px; margin-bottom: 20px; float: left; }