/*
-------------------------------------------
Theme Name: websmith
Theme URI: http://www.websmith.de/
Description: strongly scalable table theme
Version: 1.0
Author: torsten naujoks
Copyright: © 2006 - torsten naujoks - www.websmith.de
-------------------------------------------
No use without my permission - my spiders and lawyers are out there!
Let me know, if there are any bugs ( i have no actual mac ) or if you  
tweaked around for additional creations...
-------------------------------------------
*/

*{
margin:						0px;
padding:					0px;
outline:					0px;
}

html{
overflow-x:					hidden;
}

body{
background:					#606060 url(/layout/bg/bg.gif) fixed;
margin:						0 auto 0 auto;
overflow:					auto;
}

#c1, #menu{
position:					absolute;
left:						50%;
width:						1004px;
}

#c1{
margin:						0px 0px 0px -502px;
overflow:					hidden;
}

#menu{
margin:						62px 0px 0px -10px;
padding:					0px;
height:						28px;
width:						520px;				
z-index:					6;
}

#menu a{
text-decoration:			none;
}

#wsdr{
position:					absolute;
top:						-1px;
left:						-1px;
height:						1px;
width:						1px;
z-index:					1;
}

#lo{
position:					absolute;
top:						27px;
left:						0px;
height:						58px;
width:						145px;
margin:						0 0 0 1%;
z-index:					2;
}

#loa{
position:					absolute;
top:						2px;
left:						3px;
padding:					0px;
margin:						0px;
height:						54px;
width:						54px;
overflow:					hidden;
z-index:					3;
}

#loa IMG{
position:					relative;
top:						54px;
height:						4644px;
width:						54px;
}

.hm{
vertical-align:				top;
background:					transparent url(/layout/bg/h_middle.gif) repeat-x;
}

.hm h1{
position:					absolute;
top:						37px;
left:						346px;
width:						520px;
font-family:				Verdana, Arial, sans-serif;
font-size:					10px;
font-weight:				300;
line-height:				13px;
letter-spacing:				2px;
color:						#909084;
margin:						0px 0px 0px 0px;
padding:					0px 3px 0px 0px;
cursor:						default;
}


/* teaser area below haeder #D6BA3E;  #A18612 */

.tl, .tr{
color:						#212427;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
padding:					5px 9px 2px 0px;
}

.tl{
background:					transparent url(/layout/bg/t_left.gif) repeat-y;
}

.tl strong{
display:					block;
margin:						0px 0px 5px 38px;
}

.tl ul{
list-style:					disc;
color:						#212427;
line-height:				18px;
margin:						0px 0px 0px 55px;
padding:					0px 0px 0px 0px;
}

.tr{
background:					transparent url(/layout/bg/t_right.gif) top right repeat-y;
padding:					5px 36px 2px 0px;
}

.tr td{
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
line-height:				18px;
color:						#212427;
}

.tr td img{
margin:						7px 0px 3px 0px;
}


/* body area below taeser */

.bl{
background:					transparent url(/layout/bg/bg_left.gif) no-repeat;
}

.bm{
background:					#FFFFFF;
border-top:					1px solid #CCCBC9;
}

.br{
background:					transparent url(/layout/bg/bg_right.gif) no-repeat;
}


/* footer area below body */

.fm{
font-family:				Verdana, Arial, sans-serif;
font-size:					11px;
text-align:					center;
color:						#212427;
background:					transparent url(/layout/bg/bt_middle.gif) repeat-x;
padding:					17px 0px 0px 0px;
}


/* vertical bars on right */

#navbar{
font-family:				Verdana, Arial, sans-serif;
padding:					10px 0px 0px 0px;
background:					#FFFFFF;
}

#navbar div p{
font-size:					12px;
line-height:				18px;
color:						#424956;
margin:						3px 10px 0px 12px;
padding:					0px;
}

#navbar div p.last{
margin:						6px 10px 0px 12px;
}

#navbar div p b{
font-weight:				300; 
text-decoration:			underline;
}

