body{
	font-family: Arial;
	text-decoration: none;
	margin: 0;
}

h1, h2, h3 {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 0;
}

h2 {
	font-family: Arial;
	font-size: 12px;
	margin-top: 0;

}

h2 a {
	text-decoration: none;
	
}
h2 a:hover {
	text-decoration: underline;
	color: #666;
}

h3 {
	color: #000000;
	font: 24px Georgia, 'Times New Roman', serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

a,
a:active,
a:visited {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #222222;
    text-decoration: underline;
}


/*CSS Hack für Tooltipps bei den Teamnamen*/
a.tooltip
{
  position: relative;
  text-decoration: none;
  color: black;
}
a.tooltip span
{
  display: none;
 	font: 12px Arial;
	color: #666;
}
a.tooltip:hover span
{
  position: absolute;
  display: block;
  top: 3em;
  left: 2em;
  border: 1px solid black;
  background-color:white;
  padding: 0.2em;
}
/*Ende CSS Hack für Tooltipps bei den Teamnamen*/


ul{
	list-style: none;
	padding: 0px;
	margin-top: 0;
}

.clear{
	clear: both;
}

.floatR{
	float: right;
}

.floatL{
	float: left;
}

#wrapper {
  width: 1512px;
  position: relative;
  margin-left: 20px;
}

.logo {
  width: 100%;
  border-top: 3px solid #000;
  padding-top: 0px;
  margin-top: 20px;
  margin-bottom: 0px;
  text-indent: -999em;
}
.logo img {
  float: left;
}

#navigation {
  width: 100%;
  border-top: 1px solid #8C8B8D;
  border-bottom: 1px solid #8C8B8D;
  color: #cccccc;
  margin-bottom: 30px;
  overflow: auto;
}
#navigation a,
#navigation a:visited,
#navigation a:active {
  color: #B1B2B4;
  float: left;
  display: block;
}
#navigation a:hover,
#navigation a.active {
  color: #222;
}
#navigation li {
  float: left;
  font-size: 15px;
  font: 0.9375em/29px Georgia, "Times New Roman", serif;
  font-weight: normal;
}
#navigation li span {
  margin: 0 10px;
  display: block;
  float: left;
  font: 1em/29px Georgia, "Times New Roman", serif;
}

.wrapper_teams{
	width: 1512px;
	background-color: #f8f8f8;
	padding-left: 12px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
}

.leftCol{
	width: 250px;
	min-height: 100px;
	float: left;
	color: #666;
	font: 10px Arial;
}

.addbutton{
	margin-right: 20px;
	/* margin-right: 16px; für exakte Ausrichtung an rechtem Rand von box_klein*/
	margin-top: 3px;
}

.box{
border-style: none;
border-color: #000000;

/* Schatten */
box-shadow:1px 1px 3px #888;
-moz-box-shadow:1px 1px 3px #888;
-webkit-box-shadow:1px 1px 3px #888;
-ms-box-shadow:1px 1px 3px #888;
-o-box-shadow:1px 1px 3px #888;
background-color: rgb(255, 255, 255);
}


.box_klein{
	width: 230px;
	margin: 8px 0;
	padding-right: 0;
	min-height: 46px;
}

.box_klein p.text1{
	text-decoration: none;
	margin: 8px 15px 7px;
	font: 12px Arial;
	color: #666;
}

.box_klein p.text2{
	text-decoration: none;
	margin: 0 15px 8px;
	color: #a4a4a4;
	font: 10px Arial;
}

.box_klein .edit{
	text-decoration: none;
	color: rgba(255, 255, 255, 0);
	font: 10px Arial;
	margin: 0 15px 8px 0;

}

.box_klein a{
display: block;
float: left;
width: 100%;
height: 100%;
text-decoration: none;
color: #666;
min-height: 46px;
}

.box_klein:hover
{

	/* Schatten */
	box-shadow:1px 1px 3px #888;
	-moz-box-shadow:1px 1px 3px #888;
	-webkit-box-shadow:1px 1px 4px #444;
	-ms-box-shadow:1px 1px 3px #888;
	-o-box-shadow:1px 1px 3px #888;
}

.box_klein:hover .edit{
	color: #a4a4a4;
}

.filter{
/*	background-color: #eff7ed;*/
	
	background-color: #deebf2;
		
}

img.mitarbeiter-icons{
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-right: 2px;
}
 
label{
	font: 12px Arial;
	color: #666;
}

#loginbox{
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 200px;
	height: 120px;
	margin-left: -100px;
	margin-top: -60px;
	padding-left: 50px;
	padding-top: 0;
}

#loginbox img{
	float: left;
	position: relative;
	top: -70px;
	font-variant: small-caps;
}


.revolvernr{
	font: 12px Arial;
	color: #666;
}

.fancybox-slide--iframe .fancybox-content{
	width  : 400px  !important;
	height : 220px !important;
	max-height : 600px;
	margin: 0;
}

/*#iframe{
	margin: 20px;
}

/*Styles für phpMyEdit Tabellen*/

hr.pme-hr		     { border: 0px solid; padding: 0px; margin: 0px; border-top-width: 1px; height: 1px; }
table.pme-main 	     { border: #000000 1px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; 	font-size: 12px;}
table.pme-navigation { border: #000000 0px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; 	font-size: 12px;}
td.pme-navigation-0, td.pme-navigation-1 { white-space: nowrap; }
th.pme-header	     { border: #000000 1px solid; padding: 4px; background: #d3d3d3; }
td.pme-key-0, td.pme-value-0, td.pme-help-0, td.pme-navigation-0, td.pme-cell-0,
td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1,
td.pme-sortinfo, td.pme-filter { border: #000000 1px solid; padding: 2px; }
td.pme-buttons { text-align: left;   }
td.pme-message { text-align: center; }
td.pme-stats   { text-align: right;  	font-size: 12px;}
	
	
	
	
	
	
/*ab hier nur zum testen*/
#box_breit{
	width: 700px;
}


.calender {
    width:280px;
    border:1px solid black;
}
* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}
.day {
    float:left;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
.day.headline {
    background:silver;
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
}
.pagination a {
    width:20px;
    height:20px;
}