/*
 Created by pxlstyle.net - Björn Meißner
 E-Mail: info@pxlstyle.net 
*/
/*==============================general=======================================*/
* {
  padding: 0;
  margin: 0;
}

html {
  height:100%; /* fix für ie6 */
}

ul {
  margin-left:20px;
}

#bigbox {
    width:100%;
	background: url(../images/header_bg.png) repeat-x left top;
}

body {
  background: #fff url(../images/body_bg.png) repeat left top;
  margin: 0;
  padding: 0; /* fix für safari, firefox */
  font-family: Arial, Helvetica, sans-serif;
  color:#777;
}

h3 {
  border-bottom:1px dotted #ccc;
  margin-bottom:5px;
}

a {
  color:#777;
}

.ctn li {
  margin-left:20px;
}

.full {
  width:100%;
}

.orange {
  color:#f97827;
}

.grey {
  color:#888;
}

.bold {
  font-weight:bold
}

.small {
  font-size:0.8em;
}

/*=================================icons======================================*/
.icon {
  position:relative;
  top:3px;
  margin-right:3px;
  border:0px;
}

/*=================================menu left==================================*/

.leftmenu
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px dotted #ccc;
  text-decoration:none;
}

.leftmenulast
{
  display:block;
  padding:5px 0px 5px 5px;
  border-bottom:0px;
  text-decoration:none;
}

.leftmenu img
{
  border:0px;
}

.leftmenulast img
{
  border:0px;
}

.leftmenu:hover
{
  background-color: #FFF8E8;
}

.leftmenulast:hover
{
  background-color: #FFF8E8;;
}

/*=================================list left==================================*/

.leftlist
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px dotted #ccc;
  text-decoration:none;
  cursor:help;
}

.leftlistlast
{
  display:block;
  padding:5px 0px 5px 5px;
  border-bottom:0px;
  text-decoration:none;
  cursor:help;
}

/*=================================alerts=====================================*/
.help {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #E7DEFF url(../images/icons/key.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.error {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #CC0000;
  background: #ffbfbf url(../images/icons/error.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #CC0000;
  width: 617px;
}

.success {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #390;
  background: #DEFFCC url(../images/icons/accept.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #390;
  width: 617px;
}

.information {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #E7DEFF url(../images/icons/information.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.hints {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #a2922b;
  background: #FEFFCF url(../images/icons/lightbulb.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #a2922b;
  width: 617px;
}

/*=================================content====================================*/
#container {
  margin: 0 auto;
  width: 988px;
}

.contentcontainer {
	width: 968px;
	background: url(../images/content_bg.png) repeat-y;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#welcome {
	background: url(../images/welcome.png) no-repeat left top;
	color: #fff;
	width: 951px;
	height: 209px;
	padding: 10px;
	margin: 0 auto;
}

#welcome .text {
	color:#fff;
	float: left;
	padding-left: 235px;
	padding-top: 30px;
}
/*=================================navigation=================================*/
#navigation {
  width: 100%;
  padding: 0;
  margin: 0;
}

#navbox {
  width:100%;
  float:right;
  margin-bottom:20px;
}

#navbar {
  float:left;
  width:100%;
  font-size:0.7em;
  font-weight:bold;
  line-height:normal;
}

#navbar ul {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}

#navbar li {
  display:inline;
  margin:0;
  padding:0;
}

#navbar a {
  float:left;
  background:url("../images/nav_tableft.png") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  color: #fff;
}

#navbar a span {
  float:left;
  display:block;
  background:url("../images/nav_tabright.png") no-repeat right top;
  padding:6px 15px 7px 10px;
  color:#fff;
}

#navbar a span {
  float:none; /* Hack IE5-Mac \*/
  color:#fff;
}

#navbar a:hover span {
  color:#fff; /* End IE5-Mac hack */
}

#navbar a:hover {
  background-position:0% -27px;
  color:#fff;
}

#navbar a:hover span {
  background-position:100% -27px;
  color:#fff;
}  