#navbar div.zero, #navbar div.glam, #navbar div.blue{
margin:						10px 0px 15px 0px;
}

#navbar div.zero{
background:					#EDF3F7 url(/layout/bars/bar_left.gif) no-repeat;
}

#navbar div.glam{
color:						#212427;
background:					#FDFBDA url(/layout/bars/bar_header_glam_left.gif) no-repeat;
}

#navbar div.blue{
color:						#212427;
background:					#EDF3F7 url(/layout/bars/bar_header_blue_left.gif) no-repeat;
}

#navbar div div{
background:					transparent url(/layout/bars/bar_right.gif) no-repeat top right;
}

#navbar div div div{
height:						7px;
font-size:					7px;
line-height:				7px;
background:					transparent url(/layout/bars/bar_footer_left.gif) no-repeat bottom left;
}

#navbar div div div div{
height:						7px;
font-size:					7px;
line-height:				7px;
background:					transparent url(/layout/bars/bar_footer_right.gif) no-repeat bottom right;
}

#navbar div.glam h3, #navbar div.blue h3{
height:						23px;
font-size:					13px;
font-weight:				900;
background:					transparent url(/layout/bars/bar_header_right.gif) no-repeat top right;
padding:					3px 0px 0px 10px;
}

#blog #navbar div.blue#bl{
background:					#EDF3F7 url(/layout/bars/bar_header_blue_left_blog.gif) no-repeat;
}

#blog #navbar div.blue#bl div h3{
margin:						0 0 0 -200%;
}

#navbar ul{
list-style:					disc;
margin:						0px 0px 0px 27px;
padding:					2px 0px 0px 0px;
}

#navbar .zero ul{
list-style:					disc;
margin:						0px 0px 0px 27px;
padding:					7px 0px 0px 0px;
}

#navbar ul li ul{
margin:						0px 0px 3px 17px;
}

#navbar li{
font-size:					12px;
line-height:				18px;
padding-top:				0px;
padding-bottom:				0px;
}

#navbar li a{
text-decoration:			none;
color:						#424956;
}

#navbar li a:hover{
text-decoration:			none;
color:						#FA6A00;
}

#navbar li u{
font-weight:				900;
text-decoration:			none;
color:						#5581A6;
}

#blog #navbar li u{
font-weight:				300;
text-decoration:			none;
color:						#424956;
}

#blog #navbar li u a{
font-weight:				900;
text-decoration:			none;
color:						#5581A6;
}

#blog #navbar li u a:hover{
font-weight:				900;
text-decoration:			none;
color:						#FA6A00;
}

#navbar .mini{
font-size:					12px;
line-height:				18px;
color:						#424956;
margin:						10px 10px 0px 12px;
}

#navbar .mini td{
padding:					10px 0px 0px 0px;
}

#navbar .mini img{
margin:						3px 0px 0px 0px;
}

#navbar .mini a, #navbar div p a{
text-decoration:			none;
color:						#FA6A00;
}

#navbar .mini a:hover, #navbar div p a:hover{
text-decoration:			underline;
color:						#C000A0;
}


/* content area, in general */

#content{
text-align:					left;
padding:					13px 18px 15px 27px;
}

#content h1{
font-family:				Verdana, Arial, sans-serif;
font-size:					21px;
font-weight:				900;
line-height:				27px;
margin:						7px 0px 9px 0px;
color:						#212427;
}

#home #content h1{
font-family:				Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				900;
line-height:				18px;
margin:						8px 0px 15px 0px;
padding:					35px 0px 0px 15px;
color:						#5581A6;
background:					url(/images/webdesign-made-in-germany.gif) no-repeat;
}

#content h2{
font-family:				"Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				900;
line-height:				18px;
color:						#212427;
margin:						18px 0px 9px 0px;
padding:					0px;
clear:						both;
}

#content h3{
font-family:				Verdana, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
color:						#212427;
margin:						18px 0px 9px 0px;
padding:					0px;
clear:						both;
}

#content p, #content td.p, #content td.hd{
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				18px;
margin:						0px 0px 9px 0px;
color:						#212427;
}

