﻿/* ALLG
------------------------------------------------------------------------------*/

*{
  font-family: 'arial', 'helvetica', 'sans serif';
	color:#102b09;
	font-size:11px;
}

body{
  background: #64ab52 url(../images/layout/bg_body.jpg) repeat-x;
	margin:0px;
	padding:0px;
	text-align:center;
}

.clear{
  clear:both;
}

.line{
	width:100%;
	line-height:20px;
	height:20px;
	background:url(../images/layout/line.gif) repeat-x 50% 50%;
}

hr{
  width:100%;
	height:1px;
	border:0px;
	border-bottom: 1px solid #d3d3d3;
	margin:10px 0;
}


form{
  padding:0px;
	margin:0px;
}


img{
  border:0px;
}

.center{
  text-align:center;
}

.right{
  text-align:right;
}

.info{
	margin:10px 0 5px 0;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
}

.info img{
	position:relative;
  top:1px;
	padding:0 3px 0 0;
}


div.bg01{
	padding:10px;
  background-color:#e2e2e2;
	border-top:1px solid #FFF;
}

div.bg02{
	padding:10px;
  background-color:#e8e8e8;
	border-top:1px solid #FFF;
}

.paginate{
  width:100%;
}


.prev{
  width:50%;
	float:left;
}

.next{
  width:50%;
	float:right;
	text-align:right;
}


/* CONTENT
------------------------------------------------------------------------------*/

.content{
  width:520px;
	float:left;
	margin:0;
	padding:0;
}

.sidebar{
  width:280px;
	float:left;
	margin:0;
	padding:0;
}

.content p,
.sidebar p{
	line-height:1.6em;
	padding-bottom:0px;
	margin-bottom:0px;
}

.content a,
.sidebar a{
  color:#378241;
	text-decoration:none;
}

.content a:hover,
.sidebar a:hover{
  color:#102b09;
	text-decoration:none;
}

.content ul,
.sidebar ul{
  margin:0;
  padding:0;
	list-style-type:none;
}

.content li,
.sidebar li{
	padding:0 0 0 10px;
	line-height:18px;
	background:url(../images/layout/dot.gif) no-repeat 0px 6px;
}



/* TABLES
------------------------------------------------------------------------------*/
.content table,
.sidebar table{
	padding:0;
	margin:0;
}

.content table{
  width:460px;
}

.sidebar table{
  width:220px;
}

.content table th,
.sidebar table th{
  padding:4px 5px;
	background-color:#d3d3d3;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	text-transform:uppercase;
}

.content table td,
.sidebar table td{
  padding:4px 5px;
	background-color:#f2f2f2;
	border-bottom:1px solid #FFF;
}

.content table td img,
.sidebar table td img{
	margin:0px 5px 1px 0;
	vertical-align:middle;
}

.content table td.alt,
.sidebar table td.alt{
	background-color:#e8e8e8;
}

.content table td.small,
.sidebar table td.small{
	font-size:10px;
	color:#666;
}


.content .tipplink{
  width:460px;
	text-align:right;
	padding:10px 0 0 0;
}

.sidebar .tipplink{
  width:220px;
	text-align:right;
	padding:10px 0 0 0;
}

.w30{
  width:30px;
}

.w50{
  width:50px;
}

.w60{
  width:60px;
}

.w70{
  width:70px;
}

.w80{
  width:80px;
}

.w100{
  width:100px;
}

.w120{
  width:120px;
}

.w140{
  width:140px;
}

.w200{
  width:200px;
}

/* HEADLINES
------------------------------------------------------------------------------*/

h1{
	margin:0 0 10px 0;
	padding:5px 0 0 0;
  color:#102b09;
	text-transform:uppercase;
	font-family: Times, serif;
	font-size:12px;
}

h2{
	margin:0 0 10px 0;
	padding:5px 0 0 0;
  color:#2d6b2d;
	text-transform:uppercase;
	font-family: Times, serif;
	font-size:12px;
}


/* FORMS
------------------------------------------------------------------------------*/

.msg{
	border:1px solid #8fc99b;
	padding:10px;
	margin:10px 0;
}

.msg_red{
	border:1px solid #e59595;
	padding:10px;

}

