/* ############################################## */
/* ========== StyleSheet for IMPRO-ACT ========== */
/* ====== ©2010 | written by heiko groeger ====== */
/* ############################################## */


/* Base */
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, input, iframe, select, textarea {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 12px;
/*line-height: 20px;*/
color: #333333;
border: none;  /* set inactive for construction */
}

body {
background-color: #FADACC;
background-image: url(../images/background3.gif);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica;
margin: 0px;
padding: 0px;
overflow: auto;
}

body, textarea {
scrollbar-base-color:#555555;
scrollbar-3dlight-color:#555555;
scrollbar-arrow-color:#F8F8F8;
scrollbar-darkshadow-color:#555555;
scrollbar-face-color:#AAAAAA;
scrollbar-highlight-color:#E2E2E2;
scrollbar-shadow-color:#555555;
scrollbar-track-color:#FADACC;
}


/* hover bei img (deckkraft reduzieren) */
a:hover	img {
filter:alpha(opacity=69);
-moz-opacity: 0.69;
-khtml-opacity: 0.69;
opacity: 0.69;
}


#bild_uploader {
position: absolute; 
width: 780px; 
height: 460px; 
background-color: #FFFFFF;  /* #99DDFF; */
border: 6px #808080 solid;
top: 50%;
left: 50%;
margin-left: -390px;
margin-top: -240px;
}


/* Bilder */
img.header {
float: left;
border: none;
margin-right: 30px;
}

/* Table */
table.table_box {
background-color: #F8F8F8;
border: 1px #A4A6A9 solid;
}

td.td_padding {
padding-left: 20px;
}

td.projekte {
padding-top: 5px;
padding-bottom: 5px;
}

/* HR */
hr { border: 1px solid #ABABAB; }

hr.dashed {
border: 0px; /* Für Firefox und Opera */
border-top: 1px #F6F6F6 solid;
border-bottom: 1px #777777 dashed;
}

/* List */
ul { margin:13px; margin-left: 40px; }
li { list-style: square; }

/* Typo */
h1 { font-size: 10pt; font-weight: bold; color: #515151; margin: 0px; }
h2 { font-size: 12pt; font-weight: bold; color: #E6E7E8; margin: 0px; padding-top: 20px; }
h3 { font-size: 7pt; font-weight: normal; color: #E6E7E8; }
h4 { font-size: 10pt; font-weight: normal; color: #CC0000; margin: 0px; }

a:link    { color: #657688; text-decoration: none;}
a:visited { color: #657688; text-decoration: none;}
a:hover   { color: #CC0000; text-decoration: none;}
a:active  { color: #657688; text-decoration: none;}

a:link.small    { font-size: 10px; line-height: 11px; color: #657688; text-decoration: none;}
a:visited.small { font-size: 10px; line-height: 11px; color: #657688; text-decoration: none;}
a:hover.small   { font-size: 10px; line-height: 11px; color: #CC0000; text-decoration: none;}
a:active.small  { font-size: 10px; line-height: 11px; color: #657688; text-decoration: none;}

a:link.color    { font-size: 10px; line-height: 11px; color: #003399; text-decoration: none;}
a:visited.color { font-size: 10px; line-height: 11px; color: #003399; text-decoration: none;}
a:hover.color   { font-size: 10px; line-height: 11px; color: #657688; text-decoration: none;}
a:active.color  { font-size: 10px; line-height: 11px; color: #657688; text-decoration: none;}

.fehler {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
line-height: normal;
color: #FF4800;
}

.ok {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
line-height: normal;
color: #009900;
}

.mini {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
line-height: normal;
color: #3366CC;
}

.mini_hell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
line-height: normal;
color: #E2E2E2;
}

.headline {
font-family: Palatino Linotype, Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight: bold;
color: #F8F8F8;
}

.schriftfett {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
background-color:#FF8B33;
border-color:#555555;
border-width:1px;
border-style:dashed;
margin: 2px;
padding: 10px;
}

.track {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
background-color:#8E1915;
border-color:#FF8B33;
border-width:1px;
border-style:solid;
margin: 2px;
padding: 10px;
}

.schriftnormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
}

.schriftklein {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #C0C0C0;
}

/* Formular Objects */
input {
color: #4C4C4C;
width: 200px;
background-color: #F5F5F5;
border: 1px solid rgb(150,150,150);
margin-bottom: 11px;
text-align: left;
padding-left: 4px;
padding-right: 4px;
}


input.checkbox {
width: 16px;
margin: 0px;
padding: 0px;
vertical-align: middle;
border-style: none;
background-color: transparent;
}


input.button {
font-weight: bold;
width: 200px;
height: 25px;
color: #FFFFFF;
background-color: #B7C0B9;
border: 1px solid rgb(150,150,150);
text-align: center;
}

input.button2 {
font-weight: bold;
width: 200px;
height: 25px;
color: #FFFFFF;
background-color: #B7C0B9;
border: 1px solid rgb(150,150,150);
text-align: center;
margin: 0px;
padding: 0px;
}

input.text2 {
color: #4C4C4C;
width: 200px;
height: 25px;
background-color: #F5F5F5;
border: 1px solid rgb(150,150,150);
text-align: left;
margin: 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
}


input.feld {
color: #333333;
width: 500px;
font-weight: bold;
background-color: #E2E2E2;
border: 1px solid rgb(150,150,150);
text-align: left;
margin: 2px 0px 2px 0px;
padding: 0px;
padding-left: 4px;
padding-right: 4px;
}