html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	/*background: transparent;*/
}

body {
	background:#CBCBCB url(images/body-bg.png) center top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000;
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{
	display:block;
}

ul, ol {
	list-style: none;
}

html, body {
	height:100%;
}

html {
	min-width:980px;
}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}

h2{
	color:#212121;
	font:600 24px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/ico1.gif) left center no-repeat;
	padding-left:18px;
	margin-bottom:26px;
	letter-spacing:-1px;
}

/*============================== F O N T S ==============================*/
.trebuchet{ font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/*============================== T A B L E S ==============================*/
.th{ font-size:12px; font-weight:bold; line-height:12px; padding-top:8px; }
.tc{ font-size:14px; line-height:14px; }



/*============================== F O N T   S T Y L E S ==============================*/
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.inv{display:none;}
.vis{display:block;}

/*============================== C O L O R S ==============================*/
.blue1{color:#06C;}
.grey1{color:#353535;}
.green1{color:#83c215;}
.green2{color:#060;}
.green3{color:#090;}
.black{color:#000000;}
.white{color:#fff;}
.red{color:#C00;}

/*============================== H O V E R ==============================*/
a {
	color:#444;
	outline:none;
}
a:hover {text-decoration:none;}
a.und, .und a {text-decoration:none;}
a.und:hover, .und a:hover {text-decoration:underline;}


/*============================== A J A X ==============================*/
.ajax_output {
	position:absolute;
	float:left;
	display:inline;
	margin-left:10px;
	padding-top:0px;
	line-height:16px;
	vertical-align:middle;
}
.ajax_error_div{
	background-color:#EDEDED;
	padding:3px;
	border: solid 1px #CCC;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	/*filter:alpha(opacity=80);*/
}
.ajax_valid_div{
	padding:3px;
	font-size:12px;
	font-weight:bold;
	color:#00CC00;
}
.ajax_searching_div{
	background-color:#EEE;
	padding:3px;
	border: solid 1px #CCC;
	font-size:12px;
	font-weight:bold;
	color:#0000CC;
}

/*============================== F O R M ==============================*/
.form {
	width: 240px;
	border: 1px solid #CCC;
	padding: 40px;
	margin: 10px auto;
	margin-bottom: 30px;
}
fieldset {
  padding: 0px 10px 10px 10px;
  margin: 20px auto;
  border:1px solid #83c215;
}
legend {
	padding: 0px 5px 0px 20px;
	margin-bottom: 20px;		
	color:#212121;
	font:600 24px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/ico1.gif) left center no-repeat;
	letter-spacing:-1px;
}
.legend2 {
	padding: 0px 5px 0px 20px;
	margin-bottom: 0px;		
	color:#212121;
	font:600 17px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/ico1.gif) left center no-repeat;
	letter-spacing:-1px;
}
.legend3 {
	padding: 0px 5px 0px 35px;
	margin-bottom: 0px;		
	color:#FFF;
	font:600 20px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/information.png) left center no-repeat;
	letter-spacing:-1px;
}
.legend4 {
	padding: 0px 5px 0px 20px;
	margin-bottom: 0px;		
	color:#212121;
	font:600 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/ico1.gif) left center no-repeat;
	letter-spacing:-1px;
}
.legend5 {
	padding: 0px 5px 0px 35px;
	margin-bottom: 0px;		
	color:#FFF;
	font:600 20px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/star-ico.png) left center no-repeat;
	letter-spacing:-1px;
}
.legend6 {
	padding: 0px 5px 0px 35px;
	margin-bottom: 0px;		
	color:#FFF;
	font:600 20px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(images/werke-view-list.png) left center no-repeat;
	letter-spacing:-1px;
}
label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
	font-family: tahoma, verdana, "sans-serif";
	font-size: 95%;
	font-weight: bold;
	color: #666;
}
#panel label {
	margin-top : 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
}
.textfield {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/textbox_bg.gif) repeat left top;
	font-size:12px;
	color:#404040;
	height: 16px;
	width: 170px;
	line-height: 16px;
}
.sltbox {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/textbox_bg.gif) repeat left top;
	font-size:12px;
	color:#404040;
	height: 24px;
	width: 175px;
	line-height: 16px;
}
.filebox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	height: 24px;
	line-height: 16px;
}
.textarea {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/textbox_bg.gif) repeat left top;
	font-size:12px;
	color:#404040;
	height: 100px;
	width: 450px;
	line-height: 16px;
}
.textfield:focus, textarea:focus, select:focus{
	background:url(../images/textbox_bg_on.gif) repeat left top;
}
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 450px;
	text-align: center;
	border: 1px solid #ECECEC;
	background-color: white;
}
.MsgSent h1 {
	background: url(../images/chkmk_big.gif) no-repeat 0 0;
	font-size: 1.4em;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 450px;
	text-align: center;
	border: 1px solid #ECECEC;
	background-color: white;
}
.MsgError h1 {
	background: url(../images/MsgError.gif) no-repeat 0 0;
	font-size: 1.4em;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}
.MsgSent p, .MsgError p {
	font-size: 1em;
	color:#777;
}
.infobox {
	display:none;
	margin:5px;
	height:584px;
	color:#FFF;
	line-height:15px;
	font-size:12px; 
}
.infobox p{
	padding-bottom:10px;
}

