@charset "utf-8";

/* CSS Document */


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ol, ul {
list-style: none;
}fieldset{
border:0;
}
a,a:link,a:visited,a:hover{
color:#007D40;
text-decoration:none;
}
a:focus,a:hover{
text-decoration:underline;
}

.clear{clear:both;}


body {
margin: 0;
padding: 0;
font: 12px Arial,Verdana,sans-serif;
color: #555;
}

#header {
width: 100%;
min-height: 101px;
margin: 0 auto;
overflow: visible;
position:relative;
clear:both;
background:url(res/backgroundwrap.jpg) no-repeat right top;
}


#logo {
padding: 0;
border: 0;
width: 241px;
height: 106px;
float: left;
background: url(res/logo.png) no-repeat;
}

#header h1 {
font: bold 18px Arial;
color: #007D40;
display: block;
position: absolute;
top: 44px;
left: 227px;
}
#header h1 strong{
color: #555;
font-size: 15px;
font-weight: bold;
padding-left:10px;
}

#header .main-nav{
position: absolute;
top: 20px;
right: 20px;
}



#content{
padding:20px 20px;
}

table{
border-collapse: collapse;
border-spacing: 0;
}
table td{padding: 4px 8px;}




h1 {
color: #007D40;
font-size: 18px;
font-weight: bold;
padding: 20px 0;
margin: 0;
line-height: 19px;
}

h2 {
color: #555;
font-size: 15px;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 15px;
}





input[type="text"], 
input[type="password"], 
input[type="file"], 
input[type="reset"], 
select, textarea, .textarea {
background-image: url(res/input_shadow.png);
background-repeat: no-repeat;
border: 1px solid;
padding: 3px 1px;
border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
color:#555;
}