#content td.hd{
font-weight:				900;
margin:						0px 0px 0px 0px;
}

#content p.note{
font-family:				"Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				600;
line-height:				18px;
color:						#5581A6;
margin:						10px 0px 14px 0px;
padding:					0px 0px 0px 15px;
}

#content p.crump{
font-size:					11px;
font-style:					italic;
margin:						0px 0px 0px 0px;
padding:					0px 0px 0px 15px;
}

#content a{
text-decoration:			none;
color:						#FA6A00;
}

#content a:hover{
text-decoration:			underline;
color:						#C000A0;
}

#content blockquote{
font-family:				Verdana, Arial, sans-serif;
font-size:					13px;
font-weight:				600;
line-height:				18px;
margin:						0px 0px 12px 15px;
color:						#5581A6;
}

#content acronym{
cursor:						help;
}

#content div.cont{
margin:						18px 0px 18px 0px;
min-height:					162px;
}

#content div.blogref{
border-top:					1px solid #CCCBC9;
margin:						0px 0px 0px 0px;
padding:					12px 0px 0px 0px;
min-height:					181px;
}

#content div.blog{
margin:						18px 0px 0px 0px;
min-height:					192px;
}

#content div.blog#skim{
margin:						18px 0px 10px 0px;
min-height:					200px;
}

#content div.blog img, #content div.blogref img, #content div.cont img{
position:					relative;
float:						left;
}

#content div.blog img, #content div.blogref img{
cursor:						pointer;
}

#content div.contfl img{
float:						left;
margin:						2px 18px 7px 0px;
}

#content div.contfl td.beforeOrder{
height:						133px;
vertical-align:				top;
}

#content div.contfl td.order{
height:						31px;
vertical-align:				bottom;
padding:					0px 0px 0px 14px;
}

#content div.contfl a.orderMe img{
text-decoration:			none;
height:						31px;
width:						144px;
margin:						0px;
padding:					0px;
background:					url(/layout/bars/bestellen.gif) no-repeat 0% 0%;
}

#content div.contfl a.orderMe:hover img{
text-decoration:			none;
background:					url(/layout/bars/bestellen.gif) no-repeat 0% -31px;
}

#content p.nfl{
clear:						both;
}

#content div.blog span, #content div.blog div.blogskimmy, #content div.postskimmy{
font-family:				Verdana, Arial, sans-serif;
font-size:					10px;
font-weight:				900;
letter-spacing:				0px;
line-height:				15px;
color:						#5581A6;
margin:						0px 0px 12px 0px;
padding:					0px 0px 1px 3px;
border-bottom:				1px solid #CCCBC9;
display:					block;
}

#content div.blog div, #content div.blogref div, #content div.cont div{
margin:						0px 0px 0px 242px;
}

#content div.blog div.blogskimmy span{
display:					block;
float:						right;
border:						0px;
margin:						-15px 2px 0px 0px;
}

#content div.blog div h4, #content div.blogref div h4{
font-family:				"Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				600;
line-height:				18px;
margin:						11px 0px 7px 0px;
color:						#212427;
}

#content div.blogref div h4{
margin:						0px 0px 7px 0px;
}

#content div.blog table{
margin:						-4px 0px 0px 0px;
}

#content div.blog td.whspec{
height:						80px;
width:						288px;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				18px;
vertical-align:				top;
color:						#212427;
padding:					0px 0px 0px 27px;
}

#content div.blog td.whspec b{
color:						#FA6A00;
}

#content div.blog a.showMe img, #content div.blogref a.showMe img{
text-decoration:			none;
height:						31px;
width:						144px;
margin:						0px 0px 0px 14px;
padding:					0px;
background:					url(/layout/bars/morebutton.gif) no-repeat 0% 0%;
}

#content div.blog a.showMe:hover img, #content div.blogref a.showMe:hover img{
text-decoration:			none;
background:					url(/layout/bars/morebutton.gif) no-repeat 0% -31px;
}