/*============================== B U T T O N S ==============================*/
.form_btn {
	display: inline;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
}
.long {
	width: 200px;
	color: white;
	background: transparent url(images/form_btn.png) no-repeat 0 0;
}
.preview {
	width: 120px;
	color: white;
	background: transparent url(images/bt_register_l.png) no-repeat 0 0;
}
.silver {
	width: 74px;
	color: white;
	background: transparent url(login_panel/images/bt_login.png) no-repeat 0 0;
}
.form_btn:hover{
	color: black;
}
/*============================== L I S T S ==============================*/
.list{
	list-style-type:disc;
	list-style-position:outside;
	color:#83c215;
}
.list_cr{
	list-style-type:disc;
	list-style-position:inside;
	color:#600;
}
.list_m1 li{
	background: url(images/marker1.gif) left center no-repeat;	
	padding-left:12px;
}
.list_m1 li a{
	color:#83c215;
	line-height:21px;
}
.list_m2 li{
	float: left;
	background: url(images/marker1.gif) left center no-repeat;	
	padding-left:12px;
	margin-left: 15px;
}
.list_m2 li a{
	color:#060;
	line-height:21px;
}
.list_m3 li{
	list-style-type:disc;
	list-style-position:outside;
	color:#83c215;
	font: 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-top:10px;
}
.list_m3 li a{
	color:#060;
}
.list_m3 li a:hover{
	text-decoration:underline;
	cursor:help;
}
.list_m4 li{
	list-style-type:disc;
	list-style-position:outside;
	color:#83c215;
	font: 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-top:10px;
}
.list_m4 li a{
	color:#060;
}
.list_m4 li a:hover{
	text-decoration:underline;
}
.list_m5{
	list-style-type:disc;
	list-style-position:inside;
	color:#83c215;
	font: 18px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.list_m5 li ul{
	list-style-type:circle;
	list-style-position:inside;
	color:#83c215;
	font: 16px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-bottom:5px;
	padding-left: 10px;
	display:none;
}
.list_m5 li a{
	color:#83c215;
	text-decoration:none;
}
.list_m5 li a:hover{
	text-decoration:underline;
}
.list_m6 {
	float: left;
	background: url(images/marker1.gif) left center no-repeat;	
	padding-left:12px;
	padding-right:5px;
	font: 16px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#638205;
}
.list_m6 a{
	color:#638205;
	text-decoration:none;
}
.list_m6 a:hover{
	text-decoration:underline;
}
.list_m7 {
	float:left;
	list-style-type:none;
	padding-right:5px;
	font: 16px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#638205;
}
.list_m7 a{
	color:#83c215;
	text-decoration:none;
}
.list_m7 a:hover{
	text-decoration:underline;
}


/*============================== W E R K E   L I S T S ==============================*/
.wrap_werk{
	float:left;
	width:619px;
	margin: 10px 0px 0px 0px;	
	background-color:#FFE6C6;
	text-align: left;
	padding: 5px;
	color: #333;
}
.wrap_cover{
	float:left;
	padding-right:10px;
}
.werk_titel{
	font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	font-weight: bold;
	letter-spacing: -1px;
	color: #050;
}
.werk_autor{
	font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	font-weight: bold;
	letter-spacing: -1px;
	color: #050;
}
.werk_cat{
	background: none;
	text-transform:none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 7px;
	font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:right;
	font-weight: normal;
	color: #F60;
}
.werk_desc{
	width:534px;
	height:50px;
	padding:3px;
	background-color:#FFF8DD;
	float:left;
	font:14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

/*============================== G L O B A L ==============================*/
#main {
	width:980px;
	margin:0 auto;
	font-size:.75em;
	position:relative;
}

#content{
	background:#fbfbfb url(images/col-2-bg.png) right repeat-y;
	font:13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top:11px #bfbfbf solid;
	overflow:hidden;
	color:#353535;
}

#authors #content{
	background:#fbfbfb;
}

#user #content{
	background:#fbfbfb;
}

#basic_page #content{
	background:#fbfbfb;
}

.body-border-top{
	width:100%;
	float:left;
	background:url(images/border-top.gif) top repeat-x;
}

/*============================== C O N T E N T ==============================*/
#content section.text{
	padding:20px 20px 0 20px;
	overflow:hidden;
}
.gray-block{
	background: url(images/fbg.png) left top repeat-x;
	background-color:#A5A5A5;
	border-top:5px #636363 solid;
	padding:40px;
	overflow:hidden;
}

#authors .gray-block{
	background-color:#A5A5A5;
	border-top:5px #636363 solid;
	padding:5px;
	overflow:hidden;
}
/*============================== H E A D E R ==============================*/
header{
	height:261px;
}

header h1{
	position:absolute;
	top:26px;
}
header h1 a{
	font:900 36px/1.2em Arial, Helvetica, sans-serif;
	color:#212121;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:-3px;
}

header .lnks{
	position:absolute;
	top:56px;
	right:6px;
}

header .lnks li{
	float:left;
	margin-left:20px;
}

header .lnks a{
	color:#373737;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

header nav{
	height:60px;
	padding-top:16px;
	background:url(images/nav-bg.gif) repeat-x;
	position:absolute;
	top:151px;
	width:980px;
}

header nav li{
	float:left;
	background:url(images/separator.gif) left top no-repeat;
}

header nav li.fst{
	background:none;
}

header nav li a{
	font:15px/53px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:140px;
	float:left;
	text-align:center;
	color:#fff;
}

header nav li a:hover,header nav li.active a{
	background:url(images/nav+.gif);
}

header #social{
	height:50px;
	width:100px;
	float:right;
	position:relative;
	top:96px;
}

header #social img{
	float:left;
}

/*============================== F O O T E R ==============================*/
footer {
	height:52px;
	padding-top:22px;
	color:#444;
	font:12px Arial, Helvetica, sans-serif;
}