input[type="submit"], 
input[type="button"],
button[type="submit"],
button[type="reset"],
button[type="button"]{
color:#333;
border:1px solid;
border-color:#DEDEDE  #a7a7a7 #a7a7a7 #DEDEDE ;
background:#f9fafa url(res/btn-hg.png) repeat-x center;
padding:4px 20px; 
width:auto !important;
white-space: nowrap;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input[type="submit"]:hover, 
input[type="button"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,
button[type="button"]:hover{
background:#eae9ea url(res/btn-hg-hover.png) repeat-x top;
cursor:pointer;
}
input[type="submit"]:active, 
input[type="button"]:active,
button[type="submit"]:active,
button[type="reset"]:active,
button[type="button"]:active{
border:1px solid;
border-color:#999 #ccc #ccc #999;
color:#fff;
background:#fff url(res/btn-hg-active.png) repeat-x top;
}
button[name="btForgot"],
button[name="btReset"]{
padding:2px 10px;
font-size:11px;
float:left;
margin-top:8px;
cursor:pointer;
}
button[type="button"]{
padding:4px 10px; 
cursor:pointer;
}
input[name="btSave"] {
	outline: 0;
	padding: 4px 0px 4px 30px;
	background: url(res/save.png) no-repeat left;
}
input[name="btSave"]:hover {
	background: url(res/save-mover.png) no-repeat left;
	padding: 4px 0px 4px 30px;
	outline: 0;
	cursor: pointer;
}


input[name="btSave"]:hover{
background:url(res/save-mover.png) no-repeat center;
cursor:pointer;
}
input[name="btSave"]:active{
border:1px solid;
border-color:#999 #ccc #ccc #999;
color:#fff;
background:url(res/save-active.png) no-repeat center;
}


a.button{
border:1px solid;
border-color:#DEDEDE  #a7a7a7 #a7a7a7 #DEDEDE ;
background:#f9fafa url(res/btn-hg.png) repeat-x center;
padding:4px 20px; height:15px;
width:auto !important;
white-space: nowrap;
color: #333;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left:10px;
float:left;
outline:0;
}
a.button:hover{
background:#eae9ea url(res/btn-hg-hover.png) repeat-x top;
}
a.button:active, a.button.active{
border:1px solid;
border-color:#999 #ccc #ccc #999;
color:#fff;
background:#fff url(res/btn-hg-active.png) repeat-x top;
}

a.button.logout{
width:39px;
outline:0;
background:url(res/logout-normal.png) no-repeat center;
}
a.button.logout:hover{
background:url(res/logout-hover.png) no-repeat center;
}
a.button.logout:active{
background:url(res/logout-active.png) no-repeat center;
}

a.print {
display: block;     
font:bold 12px Arial;
text-decoration:none;
outline:0;
background:url(res/print.png) no-repeat left center;
padding-left:26px;
}
a.print:hover {
text-decoration:underline;
}


.nav{margin:20px 0 10px 0;}



/* TABELLEN */

table.data {
font: 12px Arial;
color:#4d4d4d;
margin:0;
border-bottom:1px solid #eee;
}
    .data a{ color:#007D40; text-decoration:none;}
    .data .head{color:#4d4d4d; background:#f7f7f7 url(res/table_head_hg.gif) bottom repeat-x;  }
        .data  .head2 { background:#f7f7f7; }
        .data  .head th, .data  .head2 th{  
        border-bottom:1px solid #ccc; border-right:1px solid #fff;
        padding:6px 8px;
        white-space:nowrap; text-align:left;
        }
		.data  .head2 th{text-align:center;}

    .data  td{ padding:8px; border-right:1px solid #f7f7f7;  }
        .data  tr.alternate td{ background:#f5f5f5; }
        .data  tr.normal td{ background:#fff; }
        .data  tr.focus td{ background:#57ab27; }
        .data  tr.focus td, table  tr.focus td small, table  tr.focus td a {color:#fff;}
        .data tr.alternate:hover td, .data tr.normal:hover td {background:#eee;}
        .data tr.focus:hover td {background:#34aa1d;}       
        .data tr.sum{background:#f7f7f7 url(res/table_bottom.gif) top repeat-x; font:bold 12px Arial;}
		.data tr.sum td{ border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; padding:12px 8px;}
        .data tr.sum b{font:bold 14px Arial;}

/* NAVI ISER */

.head_1st_container {
position: absolute;
top: 20px;
right: 20px;
width: 1000px;
}

#header .head_1st_container .main-nav{
position:relative;
top:0; right:0;
float:right;
}


#navi_user {
position: relative;
margin:0 ;
padding:0;
width:auto;
float:right;
}
    #navi_user ul {
    float:right;
    height:20px;
    }
    #navi_user li {
    float:left;
	display: block;     
	font:bold 12px Arial;
	width: auto;
	margin:0 24px 0 0;
	line-height:24px;
	text-decoration:none;
	outline:0;
    }
            #navi_user li.teamsprecher{
            background:url(res/navi_user_inline.png) no-repeat left 0px;
            padding-left:32px;
            }
            #navi_user li.team{
            background:url(res/navi_user_inline.png) no-repeat left -48px; 
            padding-left: 32px;
            }
            #navi_user li.summe{
            background:url(res/navi_user_inline.png) no-repeat left -95px; 
            padding-left:32px;
			font:bold 14px/24px Arial;
            }




/* MELDUNGEN */
.message_frame {
margin:10px 0; border:1px solid;
border-color:#acbfb6 #c3d9ce #c3d9ce #acbfb6; 
background:#f7f7f7 url(res/table_bottom.gif) top repeat-x; 
padding:10px; position:relative;}
.message-head{ position:relative;}

.message-head .msg_icon{ width:20px; height:20px; display:block; position:relative; }
    .message-head .remind{ background:url(res/messages.png) no-repeat 0 0;}
    .message-head .error{background:url(res/messages.png) no-repeat 0 -20px;}
    .message-head .info{background:url(res/messages.png) no-repeat 0 -40px;}
    .message-head .success{background:url(res/messages.png) no-repeat 0 -60px;}
.message-head .message-title{display:block;  font:12px Arial, Helvetica, sans-serif;  white-space:nowrap; color:#4d4d4d; position: absolute; top:4px; left:30px; }




/* EVENTS */
.events-wrapper h1{ padding:10px 0; }

.article.news{
background: url(res/news_spread.png) no-repeat 0 bottom;
width:300px;
margin: 0 20px 20px 0;
padding: 0px;
border:2px solid; border-color: #c3d9ce #acbfb6 #acbfb6 #c3d9ce ;
float:left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.news_ico{
display: block;
float: left;
position: relative;
width: 94px;
height: 101px;
margin: 3px 18px 0 -2px;
}
    .news_ico img{
	margin: 7px 0 0 7px;
    }
    .news_ico i{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 71px;
	background: url(res/news_ico_mask.png) no-repeat 0 0;
    }
    .article .news_head{
	font-size: 11px;
	margin-bottom: 5px;
    }

   .article .news_head h1{
	padding:5px;
	font-size: 13px; font-weight:bold;
	}
    .article .news_head p{
	}	
	
    .article span{
	text-decoration: none;
    }
.goto_blog{
overflow: hidden;
}
    .goto_blog .add_date, .goto_blog .comments_count{
	overflow: hidden;
	display: block;
	font-size: 10px;
	padding: 0 0 0 16px;
	text-decoration: none;
    }
.add_date{
background: url(res/icon_date.png) no-repeat 0 0;
}
.comments_count{
background: url(res/icon_comments.png) no-repeat 0 0;
}