#content div.postskimmy#sktp{
text-align:					right;
margin:						-10px 0px -5px 0px;
padding:					0px 0px 0px 3px;
border:						0px;
}

#content div.postskimmy#skft{
text-align:					right;
margin:						0px 0px 12px 0px;
padding:					3px 0px 1px 0px;
border:						0px;
border-top:					1px solid #CCCBC9;
}

#content div.post{
width:						100%;
margin:						0px 0px 27px 0px;
}

#content div.post span{
font-family:				Verdana, Arial, sans-serif;
font-size:					10px;
font-weight:				300;
letter-spacing:				0px;
line-height:				13px;
color:						#5581A6;
border-top:					1px solid #CCCBC9;
padding:					2px 0px 0px 1px;
display:					block;
}

#content div.post span a{
font-weight:				300;
}

#content div.post h1, #content div.post h2{
font-family:				"Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				900;
line-height:				18px;
color:						#212427;
margin:						11px 0px 9px 0px;
padding:					0px;
clear:						both;
}

#content div.post h2{
margin:						18px 0px 9px 0px;
}

#content div.post h2.list{
margin:						11px 0px 9px 0px;
}

#content div.post p img.floater{
position:					relative;
float:						left;
margin:						2px 18px 7px 0px;
}

#content div.post a.more-link{
font-weight:                600;
}

#content div.post table{
width:						100%;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
line-height:				18px;
font-weight:				300;
color:						#212427;
margin:						0px 0px 9px 0px;
}

#content div.post table td{
vertical-align:				top;
}

#content div.post table tr.spc td{
padding:					4px 0px 0px 0px;
}


/* Gallery formatting */

#content p.quirky a{
font-family:				Verdana, sans-serif;
font-size:					1px;
line-height:				1px;
text-align:					center;
text-decoration:            none;
color:						#45353A;
background:					#FDFBDA;
border:						1px solid #CCCBC9;
width:						144px;
height:						144px;
float:						left;
margin:						0px 15px 23px 0px;
cursor:						pointer;
}

#content p.quirky a:hover {
text-decoration:            none;
color:						#FA6A00;
background:					#EDF3F7;
border:						1px solid #C000A0;
}

#content p.quirky a img{
border:						1px solid #FA6A00;
margin:						10px 0px 5px 0px;
padding:					0px;
cursor:						pointer;
}

#content p.quirky a:hover img{
border:						1px solid #C000A0;
cursor:						pointer;
}

#content p.quirky a span, #content p.quirky a:hover span{
font-family:				Verdana, sans-serif;
font-size:					10px;
line-height:				15px;
text-align:					center;
text-decoration:            none;
color:                      #45353A;
border:						0px;
width:						100%;
margin:						0px;
padding:					0px;
}

p.quirko{
float:                      none;
clear:						both;
}

#content ol, #content ul{
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				18px;
margin:						6px 0px 9px 24px;
padding:					0px;
color:						#212427;
}

#content ol li, #content ul li{
margin:						0px;
padding:					3px 0px 3px 0px;
}

#content code, #content .code{
width:						100%;
display:					inline-block;
font-size:                  11px;
color:						#323331;
background:                 #F6F6F6;
border:						1px solid #CCCBC9;
margin:						8px 0px 14px 0px;
padding:                    3px;
}


/* feature table for hosting product specs  */

#features{
width:						100%;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#212427;
margin:						18px 0px 0px 0px;
}

#features th{
height:						23px;
font-size:					13px;
font-weight:				900;
text-align:					left;
vertical-align:				top;
background:					#FCF9CA url(/layout/bars/features_header_left.gif) no-repeat top left;
padding:					3px 0px 0px 10px;
}

#features td{
height:						21px;
vertical-align:				top;
padding:					2px 10px 0px 10px;
}

#features th.cr{
background:					#FCF9CA url(/layout/bars/features_header_right.gif) no-repeat top right;
}

#features th.cm{
background:					#FCF9CA url(/layout/bars/features_header_middle.gif) no-repeat top left;
}

