/**********************************************************************************/
/**************************  Layout insosoft Website   ****************************/
/************** Markus Baersch , gandke marketing & software  *********************/
/**********************************************************************************/
/*
  Datei       		: style.css
  Autor       		: Markus Baersch , gandke marketing & software - http://www.gandke.de
  Fassung vom	    : 13.06.2009
**
*/


/*Merkliste: 
- ohne www wird nicht verarbeitet.
- wie viele Nutzer haben das Programm abgeschlossen?  
- existieren irgendwelche Zerifikate, Siegel o. so?
/**********STYLE ELEMENTE ***********************************/

* {
padding : 0;
margin : 0;
}

body {
font-family:Verdana,Helvetica,Arial,sans-serif;
color: #222; 
background-color: #8EB7B2;
font-size: 12px;
line-height: 1.6em;
margin: 0; 
padding: 0;
text-align:center;
}

/********* Bilder    ***********  */

img.bordered {
border: 1px solid #222; 
padding: 3px;
}

img.leftfloat {
float: left;
margin: 5px;
margin-right: 20px;
}

img.rightfloat {
float: right;
margin: 5px;
margin-left: 20px;
}


/********* Formulare  & Co.. ***********  */

hr { 
color: #ccc; 
background: transparent; 
margin:0; 
padding:0.5em 0; 
margin-bottom: 1em;
border:0; 
height: 1px;
border-bottom: 1px #ccc solid; 
}


fieldset { 
border:0;
}
	
select, 
input, 
textarea { 
background: #fff;
padding: 3px;
border: 1px #4E7D78 solid; 
}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #fff;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #fff;
border-color: #4E7D78;
}

input[type=text]:focus, 
textarea:focus {
background: #fff;
border-color: #4E7D78;
}


input[type=radio], 
input[type=checkbox] {
background:transparent none repeat scroll 0% 50%;
border:0pt none;
}


option {
padding-left: 0.4em;
padding-right: 1.0em;
}


	
/*************** Textauszeichnungen... *************/
	
pre {	
font-family: "Courier New", Courier, monospace; 
}
	
dt, 
strong,
b { 
font-weight: bold;
}

i, em { 
font-style: italic;
}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
margin-top: 2em; 
margin-bottom: 0.2em;
margin-left: 0px;
font-size: 1.2em;
color: #444; 
line-height:1.2em;
}

h1.fst, h2.fst, h3,fst {
margin-top:0;
}

h1  { 
font-size: 1.7em;
font-weight:normal;
color: #4E7D78;
}

h2  { 
font-size: 1.5em;
font-weight:bold;
color: #4E7D78;
}

h3  { 
font-size: 1.3em;
color: #4E7D78;
}


p, ul, blockquote, cite { 
margin-top: 0.5em;
margin-bottom: 1.1em;
font-size: 1em; 
}

blockquote, cite { 
width: auto;
}

cite {
font-style: italic; 
}

ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}

li {
line-height: 1.7em;
margin-bottom:5px;
}

ol.checklst li {
line-height: 1.3em;
font-weight:bold;
}

ol.checklst li li {
font-weight:normal;
}



/***************************** Links *********************************/

a:link {
color: #4E7D78; 
text-decoration: underline; 
}


a:hover {
color: #a00;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
padding: 0.6em;
border: 1px solid #4E7D78; 
}

.lighted, .whitebox { 
padding: 0.6em;
background:#E7F5F5;
border: 1px solid #4E7D78;
-moz-border-radius: 8px;
}

.whitebox { 
background-color: #fff;
}


.padded,
.padded_plus {
padding: 0.5em;
padding-top: 0;
padding-bottom: 1.0em;
}

.padded_plus {
padding-left: 1.5em;
padding-right: 1.5em;
}

.right  {
text-align: right;
}

.dotted { 
border: 1px dotted #4E7D78; 
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}

.highlight { 
border: 1px solid #E7F5F5;
-moz-border-radius: 8px;
padding: 5px;
background-color: #E7F5F5;
}


.alert { 
color: #c00; 
}



/**********************************/

.float_right { 
float: right; 
background-color: transparent;
}

.float_left { 
float: left; 
background-color: transparent;
}

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}


/******SEITENLAYOUT ****************************************/

#container_page {
margin: 22px auto;
width: 1000px;
text-align: left;
-moz-border-radius:16px;
background: #fff;
/*Platzhalter derzeit: http://www.pixelio.de/details.php?image_id=387542*/
background: #fff url("images/back.jpg") 0 0 no-repeat;
border:1px solid #4E7D78;
}