/*=================================header=====================================*/

#logobox {
	background: url(../images/pics.png) no-repeat right top;
	height: 105px;
	width: 988px;
	float: left;
	padding-top: 25px;
}
	
#headerbox {
  width: 988px;
  margin: 0 0 15px 0;
  padding: 0;
}

#headerbox {
  width: 968px;
  margin: 0;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
}

#headerbox .logoline {
  width:50%;
  float:left;
  color:darkgray;
}

#headerbox .logoline img {
	border: none;
}

#headerbox .flags img {
  border:none;
}

#headerbox .anmelden {
  font-size: 0.4em;
  font-weight: normal;
  color: green;
  float:right;
  margin: 15px 0px 0px 0px;
}

#headerbox .anmelden a {
  font-weight: normal;
  color: green;
}

#headerbox .header{
  width: 966px;
  height: 40px;
  margin-bottom: 5px;
  padding: 0;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border: 1px solid #ccc;
  float: left;
}


#headerbox .left {
  margin: 0;
  padding: 0;
  top: 8px;
  float: right;
  font-size: 0.8em;
}

#headerbox .right {
  margin: 0;
  padding: 0;
  position: relative;
  top: 11px;
  left: 5px;
  float: left;
  font-size: 0.8em;
}

#headerbox .login {
  margin: 0;
  padding: 0;
  top: 5px;
  left: 5px;
  float: left;
  font-size: 12px;
  color: #fff;
}

#login {
	width: 195px;
	float:right;
}

#googleadoben {
	float: left;
}

/*=================================Contentbox===================================*/

#content_top
{	clear:both;
	background:url(../images/content_top.png);
	width:988px;
	height:14px;
}

.contentbox { 
    background:url(img/content_bg.png);
	background-repeat:repeat-y;
	width: 988px;
}

#content_end
{	background:url(../images/content_end.png);
	width:988px;
	height:15px;
}
/*=================================formular===================================*/
.textinput {
  height: 18px;
  width: 200px;
  padding: 2px 0 0 5px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
}

.logmailinput {
  height: 21px;
  width: 165px;
  padding: 4px 0 0 25px;
  position: relative;
  border:none;
  font-size: 12px;
  color: #111;
  background: url('../images/loginbg1.png') no-repeat;
  margin-bottom: 10px;
}

.logpassinput {
  height: 21px;
  width: 165px;
  padding: 4px 0 0 25px;
  position: relative;
  border: none;
  font-size: 12px;
  color: #111;
  background: url('../images/loginpassbg1.png') no-repeat;
  margin-bottom:10px;
}

.inputtextarea
{
  margin: 0;
	border: 1px solid #999;
	padding: 5px;
	width: 600px;
	height: 200px;
}

.submit-btnlogin{
  background: #dfdfdf;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 1px 5px 1px 5px;
  color: #06c;
  position:relative;
  top:0px;
  margin-left:139px;
}

.submit-btn{
  background: #dfdfdf;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 1px 5px 1px 5px;
  color: #06c;
  position:relative;
  top:0px;
}
/*=================================tableforum=================================*/
.tablediv table {
  border-collapse:collapse;
	width:100%;
}

.tablediv thead th {
  background: url(../images/table/bg_td.jpg) repeat-x top;
  height: 30px;
	padding: 0px 7px;
	margin: 0px;
	text-align: left;
	border:1px solid #DDDDDD;
}

.tablediv tbody td {
	font-size: 0.9em;
	padding: 10px 7px;
	border: 1px solid #DDDDDD;
	text-align: left;
}

.tablediv tbody tr {
  background: url(../images/table/bg_td.jpg) repeat-x top;
}

.tablediv tr.odd {
 background: #FFF8E8 url(../images/table/bg_td_odd.jpg) repeat-x;

}

/*=================================box left===================================*/
#leftbox {
  margin: 0;
  width: 210px;
  float: left;
}

