/* CSS Document */
/*Reset CSS by meyerweb*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  background-image: url(../gfx/whiteback.jpg);
  background-repeat:repeat;
  
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
  text-decoration:none;
  color:#000000;
}

a:visited {
  color:#000000;
}

a.tooltip {
  text-decoration:none;
}

.tooltip span.tooltiptext {
  display:none;
  background-color:#ffffbb;
  border: 1px solid black;
  padding: 4px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10pt;
  line-height:1.1;
}

.tooltip:hover span.tooltiptext{
  display:inline-block;
	position:fixed;
	left:40%;
	width:260px;
	font-weight:normal;
	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	margin-left:4px;
  border: 1px dotted #aaaaaa;
}

#wrapall {
  width:1140px;
  margin:0px auto;
}

#header {
  margin-top:10px;
  /*width:952px;*/
  height:80px;
  border: 4px solid #2222ff;
  border-radius:15px;
  box-shadow: 6px 6px 4px #444444;
  -moz-box-shadow:6px 6px 4px #444444;
  -webkit-box-shadow:6px 6px 4px #444444;
	background-color:#2222ff;
  background-image:url("../gfx/kauz-klein.jpg");
  background-repeat:no-repeat;
  background-position:2px;
  margin-bottom:8px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;  
}

#header div.webkauz {
  position:relative;
  left:80px;
  top:30px;
  
}

#header div.webkauz a {
  font-family:Arial,Helvetica,sans-serif;
  font-size:300%;
  color:#2299ff;
  font-weight:bold;
  text-decoration:none;
}

#header div.webkauzimpr {
  position:relative;
  left:600px;
  top:10px;
  word-spacing:24px;
}

#header div.webkauzimpr a {
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
  color:#2299ff;
  font-weight:bold;
  text-decoration:none;
}

#header div.webkauzimpr a:hover {
  text-decoration:underline;
}

#teaser, #teaser2 {
  font-family:Arial,Helvetica,sans-serif;
  border: 1px solid black;
  border-radius:15px;
	padding:6px 6px 6px 6px;
  margin-top:4px;
  font-size:100%;
  line-height:1.1;
}

#teaser h1 {
  display:block;
  text-align:center;
  font-size:120%;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:4px;
}

#teaser {
  line-height:1.2;
  font-size:90%;
}

#settingsheader {
  margin-top:8px;
  margin-left:170px;
}

#hilfetext p {
  font-family:Arial,Helvetica,sans-serif;
  font-size:90%;
  padding:6px;
  line-height:1.2;
}

#hilfetext h2 {
  font-family:Arial,Helvetica,sans-serif;
  font-size:90%;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:20px;
}




.text {
  font-family:Arial,Helvetica,sans-serif;
  font-size:90%;
  padding:6px;
  line-height:1.2;
}

.text a, .aufzaehlung a, #hilfetext p a {
  text-decoration:underline;
  color:blue;
  line-height:1.2;
}

.aufzaehlung {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:12px;
  list-style:disc inside;
  line-height:1.2;
}

#topmenu {
	width:960px;
	margin-left:170px;
	padding: 0 20px; 
	background: #2222ff; 
	font-size: 80%; 
	line-height: 1.5; 
	margin-top:8px;
}

#topmenu ul { 
float: left; 
width:160px;
list-style-type: none;
margin-left:4px; 
}

#topmenu ul.staaten {
  width:100px;;
}

#topmenu ul.yearchange {
  width:32px;
}
#topmenu ul.yearchange a {
  background:#aaaaaa;
  color:#000000;
}
#topmenu ul.yearchange a:hover {
  background:#bbbbbb;
  color:#000000;
}

#topmenu ul.year {
  width:auto;
}

/*
#topmenu ul.style {
  width:80px;
  margin-left:10px;
}
*/

#topmenu ul.year h3 {
  color:#000000;
  background-color:#ffffff;
}

#topmenu ul.activehalf {
  width:120px;
  margin-left:10px;
} 

#topmenu ul.activehalf a {
  color:#000000;
  background-color:#ff9933;
}

#topmenu ul.singlebutton {
  width:120px;
  margin-left:10px;
} 

#topmenu ul.singlebutton a {
  color:#000000;
  background-color:#ff9933;
  border: 1px solid black;
}

#topmenu ul.singlebutton li {
  background-color: #ff9933;
}

#topmenu h3 { 
  font-size: 1em; 
  text-align: center; 
  color: #000; 
  border: 1px solid #003366; 
  background: #ff9933; 
} 


#topmenu a { 
  text-decoration: none; 
  display: block; 
  border: 1px solid #cecece; 
  text-align: center; 
  background: #ff9933; 
  color: #003366; 
} 

/*
#topmenu a:hover { 
  color: #ff9933; 
  background: #003366; 
} 
*/

#topmenu li { 
  position: relative; 
} 

#topmenu ul ul { 
  position: absolute; 
  z-index: 2; 
  display: none; 
} 

#topmenu ul li:hover ul { 
  display: block; 
}