#skiplinks {
position: absolute; 
left: -3000px;
}


#lgo {
text-align:right;
margin:25px 30px 0 0;
}

#lgo p {
font-weight:bold;
letter-spacing: 1px;
font-size: 1.2em;
text-align:right;
}


#content {
padding: 5px 30px 0 30px ;
min-height: 400px ;
}

* html #content {
height: 400px;
}


#footer {
border-top: 1px solid #ccc;
padding: 3px 3px 3px 20px;
margin-top: 20px;
font-size: 0.8em ;
color: #4E7D78;
text-align:center;
}


.headerbox {
border: 1px 1px 0 solid #4E7D78;
color:#FFFFFF;
margin:0 0 0;
padding:2px 2px 2px 5px;
background: #4E7D78;
}

h1.headerbox, h2.headerbox, h3.headerbox  {
font-size:1em !important;
}

.contentbox {
background-color:#FFFFFF;
border:1px solid #4E7D78;
margin-bottom:1.5em;
margin-top:0;
padding:5px;
}

ul.nb {
list-style-type:none;
padding-left:0 ;
}


.errordiv p.error {
color:#4E7D78 !important;
font-weight:bold !important;
}

/* Tooltips */

a.tipp {
/*color:#4E7D78;*/
color:#222222;
position:relative;
text-decoration:none;
z-index:24;
}

a.tipp img {
line-height:1em;
border:0;
padding: 0 0.6em ;
}

a.tipp span {
display:none;
}


a.tipp:hover {
color:#a00;
z-index:25;
}

a.tipp:hover span.tooltip {
color:#222222;
display:block;
padding:15px 0 0;
position:absolute;
text-decoration:none;
width:350px;
left:30px;
top:0;
filter:alpha(opacity:100);
KHTMLOpacity:1;
MozOpacity:1;
opacity:1;
}

a.tipp:hover span.toolcnt {
-moz-border-radius:8px;
background:#FFF3E2;
border:1px solid #222;
display:block;
font-size:0.8em;
line-height:1.6em;
padding:0 8px;
}

td {
vertical-align:top;
padding-bottom:5px;
}

.nr_left {
width:550px;
float:left;
}

.nr_right {
width:320px;
float:right;
}

.rcnt {
width:700px;
}

.lnav {
width:200px;
}


ul.fp {
list-style-image: url("images/lst.gif");
}

ul.fp li {
margin-bottom: 2px;

}



/****************NAVIGATION ********************************/


#topnavigation {
background: #94CDCD ;
margin-bottom:20px;
font-size:1.1em;
height:26px;
padding-top:3px;
padding-bottom:3px;
color:#fff;
}

#topnavigation ul {
padding: 0px;
margin: 0px;
margin-left: 30px;
list-style-type: none;
font-weight: normal;
font-size:1.1em;
}

#topnavigation li  {
line-height: 1.6em;
margin: 0px; 
float: left; 
padding-right: 10px ;
letter-spacing:1px;
margin-right: 10px; 
border-right: 1px solid #fff;
}

#topnavigation li a {
display: block;
color:#fff;
}


#topnavigation li.current a {
font-weight: bold;
}

#topnavigation a  {
text-decoration: none;
font-weight: normal;
}

#topnavigation a:hover {
/*text-decoration: underline;*/
color: #a00;
}

#topnavigation p {
text-align:right; 
padding:0;margin:3px 10px 0 0; 
font-size:0.9em ;
}

#topnavigation p a {
color:#fff; 
}


#dnav {
margin-top:0.5em ;
padding: 0.6em;
background:#E7F5F5;
border: 1px solid #4E7D78;
-moz-border-radius: 8px;
}

#dnav ul li {
line-height:1.5em;
}

#dnav ul.sub li {
line-height:1.1em;
font-size:0.9em;
list-style-type:none;
}

#dnav ul.sub {
padding-left:5px;
}

.st2,
#dnav li span {
font-weight: bold;
}

#dnav li a b {
font-weight: normal;
color: #a00 ;
}


#dnav li a:visited,
#dnav li a {
text-decoration: none;
color:#222;
}

#dnav li a:hover {
text-decoration: underline;
}


table.pft td.b {
font-weight:bold;
text-align:center;
background:#E7F5F5;
}

table.pft td {
text-align:right;
padding:1px;
border: 1px solid #4E7D78;
}

table.pft td {
text-align:right;
padding:1px;
}