.login input{
	padding:1px 0 1px 2px;
	margin:0 13px 3px 0;
	width:80px;
	float:left;
	border:2px solid #d3d3d3;

}


.register .btn,
.btn{
  width:100px;
  border:1px solid #FFF;
	background-color:#d3d3d3;
	cursor:pointer;
}

.btn_sm{
  width:60px;
  border:1px solid #FFF;
	background-color:#d3d3d3;
	cursor:pointer;

}



.error{
  display:block;
	color:red;
}

.msg{
  display:block;
	color:green;
}


.register label{
	margin:0 0 5px 0;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
}

.register label a{
	font-size:10px;
	color:#AAA;
}

.register label a:hover{
	color:#666;
}

.register input{
	border:2px solid #d3d3d3;
	padding:1px 0 1px 2px;
	margin:3px 0 3px 0;
	width:200px;
}

.register input.checkbox{
  width:20px;
	margin:3px 0 0 0;

}

select{
  width:300px;
  margin:3px 0 0 0;
}

.txttip{
  width:30px;
	text-align:center;
	border:0px solid #FFF;
}


.txtarea{
	border:2px solid #d3d3d3;
	padding:1px 0 1px 2px;
	margin:3px 0 3px 0;
  width:99%;
	height:100px;
	overflow:auto;
}
label{
	margin:0 0 5px 0;
	font-size:10px;
	color:#666;
	text-transform:uppercase;
}





/* BOX
------------------------------------------------------------------------------*/

.box520{
  width:520px;
	clear:both;
	margin: 0;
}
.box520 div.top{
	height:20px;
	width:520px;
	background:url(../images/layout/box520_top.jpg) no-repeat;
}

.box520 div.middle{
	width:520px;
	background:url(../images/layout/box520_middle.jpg) repeat-y;
	text-align:center;
}

.box520 div.middle .txt{
  width:460px;
	margin:0px auto;
	text-align:left;
}


.box520 div.bottom{
	height:20px;
	width:520px;
	background:url(../images/layout/box520_bottom.jpg) no-repeat;
}

.box280{
  width:280px;
	clear:both;
	margin:0;
}
.box280 div.top{
	height:20px;
	width:280px;
	background:url(../images/layout/box280_top.jpg) no-repeat;
}

.box280 div.middle{
	width:280px;
	background:url(../images/layout/box280_middle.jpg) repeat-y;
}

.box280 div.middle .txt{
  width:220px;
	margin:0px auto;
	text-align:left;
}

.box280 div.bottom{
	height:20px;
	width:280px;
	background:url(../images/layout/box280_bottom.jpg) no-repeat;
}


/* MENU
------------------------------------------------------------------------------*/

.menu{
  position: absolute;
	top:170px;
	margin:0 0 0 290px;
}

.menu ul{
  list-style-type: none;
	margin:0px;
	padding:0px;
}

.menu ul li{
  float:left;
  font-family: Times, sans;
	font-size:14px;
	font-weight:bold;
	color:#f2f2f2;
	padding:0 0 0 5px;
	margin:0;
}



.menu a{
  font-family: Times, sans;
	font-size:14px;
	font-weight:bold;
	color:#f2f2f2;
	text-decoration:none;
}

.menu a:hover,
.menu a.active{
  color:#102b09;
}
              




/* CONTAINER
------------------------------------------------------------------------------*/

#container{
  width:800px;
	margin:0 auto;
}

#header{
  height:200px;
	width:780px;
	margin:0px auto;
	text-align:left;
	background:url(../images/layout/logo.jpg) no-repeat;
}

#header .logo{
  position:absolute;
}

#header .gewinn{
  position:absolute;
	margin-left:500px;
}

#content{
	width:800px;
}

/* FOOTER */

#footer{
	width:800px;
	text-align:right;
	margin:10px 0 30px 0;
}

.copy{
  color: #378241;
	font-size:11px;
	padding:0 15px 0 0;
}

.copy a{
  color: #378241;
	font-size:11px;
	text-decoration:none;
}

.copy a:hover{
  color: #FFF;
	font-size:11px;
	text-decoration:none;
}