#leftbox .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/contentheader_bg.png) repeat-x top;
  border-top: 1px solid #50a5e7;
  border-right: 1px solid #50a5e7;
  border-left: 1px solid #50a5e7;
}

#leftbox .header_add {
  margin-top:10px;
  width: 100%;
  height: 30px;
  background: url(../images/contentheader_bg.png) repeat-x top;
  border-top: 1px solid #50a5e7;
  border-right: 1px solid #50a5e7;
  border-left: 1px solid #50a5e7;
}

#leftbox .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
}

#leftbox .header_text a {
  color: #fff;
}

#leftbox .content {
  width: 100%;
  border: 1px solid #50a5e7;
}

#leftbox .content_text {
  width: 195px;
  position: relative;
  top: 7px;
  left: 7px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#leftbox .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================box right==================================*/
#rightbox {
  float: right;
  margin: 0;
  padding: 0;
  width: 746px;
  position: relative;
  left: 0px;
}

#rightbox .header {
  margin: 0;
  width: 746px;
  height: 30px;
  background: url(../images/contentheader_bg.png) repeat-x top;
  border-top: 1px solid #50a5e7;
  border-right: 1px solid #50a5e7;
  border-left: 1px solid #50a5e7;
}

#rightbox .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
}

#rightbox .header_text a {
  color: #fff;
}

#rightbox .content {
  width: 746px;
  border: 1px solid #50a5e7;
}

#rightbox .content_text {
  width: 728px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#rightbox .footer {
  width: 746px;
  height: 1px;
  font-size: 0em;
}

/*=================================box right 2nd==============================*/
#addboxright {
  float: right;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 746px;
  position: relative;
  right: 0px;
}

#addboxright .header {
  width: 746px;
  height: 30px;
  background: url(../images/contentheader_bg.png) repeat-x top;
  border-top: 1px solid #50a5e7;
  border-right: 1px solid #50a5e7;
  border-left: 1px solid #50a5e7;
}

#addboxright .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
}

#addboxright .header_text a {
  color: #fff;
}

#addboxright .content {
  width: 746px;
  border: 1px solid #50a5e7;
}

#addboxright .content_text {
  width: 728px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#addboxright .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================thumbnails=================================*/
.thumbtd
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtda
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdr
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdbar
{
  width:60px;
  height:70px;
  text-align:center;
}

.thumbtdbar img:hover
{
  border:1px solid #f43;
}

.thumbnail
{
  width:50px;
  height:50px;
  border:1px solid #ccc;
  padding:2px;
  vertical-align:middle;
  margin-bottom:4px;
}

/*=================================pagination=================================*/
#pagination
{
  font-family:tahoma;
  text-align:center;
}

#pagination span
{
  display:block;
  float:left;
  font-size:11px;
  line-height:13px;
  margin: 2px 6px 2px 0;
}

#pagination span a
{
  background-color:#ffffff;
  border:1px solid #bbbbbb;
  color:#303030;
  display:block;
  padding:1px 5px 2px 5px;
  text-decoration:none;
}

#pagination span a:hover, #pagination span a:active
{
  background-color: #bbbbbb;
  border:1px solid #303030;
}

#pagination span.aktuell
{
  background-color: #303030;
  border:1px solid #303030;
  color:#ffffff;
  font-size:11px;
  padding:1px 5px 2px 5px;
}

/*=================================lists======================================*/
.list_div
{
  background-color:#f2f2f2;
  padding:2px 5px;
  margin:5px 0px;
  border:1px dotted #ccc;
  width:642px;
}

/*=================================footer=====================================*/
#footerbox {
	background: url(../images/content_end.png) no-repeat left top;
	height: 30px;
  width: 968;
  clear: both;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
}

#footerbox a {
  text-decoration:none;
}

#footerbox .content {
  width: 100%;
  clear: both;
  margin: 0 0 0 0;
}

#footerbox .left {
  float: left;
  font-size: 0.7em;
}

#footerbox .right {
  text-align:right;
  float: right;
  font-size: 0.7em;
}