/*TemplateCSS for joinupdesign.at by klubarbeit.net // www.klubarbeit.net*/
body{
font-family:Arial;
background-color:#89ba2b;
background-image:url(../layout/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
}

h1{
color:#89ba2a;
padding:0;
margin:0;
font-size:18px !important;
}

h3{
color:#89ba2a;
padding:0;
margin:0;
font-size:14px;
}

h5 {
text-align:center;
font-size:12px;
border:1px solid #89ba2b;
padding-bottom:0;
margin-bottom:0;
background-color:#cacaca;
color:#000000;
}

hr {
color:#999999;
}

#centerer{
position:relative;
width:1010px;
height:auto;
margin:auto;
}

#header-centerer {
float:left;
height:250px;
width:1010px;
}

#header-left {
width:285px;
height:250px;
background-image:url(../layout/header-left.jpg);
background-repeat:no-repeat;
float:left;
}

#header-mid {
width:170px;
height:250px;
background-image:url(../layout/header-mid.jpg);
background-repeat:no-repeat;
float:left;
}

#header-right {
width:554px;
height:212px;
background-image:url(../layout/header-right.jpg);
background-repeat:no-repeat;  
float:left;
padding-top:38px;
}

#wrapper {
float:left;
width:1010px;
min-height:530px;
height:auto;
background-image:url(../layout/wrapper.jpg);
background-repeat:repeat-y;
}


#navi{
width:285px;
min-height:530px;
height:auto;
float:left;
padding-top:20px;
}

#navicontent {
float:left;
min-height:250px;
height:auto;
padding-top:70px;
padding-left:30px;
width:265px;
}

#content {
width:694px;
min-height:520px;
height:auto;
float:left;
padding-top:30px;
padding-right:30px;
font-size:13px;
}

#navicontent img{
border:none;
}

#footer-left {
width:285px;
height:136px;
float:left;
background-image:url(../layout/bottom-left.jpg);
background-repeat:no-repeat;
}

#footer-right {
width:705px;
height:56px;
float:left;
background-image:url(../layout/bottom-right.jpg);
background-repeat:no-repeat;
padding-top:80px;
padding-right:20px;
font-size:13px;
background-color:#ffffff;
}



/* UL LI DEFS FOR NAVIS AND CONTENT*/

#navi ul {padding-right:45px;}

#navi ul li{
list-style-type:none;
width:200px;
float:right;
background-color:#89ba2a;
border-bottom:2px solid #ffffff;
height:20px;
text-align:right;
padding-right:10px;
padding-top:3px;
font-size:12px;
}

#navi ul li a{
text-align:center;
text-decoration:none;
color:#000000;
padding-right:5px;
}

#navi li:hover {
background-color:#d9e9bb;

}
#navi ul li a:active {
}

#header-mid ul {
margin-top:120px;
padding-left:0;
padding-right:10px;
}

#header-mid ul li{
list-style-type:none;
width:160px;
float:right;
background-color:#89ba2a;
border-bottom:2px solid #ffffff;
height:20px;
text-align:right;
font-size:12px;
padding-top:3px;
padding-right:0px;
}


#header-mid ul li a{
color:#000000;
padding-right:10px;
text-decoration:none;
}

#header-mid ul li a:hover {
background-color:#d9e9bb;
width:170px;
}

#header-mid li:hover {
background-color:#d9e9bb;

}

#content ul {
padding-left:17px;
}

#content li {
list-style-image:url(../layout/li.png);
padding:0;
margin:0;
}

#content a {
font-size:13px;
color:#89ba2a;
padding-bottom:3px;
padding-right:2px;
text-decoration:none;
}

#footer-right a {
font-size:13px;
color:#89ba2a;
padding-bottom:3px;
padding-right:2px;
text-decoration:none;
}


#content hr {
width:674px;
margin-right:20px;
}

#content img {
border:none;
}

/*FORM STYLES*/

.required {
	color: #FF0000;
}
.field_title {
	font-size: 12px;
	width: 100px;
	vertical-align: top;
	text-align:right;
}
.textfield {
	font-size: 12px;
	width: 200px;
}
.textarea {
	font-size: 12px;
	width: 90%;
	height: 100px;
}
.field_heading {
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #89ba2a;
	padding-top: 10px;
	color: #89ba2a;
	padding-bottom:5px;
}
.select {
	font-size: 12px;
}
.checkbox_label {
	font-size: 11px;
	cursor: pointer;
}
.radio_label {
	font-size: 11px;
	cursor: pointer;
}
.email {
	font-size: 12px;
	width: 200px;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

.captcha_expl {
padding-left:5px;
font-size:12px;
}

/*END FORM*/


#floatbreaker {
clear:both;
}

/*Image Gallery Defs*/
/*
  CSS definition for Website Baker module: KA Image Gallery
  Copyright (C) year, Authors name
  Contact me: author(at)domain.xxx, http://authorwebsite.xxx

  This CSS file is free software. You can redistribute it and/or modify it 
  under the terms of the GNU General Public License  - version 2 or later, 
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful, 
  but WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
  GNU General Public License for more details.
  
  You can put you styles here vor rendering the HTML-Output
*/

.kagal_catmenu {
list-style-image:none;
list-style-type:none;
margin:10px;
padding:0px;
}

.kagal_catmenu li {
float:left;
width:150px;
border:1px solid #003366;
background-color:#EFEFEF;
color:#000000;
padding:2px;
margin:5px;
}
.kagal_catmenu li:hover {
background-color:#CCCCCC;
}

.kagal_catmenu li a {
color:#003366;
}


.kagal_imglist {
clear:both;
list-style-image:none;
list-style-type:none;
margin:10px;
padding:0px;
}

.kagal_imglist li {
float:left;
padding:5px;
}

.kagal_imglist li a img {
border:1px solid #cacaca !important;
}

.kagal_currentcat {
background-color:#003366 !important;
}
.kagal_currentcat a {
color:#FFFFFF !important;
}

.kagal_end {
clear:both;
margin-bottom:10px;
}

.kagal_catmenu_preview {
clear:both;
list-style-image:none;
list-style-type:none;
margin:0px;
padding:0px;
}

.kagal_catmenu_preview ul li a{
float:left;
border:1px solid #6FBAE4;
background-color:#E5F4FC;
padding:6px;
margin:5px;
font-size:11px;
font-style:normal;
line-height:20px;
}

.kagal_liall {
list-style-type:none !important;
list-style-image:none !important;
float:left;
display:inline;
margin-left:5px;
}


.kagal_backlink { text-align:right; font-size:11px; }

.kagal_imgdetail {
list-style-type:none;
list-style-image:none !important;
}

.homepic1 {
background-image:url(../layout/werbetextilien-button.png);
background-repeat:no-repeat;
float:left;
}

.homepic2 {
background-image:url(../layout/werbemittel-button.png);
background-repeat:no-repeat;
float:left;

}

.homepic3 {
background-image:url(../layout/CO-button.png);
background-repeat:no-repeat;
float:left;
}



.homepic1:hover{
background-image:url(../layout/homepic1-hover.jpg) !important;
background-repeat:no-repeat;
}

.homepic2:hover {
background-image:url(../layout/homepic2-hover.jpg) !important;
background-repeat:no-repeat;

}

.homepic3:hover{
background-image:url(../layout/homepic3-hover.jpg) !important;
background-repeat:no-repeat;

}