/*Internetexplorer brauchen eine Höhenangabe zum clearen:*/
* html { /*für IE5 - IE6 */
height: 1%;
}

* +html { /*für IE7*/
min-height: 1%;
}

body
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #333;
	margin: 0;
	background-color: #669DF6;
	text-align: center;
	background-image: url('/static/img/bg2.jpg');
	background-repeat: repeat;
}

div.clearer {clear: left; line-height: 0; height: 0;}

hr
{
	visibility : hidden;
	display: block;
	clear: both;
	height: 0px;
	padding: 0;
	margin: -0.66em 0;
	border: 0px;
	line-height: 0;
}

img
{
	border: 0;
}

img.expand { cursor: pointer; }

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
}

.wlogin {
	width: 316px;
	height: 236px;
	margin-top: 100px;
	padding-top: 5px;
	background-image: url('/static/img/bg_login.png');
	background-repeat: no-repeat;
}

#tpl_overall
{
	width: 1000px;
	clear: both;
	margin: auto;
	text-align: left;
	padding: 0 8px;
	background-image: url('/static/img/lib/bgmain.png');
	background-repeat: repeat-y;
}	

#tpl_shadow
{
	background-image: url('/static/img/lib/bgbottom.png');
	height: 8px;
	background-repeat: no-repeat;
	width: 1000px;
	padding: 0 8px;
	clear: both;
	margin: auto;
	margin-top: 0;
}

#tpl_cont_head,  #tpl_cont_main, #tpl_cont_subhead
{
	clear: left;
	float: left;
	width: 1000px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

#tpl_cont_main, #tpl_footer {
	background-image: url('/static/img/lib/menbg.jpg');
	background-repeat: repeat-y;
	background-position: -130px 0;
}

#tpl_cont_head
{
	height: 60px;
	background-color: #FFF;
}