#features td.hdl, .prices td.hdl{
font-size:					13px;
font-weight:				900;
vertical-align:				top;
background:					#FCF9CA url(/layout/bars/features_data_left.gif) no-repeat bottom left;
padding:					1px 10px 0px 10px;
}

#features td.hdm, .prices td.hdm{
background:					#FCF9CA url(/layout/bars/features_header_m_middle.gif) no-repeat bottom left;
}

#features td.hdr{
background:					#FCF9CA url(/layout/bars/features_header_m_right.gif) no-repeat bottom right;
}

#features td.fwl{
background:					#FBFBFB url(/layout/bars/features_data_left.gif) no-repeat bottom left;
}

#features td.fwm{
background:					#FBFBFB url(/layout/bars/features_data_middle.gif) no-repeat bottom left;
}

#features td.fwlm{
background:					#FBFBFB url(/layout/bars/features_data_l_middle.gif) no-repeat bottom left;
}

#features td.fwr{
text-align:					right;
background:					#FBFBFB url(/layout/bars/features_data_right.gif) no-repeat bottom right;
}

#features td.fwlr{
text-align:					right;
background:					#FBFBFB url(/layout/bars/features_data_l_right.gif) no-repeat bottom right;
}

#features td.fgl{
background:					#F6F6F6 url(/layout/bars/features_data_left.gif) no-repeat bottom left;
}

#features td.fgm{
background:					#F6F6F6 url(/layout/bars/features_data_middle.gif) no-repeat bottom left;
}

#features td.fglm{
background:					#F6F6F6 url(/layout/bars/features_data_l_middle.gif) no-repeat bottom left;
}

#features td.fgr{
text-align:					right;
background:					#F6F6F6 url(/layout/bars/features_data_right.gif) no-repeat bottom right;
}

#features td.fglr{
text-align:					right;
background:					#F6F6F6 url(/layout/bars/features_data_l_right.gif) no-repeat bottom right;
}

#features td.ff, .prices td.ff{
background:					#FCF9CA url(/layout/bars/features_footer_left.gif) no-repeat bottom left;
padding:					0px 0px 0px 10px;
}


/* legend for additional hints at page bottoms  */

#legende{
width:						100%;
font-family:				Verdana, Arial, sans-serif;
font-size:					10px;
font-weight:				300;
line-height:				13px;
color:						#212427;
margin:						18px 0px 0px 0px;
border-top:					1px solid #CCCBC9;
}

#legende td{
padding:					0px 0px 2px 0px;
}

#legende td b{
color:						#5581A6;
}

#legende th{
color:						#5581A6;
text-align:					left;
padding:					10px 0px 2px 0px;
}

#features td.ff #legende, .prices td.ff #legende{
margin:						0px;
background:					transparent url(/layout/bars/features_footer_right.gif) no-repeat bottom right;
border-top:					0px;
}

#features td.ff #legende th, .prices td.ff #legende th{
width:						auto;
font-family:				Verdana, Arial, sans-serif;
font-size:					10px;
text-align:					left;
color:						#5581A6;
background:					transparent;
padding:					10px 10px 2px 10px;
}

#features td.ff #legende td, .prices td.ff #legende td{
height:						auto;
padding:					0px 10px 2px 10px;
}

#features td.ff #legende td.ll, .prices td.ff #legende td.ll{
height:						auto;
text-align:					right;
padding:					0px 0px 2px 0px;
}

#features td.ff #legende td.agbs, .prices td.ff #legende td.agbs, #legende td.agbss{
font-weight:				900;
text-align:					left;
color:						#5581A6;
padding:					1px 0px 12px 0px;
}


/* feature table for training product specs  */

.seminar, .prices{
width:						100%;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#212427;
margin:						6px 0px 5px 0px;
}

.seminar th, .prices th{
height:						23px;
font-size:					13px;
font-weight:				900;
text-align:					left;
vertical-align:				top;
background:					#FCF9CA url(/layout/bars/seminar_header_left.gif) no-repeat top left;
padding:					3px 0px 0px 10px;
}

