/* Einstellungen für den Body */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image:url(../img/bg.html.gif);
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

/* Überschriften */
h1 { 
	font:1.5em georgia,serif; 
	margin:0em 0;
	font-family:arial,sans-serif;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
	font-family:arial,sans-serif;
}
	h1, h2, a {
		color:orange;
	}
	
/* Absätze */
p { 
	line-height:1.5; 
	margin:0 0 1em;
}

/* Template-Breite und Zentrierung */
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:950px;
	background:#f9f9f9;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/* Header des Templates */
div#header {
	padding:0em;
	background:#44546a;
	border-bottom:6px solid #e8e8e8;
	height:14em;
	overflow:hidden;





 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#44546a, endColorstr=#738296);
 background-image:-moz-linear-gradient(left, #44546a 8%, #738296 26%,#a1afc1 50%);
background-image:linear-gradient(left, #44546a 8%, #738296 26%,#a1afc1 50%);
background-image:-webkit-linear-gradient(left, #44546a 8%, #738296 26%,#a1afc1 50%);
background-image:-o-linear-gradient(left, #44546a 8%, #738296 26%,#a1afc1 50%);
background-image:-ms-linear-gradient(left, #44546a 8%, #738296 26%,#a1afc1 50%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(8%,#44546a), color-stop(26%,#738296),color-stop(50%,#a1afc1));









}

div#header p {
	font-size:1.5em;
	margin:0;
}

/* Content */
div#pdm_content {
	padding:1em 1em 5em; /* bottom padding for footer */
	font-size:10pt !important;
	color:6b6b6b !important;
	font-weight:normal !important;
	clear:both;
}

div#content p {
	text-align:justify;
	padding:0 1em;
}

/* Footer */
div#footer {
	position:fixed;
	width:950px;
	bottom:0; /* stick to bottom */
	background:#44546a;
	border-top:6px solid #e8e8e8;




 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#44546a, endColorstr=#88a5b3);
 background-image:-moz-linear-gradient(right, #44546a 0%, #88a5b3 100%);
 background-image:-webkit-linear-gradient(right, #44546a 0%, #88a5b3 100%);
 background-image:-ms-linear-gradient(right, #44546a 0%, #88a5b3 100%);
 background-image:linear-gradient(right, #44546a 0%, #88a5b3 100%);
 background-image:-o-linear-gradient(right, #44546a 0%, #88a5b3 100%);




}

div#footer p {
	padding:0.5em;
	margin:0;
	color:#cccccc !important;

}




/* Schrift-Typen */
.normschrift { font-family:Arial,Sans-Serif; font-size:10pt; color:#666666; font-weight:normal;}

.headline { font-family:Arial,Sans-Serif; font-size:11pt; color:#000000; font-weight:bold;}

.normfett { font-family:Arial,Sans-Serif; font-size:11pt; color:#666666; font-weight:bold;}

.minischrift { font-family:Arial,Sans-Serif; font-size:9pt; color:#000000; font-weight:lighter;}



/* decoration:none für Bilder */
.img a {
   border:none;
}

/* Link-Foramtierungen */
a:link { text-decoration:none; color:#0000ff; font-family:Arial,Sans-Serif; }
a:visited { text-decoration:none; color:#0000ff; font-family:Arial,Sans-Serif; }
a:hover { text-decoration:none; color:#0000ff; font-family:Arial,Sans-Serif }
a:active { text-decoration:none; color:#0000ff; font-family:Arial,Sans-Serif; }
a:focus { text-decoration:none; color:#0000ff; font-family:Arial,Sans-Serif; }




/* Links als Button formatieren */
a.linkbutton {
	cursor: pointer;
	font-size:12pt !important;
	color:#A00000 !important;
	font-weight:normal !important;
	padding:4px;
	width:90px;
	height:22px;
	border-right:1px solid #666 !important;
	border-left:1px solid #fff;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ccc; /* Genereller Hintergrund */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee'); /* Internet Explorer */
	background:-moz-linear-gradient(bottom,#ccc,#fff); /* Firefox */
	background-image: -webkit-gradient(linear, left bottom, 0 0, color-stop(0.1 ,#ccc), color-stop(1.0 ,#fff)); /* Safari */
	background:-webkit-linear-gradient(bottom,#ccc,#fff); /* Safari, Chrome */
	background:-o-linear-gradient(top, #fff, #ccc); /* Opera */
	background:-ms-linear-gradient(top, #fff, #ccc); /* Internet Explorer ab Version 10 */
	background:linear-gradient(top, #fff, #ccc); /* W3C Standard */
}

a.linkbutton:hover
	{
	cursor: pointer;
	font-size:12pt !important;
	color:#A00000 !important;
	font-weight:normal;
	padding:4px;
	width:90px;
	height:22px;
	border-right:1px solid #666 !important;
	border-left:1px solid #fff;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ccc; /* Genereller Hintergrund */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#eeeeee'); /* Internet Explorer */
	background:-moz-linear-gradient(bottom,#f1f1f1,#eee); /* Firefox */
	background-image: -webkit-gradient(linear, left bottom, 0 0, color-stop(0.1 ,#f1f1f1), color-stop(1.0 ,#eee)); /* Safari */
	background:-webkit-linear-gradient(bottom,#f1f1f1,#eee); /* Safari, Chrome */
	background:-o-linear-gradient(top, #eee, #f1f1f1); /* Opera */
	background:-ms-linear-gradient(top, #eee, #f1f1f1); /* Internet Explorer ab Version 10 */
	background:linear-gradient(top, #eee, #f1f1f1); /* W3C Standard */
}


/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 


/* styling */
select {
    padding:3px; 
    border:1px solid #999; 
	background-color:#ffffff !important;
	display:inline-block;
	font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
	width:236px;
	background-color:white;
	background-image:url(../img/br_down.png);
	background-position: right;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}


.lt-ie10 select {
    background-image: none;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}


/* Formular-Elemente mit Focus */

input[type=text]:focus {
	width:232px;
    padding:3px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
}

input[type=text]:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

input[type=password]:focus {
	 width:232px;
    padding:3px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size:11pt;
}

input[type=password]:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/* Formular-Elemente ohne Focus */
input[type=text]  {
	width:232px;
    padding:3px; 
    border:1px solid #999; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
}




input[type=password] {
	width:232px;
    padding:3px; 
    border:1px solid #999; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size:11pt;
}



textarea {
	width:232px;
	height:100px;
    padding:3px; 
	vertical-align:top;
	border:1px solid #999; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
}

textarea:hover {
	width:232px;
	height:100px;
    padding:3px; 
	vertical-align:top;
	border:1px solid #999; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

textarea:focus {
	width:232px;
	height:100px;
    padding:3px; 
	vertical-align:top;
	border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:Arial,Sans-Serif; font-size:11pt; color:#525252; font-weight:normal;
}


#captcha {
	width:30px;
}

/* Submit-Button */
input[type=submit] {
	text-decoration:none; font-family:Arial,Helvetica,Sans-Serif; font-weight:normal !important;
	font-size:12pt;
	display:block;
	border-right:1px solid #666 !important;
	border-left:1px solid #fff;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #666;
	padding: 3px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ccc; /* Genereller Hintergrund */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee'); /* Internet Explorer */
	background:-moz-linear-gradient(bottom,#ccc,#fff); /* Firefox */
	background-image: -webkit-gradient(linear, left bottom, 0 0, color-stop(0.1 ,#ccc), color-stop(1.0 ,#fff)); /* Safari */
	background:-webkit-linear-gradient(bottom,#ccc,#fff); /* Safari, Chrome */
	background:-o-linear-gradient(top, #fff, #ccc); /* Opera */
	background:-ms-linear-gradient(top, #fff, #ccc); /* Internet Explorer ab Version 10 */
	background:linear-gradient(top, #fff, #ccc); /* W3C Standard */
	color:#A00000 !important;
}

input[type=submit]:focus {
	text-decoration:none; font-family:Arial,Helvetica,Sans-Serif; font-weight:normal !important;
	font-size:12pt;
	display:block;
	border-right:1px solid #666 !important;
	border-left:1px solid #fff;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #666;
	padding: 3px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ccc; /* Genereller Hintergrund */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee'); /* Internet Explorer */
	background:-moz-linear-gradient(bottom,#ccc,#fff); /* Firefox */
	background-image: -webkit-gradient(linear, left bottom, 0 0, color-stop(0.1 ,#ccc), color-stop(1.0 ,#fff)); /* Safari */
	background:-webkit-linear-gradient(bottom,#ccc,#fff); /* Safari, Chrome */
	background:-o-linear-gradient(top, #fff, #ccc); /* Opera */
	background:-ms-linear-gradient(top, #fff, #ccc); /* Internet Explorer ab Version 10 */
	background:linear-gradient(top, #fff, #ccc); /* W3C Standard */
	color:#A00000 !important;
}

input[type=submit]:hover {
	text-decoration:none; font-family:Arial,Helvetica,Sans-Serif; font-weight:normal !important;
	font-size:12pt !important;
	color:#AA0000;
	border-right:1px solid #666 !important;
	border-left:1px solid #fff;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #666;
	padding: 3px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ccc; /* Genereller Hintergrund */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#eeeeee'); /* Internet Explorer */
	background:-moz-linear-gradient(bottom,#f1f1f1,#eee); /* Firefox */
	background-image: -webkit-gradient(linear, left bottom, 0 0, color-stop(0.1 ,#f1f1f1), color-stop(1.0 ,#eee)); /* Safari */
	background:-webkit-linear-gradient(bottom,#f1f1f1,#eee); /* Safari, Chrome */
	background:-o-linear-gradient(top, #eee, #f1f1f1); /* Opera */
	background:-ms-linear-gradient(top, #eee, #f1f1f1); /* Internet Explorer ab Version 10 */
	background:linear-gradient(top, #eee, #f1f1f1); /* W3C Standard */
}

    .graph { 
        position: relative; /* IE is dumb */
        width: 135px; 
        border: 1px solid darkgreen; 
        padding: 2px; 
    }
    .graph .bar { 
        display: block;
        position: relative;
        background: green;
        text-align: center; 
        color: #B1D632;
        height: 1em;
        line-height: 1em;
    }
    .graph .bar span { position: absolute; left: 1em; }