#tpl_cont_subhead
{

	background-image: url('/static/img/lib/bggrey.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 4px 0 4px 0;
	margin: 0;
	height: 14px;
	width: 1000px;
	color: #333;
}

#tpl_cont_subhead_login
{
	clear: left;
	width: 400px;
	padding-left: 10px;
	float: left;
}

#tpl_cont_subhead_msg
{
	width: 400px;
	padding-right: 10px;
	float: right;
	text-align: right;
	vertical-align: top;
}

#tpl_cont_subhead a
{
	color: #333;
}

#tpl_head_left
{
	float: left;
	height: 80px;
	width: 500px;
	padding-top: 3px;
}

#tpl_head_right
{
	float: right;
	height: 80px;
	padding-top: 10px;
	padding-right: 10px;
	width: 400px;
	text-align: right;
}

#tpl_menu
{
	float: left;
	width: 160px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 10px;
}

#tpl_main
{
	width: 810px;
	float: right;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#tpl_footer
{
	clear: left;
	float: left;
	width: 790px;
	padding-left: 200px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #FFF;
}

ul.menu
{
	margin: 0 0 5px 0;
	padding: 0;
}

ul.menu li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 162px;
}

ul.menu li a
{
	margin-left: 15px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

ul.menu .top
{
	color: #333;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 17px;
	padding-left: 0;
	padding-bottom: 3px;
	padding-top: 5px;	
}

ul.menu .top a
{
	color: #333;
	margin-left: 0;
	padding-left: 5px;
	font-weight: bold;
}

ul.menu .link
{
	padding: 0 1px 2px 1px;
	background-position: bottom left;
	background-repeat: repeat-y;
	height: 19px;
}

ul.menu a:hover
{
	font-weight: bold;
}

table th
{
	background-color: #B6B6B6;
	color: #333;
	font-weight: normal;
	text-align: left;
	background-image: url('/static/img/lib/bggrey.jpg');
	background-repeat: repeat-x;
	height: 22px;
	padding: 2px;
}

table.std
{
}

table.std td
{
	border-bottom: 1px solid #999;
}

table.std td.nb { border: 0; }

table.std th
{
	background-color: #B6B6B6;
	color: #333;
	font-weight: normal;
	background-image: url('/static/img/lib/bggrey.jpg');
	background-repeat: repeat-x;
	height: 22px;
}

table.nb { border: 0; }
table.nb td { border: 0; }
table.nb th { border: 0; }

table.std2
{
}

table.std2 td
{
	border-bottom: 1px solid #3C90F5;
}

table.std2 th
{
	border-bottom: 1px solid #3C90F5;
	background-color: #3C90F5;
	color: #FFF;
	background-image: url('/static/img/subheadbg.jpg');
	background-repeat: repeat-x;
	height: 22px;
}

h1
{
	color: #333;
	font-size: 14px;
}

h2
{
	color: #333;
	font-size: 14px;
}

h3
{
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a
{
	color: #57AC52;
	text-decoration: underline;
}

a.details { background-image: url('/public/icons/details.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.add { background-image: url('/public/icons/add.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.edit { background-image: url('/public/icons/edit.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.duplicate { background-image: url('/public/icons/duplicate.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.deactivate { background-image: url('/public/icons/cancel_square.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.delete { background-image: url('/public/icons/delete.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.back { background-image: url('/public/icons/back.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.refresh { background-image: url('/public/icons/refresh.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.save { background-image: url('/public/icons/save.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.mail { background-image: url('/public/icons/mail.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.puzzle { background-image: url('/public/icons/puzzle.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }
a.calendar { background-image: url('/public/icons/calendar.png'); background-repeat: no-repeat; padding: 0 0 5px 20px; }

table.reiter td {
	font-size: 12px;
	height: 10px;
}

tr.reiter {
	background-color: #efefef;
}

td.reiter { 
 background-color: #efefef;
 color: #FFF;
 padding: 5px;
 padding-right: 30px;
 background-image: url('/public/reiter/reiter_rechts.gif');
 background-repeat: no-repeat;
 background-position: top right;
 font-weight: normal;
 cursor: pointer;
}

td.reiter_aktiv { 
 background-color: #fff;
 color: #FFF;
 padding: 5px;
 padding-right: 30px;
 background-image: url('/public/reiter/reiter_rechts.gif');
 background-repeat: no-repeat;
 background-position: top right;
 font-weight: bold;
 cursor: pointer;
}


td.nreiter_links_aktiv {
 background-image: url('/public/reiter/links.png');
 background-repeat: no-repeat;
 background-position: top right;
 width: 16px;
 cursor: pointer;
}

td.nreiter_links {
 background-image: url('/public/reiter/links_aktiv.png');
 background-repeat: no-repeat;
 width: 16px;
 cursor: pointer;
}

td.nreiter_aktiv {
 background-image: url('/public/reiter/mitte.png');
 background-position: top left;
 background-repeat: repeat-x;
 color: #FFF;
 height: 25px;
 padding: 5px 10px 5px 5px;
 cursor: pointer;
}

td.nreiter {
 background-image: url('/public/reiter/mitte_aktiv.png');
 background-position: top left;
 background-repeat: repeat-x;
 height: 25px;
 color: #333;
 padding: 5px 10px 5px 5px;
 cursor: pointer;
}

td.nreiter_rechts_letzter {
 background-image: url('/public/reiter/rechts_aktiv.png');
 background-repeat: no-repeat;
 width: 27px;
 background-position: top left;
 cursor: pointer;
}

td.nreiter_rechts_letzter_aktiv {
 background-image: url('/public/reiter/rechts.png');
 background-repeat: no-repeat;
 width: 27px;
 background-position: top left;
 cursor: pointer;
}

td.nreiter_rechts_aktiv {
 background-image: url('/public/reiter/dunkel_hell_rechts.png');
 background-repeat: no-repeat;
 width: 27px;
 background-position: top left;
 cursor: pointer;
}

td.nreiter_rechts {
 background-image: url('/public/reiter/hell_hell_rechts.png');
 background-repeat: no-repeat;
 width: 27px;
 background-position: top left;
 cursor: pointer;
}

td.nreiter_rechts_nebenaktiv {
 background-image: url('/public/reiter/hell_dunkel_rechts.png');
 background-repeat: no-repeat;
 width: 27px;
 background-position: top left;
 cursor: pointer;
}

.uploadarea {
	height: 150px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
}

.uploadarea form {
	display: none;
}

.uploadarea img {
	max-width: 200px;
}

.borderbottom {
	border-bottom: 1px solid #ccc;
}

table.pagination { }

table.pagination td.common { width: 20px; cursor: pointer; background-color: #FFF; font-size: 11px; font-weight: bold; color: #333; }
table.pagination td.active { width: 20px; cursor: pointer; background-color: #999; color: #FFF; font-weight: bold; font-size: 11px; }
table.pagination td.hover { width: 20px; cursor: pointer; background-color: #999; font-size: 11px; font-weight: bold; color: #FFF; }
table.pagination td.dots { width: 20px; cursor: default; font-size: 11px; font-weight: bold; color: #333; }
table.pagination td.next, td.previous { width: 15px; cursor: pointer; font-size: 11px; font-weight: bold; color: #333; }
table.pagination td.hover_next, td.hover_previous { width: 15px; cursor: pointer; background-color: #999; color: #fff; font-size: 11px; font-weight: bold; color: #FFF; }

table.pagination td.main { font-weight: normal; }
table.pagination td.main2 { font-weight: normal; }

table.pagination td.left { cursor: default; font-size: 1px; width: 4px; border: 0; }
table.pagination td.right { cursor: default; font-size: 1px; width: 4px; border: 0; }

.wzCtrl button {
	background-color: #FFF;
	border: 1px solid #669DF6;
	margin-right: 1px;
}

div.wzCtrl {
	background-color: #FFF;
	border: 1px solid #999;
	margin-right: 0;
}