.seminar th.cr{
background:					#FCF9CA url(/layout/bars/seminar_header_right.gif) no-repeat top right;
padding:					0px;
}

.prices th.cr{
background:					#FCF9CA url(/layout/bars/prices_header_right.gif) no-repeat top right;
padding:					0px;
}

.seminar td, .prices td{
height:						21px;
vertical-align:				top;
padding:					2px 0px 0px 0px;
}

.prices td.hdr{
background:					#FCF9CA url(/layout/bars/prices_header_m_right.gif) no-repeat bottom right;
}

.prices td.hdl{
background:					#FCF9CA url(/layout/bars/prices_header_m_left.gif) no-repeat bottom left;
}

.seminar td.swl, .prices td.swl{
background:					#FBFBFB url(/layout/bars/seminar_data_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.seminar td.sgl, .prices td.sgl{
background:					#F6F6F6 url(/layout/bars/seminar_data_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.seminar td.swm, .prices td.swm{
line-height:				18px;
background:					#FBFBFB url(/layout/bars/seminar_data_middle.gif) repeat-x bottom left;
padding:					0px 0px 0px 9px;
}

.seminar td.sgm, .prices td.sgm{
line-height:				18px;
background:					#F6F6F6 url(/layout/bars/seminar_data_middle.gif) repeat-x bottom left;
padding:					0px 0px 0px 9px;
}

.seminar td.swr{
background:					#FBFBFB url(/layout/bars/seminar_data_right.gif) no-repeat bottom right;
padding:					0px;
}

.seminar td.sgr{
background:					#F6F6F6 url(/layout/bars/seminar_data_right.gif) no-repeat bottom right;
padding:					0px;
}

.prices td.swr{
font-weight:				900;
text-align:					right;
background:					#FBFBFB url(/layout/bars/prices_data_right.gif) no-repeat bottom right;
padding:					2px 7px 0px 0px;
}

.prices td.sgr{
font-weight:				900;
text-align:					right;
background:					#F6F6F6 url(/layout/bars/prices_data_right.gif) no-repeat bottom right;
padding:					2px 7px 0px 0px;
}

.seminar td.swll{
background:					#FBFBFB url(/layout/bars/seminar_footer_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.seminar td.sgll{
background:					#F6F6F6 url(/layout/bars/seminar_footer_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.prices td.swll{
background:					#FBFBFB url(/layout/bars/prices_data_l_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.prices td.sgll{
background:					#F6F6F6 url(/layout/bars/prices_data_l_left.gif) no-repeat bottom left;
padding:					2px 10px 0px 10px;
}

.seminar td.swlr{
background:					#FBFBFB url(/layout/bars/seminar_footer_right.gif) no-repeat bottom right;
padding:					0px;
}

.seminar td.sglr{
background:					#F6F6F6 url(/layout/bars/seminar_footer_right.gif) no-repeat bottom right;
padding:					0px;
}

.prices td.swlr{
font-weight:				900;
text-align:					right;
background:					#FBFBFB url(/layout/bars/prices_data_l_right.gif) no-repeat bottom right;
padding:					2px 7px 0px 0px;
}

.prices td.sglr{
font-weight:				900;
text-align:					right;
background:					#F6F6F6 url(/layout/bars/prices_data_l_right.gif) no-repeat bottom right;
padding:					2px 7px 0px 0px;
}

.prices td.swl, .prices td.swm, .prices td.swr, .prices td.sgl, .prices td.sgm, .prices td.sgr, .prices td.sgll, .prices td.sglr, .prices td.swll, .prices td.swlr{
padding-bottom:				2px;
}

.seminar td div.spc{
font-size:					4px;
line-height:				4px;
height:						4px;
}

.seminar tr.force td, .prices tr.force td{
font-size:					1px;
line-height:				1px;
height:						1px;
}


/* feature table for disclaimers  */

.agb, .agb table{
width:						100%;
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
line-height:				18px;
font-weight:				300;
color:						#212427;
margin:						0px 0px 0px 0px;
}

table.agb td{
vertical-align:				top;
padding:					0px 0px 5px 0px;
}