#topmenu input {
  font-size:100%;
  font-family:Arial,Helvetica,sans-serif;
}

#selsettings {
  font-size:90%;
  font-family:Arial,Helvetica,sans-serif;
  padding:6px;
}

#setdescriptor {
  position:relative;
  left: 120px;
}

#setstaat {
  position:relative;
  left:130px;
}

#setland {
  position:relative;
  left:150px;
}

#contentwrapper {
  margin-top:12px;
}

#leftcol {
  float: left;
  width:170px;
  
}

#content {
	float:right;
	width:940px;
	
	
	border:1px solid #000000;
	padding:8px; 
}

.copyright {
  
  font-family:Arial,Helvetica,sans-serif;
  font-size:60%;
  font-weight:bold;
}

.kalheader {
  font-weight:bold;
  left:50%;
  text-align:center;
  margin-top:12px;
  margin-bottom:12px;
}

#kalender table.year {
  border-spacing:0px;
  width:100%;
  height:100%;
  border-collapse:collapse;
  empty-cells:show;
  font-family:Times,serif;
  font-size:80%;
}

#kalender table.year th {
  font-size:100%;
  font-weight:bold;
}

#kalender table.year td {
  padding-top:3px;
  padding-left:2px;
  padding-bottom:2px;
  padding-top:2px;
	width:16%;  
  font-size:80%;
}

#kalender table.quartal {
  border-spacing:0px;
  width:80%;
  height:100%;
  border-collapse:collapse;
  empty-cells:show;
  font-family:Times,serif;
  font-size:100%;
  margin:auto;
}

#kalender table.quartal th {
  font-size:100%;
  font-weight:bold;
}

#kalender table.quartal td {
  padding-top:4px;
  padding-left:2px;
  padding-bottom:4px;
  width:32%;  
  font-size:100%;
}

#kalender table.month {
  border-spacing:0px;
  width:60%;
  height:100%;
  border-collapse:collapse;
  empty-cells:show;
  font-family:Times,serif;
  font-size:100%;
  margin:auto;
}

#kalender table.month th {
  font-size:100%;
  font-weight:bold;
}

#kalender table.month td {
  padding-top:4px;
  padding-left:2px;
  padding-bottom:4px;
  width:100%;  
  font-size:100%;
}

#kalender .secondhalf {
  margin-top:32px;
}


#footer {
  clear:both;
  width:960px;
  text-align:center;
  margin-top:12px;
}

#footer a {
  text-decoration:underline;
  color:#3333FF;  
}

#impressum {
  font-family:Arial,Helvetica-sans-serif;
  font-size:90%;
}

#impressum h2 {
  font-weight:bold;
  font-size:120%;
  margin-bottom:16px;
  margin-top:16px;
}

.right {
  float:right;
  text-align:right;
  margin-right:2px;
}

.hinweis {
  color:#FF0000;
  font-family:Arial,Helvetica,sans-serif;
}  

#settings {
  font-family:Arial,Helvetica,sans-serif;  
}

#settings p {
  margin-top:8px;
}

#settings .controls {
  display:inline-block;
	width:300px;
	border-bottom: 1px dotted #bbbbbb;
}

#settings .buttons {
  margin-top:24px;
}

#settings .cancel {
  position:relative;
  left: 100px;
}

.notexist {
  border: 1px solid #000000;
  background-color: #666666;  
}

#calcformleft {
  float:left;
  width:300px;
  height:240px;
  padding:8px;
}

#fristen #calcformleft {
  width:440px;
}

#calcformleft input.radio {
  width:10px;
}

fieldset {
  border:1px solid black;
  padding: 8px;
}

legend {
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  margin-bottom:8px;
}

#calcformleft label {
  display:inline-block;
  width:150px;
  text-align:left;
  border-bottom: 1px dotted #bbbbbb;
}

#calcformleft input {
  margin-left:8px;
	width:80px;
  text-align:left;  
}

.newline {
  
  padding-top:4px;
  padding-bottom:4px;
}

#calcformright {
  float:left;
  width: 300px;
  height:240px;
}

#calcformright label {
  display:inline-block;
	width:188px;
  text-align:left;
  border-bottom: 1px dotted #bbbbbb;
}

#calcformright input {
  margin-left:8px;
	width:40px;
  text-align:left;  
}

#calcergebnis {
  float:left;
  padding:8px;
	margin-left:8px;
  width:280px;
  height:230px;
	text-align:left;
  border: 1px solid black;
	line-height:1.2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:90%;
	background-color: #dddddd;
}

#fristen #calcergebnis {
  width:420px;
}

#calcergebnis h3 {
  font-weight:bold;
  margin-bottom:8px;
  text-align:center;
  line-height: 1.3;
}

#calcergebnis .label {
  display:inline-block;
	width:200px;
  text-align:left;
  border-bottom: 1px dotted #bbbbbb;
  padding-top:2px;
  padding-bottom:2px;
}

#calcergebnis .ergebnis {
  margin-left:8px;
}