table.agb td h3{
text-align:					right;
}

table.agb tr td p.space{
font-family:				Verdana, Arial, sans-serif;
font-size:					7px;
line-height:				7px;
height:						7px;
}





/* horizontal menubar items, special */

#menu ul#nav{
width:						auto;
list-style:					none;
text-align:					left;
margin:						0px;
padding:					0px;
}

#menu ul#nav li{
position:					relative;
float:						left;
width:						auto;
list-style:					none;
background:					url(/layout/bars/menu_left.gif) 0px 0px no-repeat;
margin:						0px 0px 0px 0px;
padding:					0px 0px 0px 0px;
cursor:						default;
}

#menu ul#nav li:hover, #menu ul#nav li.over, #menu ul#nav li#act{
background:					url(/layout/bars/menu_left.gif) 0px -28px no-repeat;
padding:					0px;
}

#menu ul#nav li ul li:hover, #menu ul#nav li ul li.over{
padding:					0px;
}

#menu ul#nav li#act, #menu ul#nav li#act.over{
cursor:						crosshair;
}

#menu ul#nav li a{
height:						20px;
font-family:				Verdana, Arial, sans-serif;
font-weight:				300;
font-size:					11px;
line-height:				19px;
background:					url(/layout/bars/menu_right.gif) right 0px no-repeat;
color:						#F1D13C;
padding:					5px 12px 3px 12px;
display:					block;
}

#menu ul#nav li:hover a, #menu ul#nav li.over a, #menu ul#nav li a:hover, #menu ul#nav li b{
height:						20px;
font-family:				Verdana, Arial, sans-serif;
font-weight:				300;
font-size:					11px;
line-height:				19px;
color:						#F6F6F6;
background:					url(/layout/bars/menu_right.gif) right -28px no-repeat;
padding:					5px 12px 3px 12px;
display:					block;
}

#menu ul#nav li b{
text-decoration:			underline;
}


/* vertical menubar subitems */

#menu ul#nav li:hover ul li a, #menu ul#nav li.over ul li a{
display:					block;
height:						19px;
width:						200px;
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					11px;
font-weight:				300;
line-height:				17px;
text-decoration:			none;
padding:					0px 0px 0px 10px;
color:						#323331;
background:					#F5EA8B;
border-top:					1px solid #4F4F4D;
}

#menu ul#nav li:hover ul li ul li a, #menu ul#nav li.over ul li ul li a{
display:					block;
height:						19px;
width:						200px;
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					11px;
font-weight:				300;
line-height:				17px;
text-decoration:			none;
padding:					0px 0px 0px 10px;
color:						#323331;
background:					#F8F1AA;
border-top:					1px solid #4F4F4D;
}

#menu ul#nav li ul{
position:					absolute;
top:						100%;
left:						1px;
font-weight:				300;
background:					#4F4F4D;
border-left:				1px solid #4F4F4D;
border-right:				1px solid #4F4F4D;
border-bottom:				1px solid #4F4F4D;
margin:						0px 0px 0px 0px;
padding:					0px;
display:					none;
}

#menu ul#nav li:hover ul, #menu ul#nav li.over ul, #menu ul#nav li#act:hover ul{
margin:						0px 0px 0px 0px;
display:					block;
}

#menu ul#nav li>#menu ul#nav li ul{
top:						auto;
left:						auto;
}

#menu ul#nav li ul li, #menu ul#nav li ul li:hover, #menu ul#nav li ul li.over{
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					11px;
font-weight:				300;
line-height:				17px;
border-top:					0px;
margin:						0px;
padding:					0px;
}

#menu ul#nav li ul li:hover, #menu ul#nav li ul li.over{
border-left:				0px;
border-right:				0px;
}

#menu ul#nav li ul li a, #menu ul#nav li ul li a:hover, #menu ul#nav li ul li h2, #menu ul#nav li ul li b{
display:					block;
height:						19px;
width:						200px;
font-family:				Verdana, Arial, Helvetica, sans-serif;
font-size:					11px;
font-weight:				300;
line-height:				17px;
text-decoration:			none;
padding:					0px 0px 0px 10px;
border-top:					1px solid #4F4F4D;
}

#menu ul#nav li ul li a:hover, #menu ul#nav li ul li ul li a:hover{
color:						#F6F6F6;
background:					#323331;
}

#menu ul#nav li ul li h2{
color:						#323331;
background:					#FCF9CA url(/layout/icons/main_active.gif) no-repeat top right;
}

#menu ul#nav li ul li b{
color:						#323331;
background:					#F5EA8B;
}

#menu ul#nav li ul li ul{
position:					static;
width:						199px;
border:						0px;
margin:						0px 0px 0px 0px;
padding:					0px 0px 0px 0px;
}


/* ... Content WinLayer */

#websmithWindow{
position:					absolute;
top:						-350px;
height:						331px;
width:						497px;
z-index:					4;
}

#websmithDrag{
position:					absolute;
top:						0px;
left:						0px;
height:						21px;
width:						497px;
z-index:					5;
}

.websmithScr{
position:					absolute;
top:						36px;
left:						0px;
height:						279px;
width:						455px;
font-family:				Arial, sans-serif;
font-weight:				300;
font-size:					11px;
line-height:				16px;
color:						#212427;
padding-top:				7px;
padding-left:				17px;
padding-right:				17px;
overflow:					auto;
cursor:						default;
}

.websmithScr h1{
font-family:				"Bitstream Vera Sans", Verdana, Arial, sans-serif;
font-size:					15px;
font-weight:				900;
line-height:				18px;
color:						#5581A6;
margin:						18px 0px 9px 0px;
padding:					0px;
clear:						both;
}

.websmithScr p{
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				18px;
margin:						0px 0px 9px 0px;
color:						#212427;
}

.websmithScr ol, .websmithScr ul{
font-family:				Verdana, Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				18px;
margin:						6px 0px 9px 60px;
padding:					0px;
color:						#212427;
}

.websmithScr ol li,.websmithScr ul li{
padding:					3px 0px 3px 0px;
}

.websmithScr a{
text-decoration:			none;
color:						#FA6A00;
}

.websmithScr a:hover{
text-decoration:			underline;
color:						#C000A0;
}

#print{
position:					absolute;
top:						3px;
left:						322px;
height:						18px;
width:						69px;
z-index:					12;
margin:						0px;
overflow:					hidden;
}

#close{
position:					absolute;
top:						3px;
left:						406px;
height:						18px;
width:						73px;
z-index:					12;
margin:						0px;
overflow:					hidden;
}

#wrappo{
background:					transparent url(/layout/bars/wrappo_bar_top.gif) no-repeat top left;
border-right:				1px solid #CCCBC9;
padding:					1px 0px 0px 0px;
}

#wrappo div{
height:						270px;
padding:					0px 0px 0px 7px;
overflow:					auto;
}

#wrappo p{
height:						7px;
font-size:					7px;
line-height:				7px;
background:					transparent url(/layout/bars/wrappo_bar_footer.gif) no-repeat bottom left;
margin:						-6px 0px 0px 0px;
}



/* FP */

/* Preset Tables in encoding praxis */

#presets, .presets{
border: 					1px solid #c0c0c0;
}

#presets td, .presets td{
border: 					1px solid #c0c0c0;
}

/* Videocontainer Table in encoding praxis */

#container{
border: 					1px solid #c0c0c0;
}

#container td{
border: 					1px solid #c0c0c0;
}

.nosup{
background-color: 			#b4b4b4; 
}

.partly{
background-color: 			#d3d3d3; 
}

.headline{
background-color: 			#fdfbda;
font-weight: 				600;
}

.light{
background-color: 			#fbfbfb;
}

.dark{
background-color: 			#f6f6f6;
}


/* Code words in Content */

.cmdline{
font-family: 				Courier New;
background:                 #F6F6F6;
font-weight:				300;
border:						1px solid #CCCBC9;
padding:					0px 3px 0px 3px;
}