/*
  Datei       		: style.css
  Autor       		: Markus Baersch
  Fassung vom	    : 19.04.2010
**
*/

/**********STYLE ELEMENTE ***********************************/

* {
padding : 0;
margin : 0;
}

body {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
color: #222; 
background: #61544e url('bg.jpg') repeat 0 0;
font-size: 72%;
line-height: 1.5em;
margin: 0; 
padding: 0;
text-align:center; 
}

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

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

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

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

/********* 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 #666 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: #666;
}

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

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 { 
margin-top: 1.2em; 
margin-bottom: 0.2em;
margin-left: 0px;
font-size: 1.1em;
color: #444; 
line-height:1.2em;
}

h1  { 
font-size: 1.4em;
font-weight:normal;
color: #DF4938;
}

h2  { 
font-size: 1.2em;
font-weight:bold;
color: #DF4938;
margin-top:1.5em;
}

h4  { 
font-size: 1.0em;
margin-top: 1.0em; 
margin-bottom: 3px;
}

h5, h6 { 
font-size: 1.0em;
margin-bottom: 2px;
}

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.5em;
}

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

a:link {
color: #1B9183; 
text-decoration: underline; 
}

a:visited {
color: #ccc; 
}


#footer a:hover,
a:hover {
color: #1B9183;
}

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

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

.lighted, .whitebox { 
padding: 0.6em;
background:#2A3F5C;
-moz-border-radius: 8px;
}

#badge a,
.lighted a {
color:#fff; 
}


.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 #1B9183; 
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}


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

.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 {
position:relative;
margin: 20px auto;
width: 990px;
text-align: left;
color: #fff;
background: #0A0A0A url('gf.jpg') no-repeat 0 0;
-moz-border-radius:32px;
}


#badge {
position:absolute;
height:367px;
width:340px;
left:865px;
top:430px;
background-image: url('badge.jpg');
}

.inbdg {
margin: 75px 40px 0 60px
}

#header {
padding: 10px 0 0 50px;
font-size:2em;
height: 450px;
}


#maincnt {
min-height: 300px;
}

* html #maincnt {
height: 300px;
}

#content {
padding: 5px 25px 0 50px ;
font-size:1.1em;
}

h1.firsth, h2.firsth {
margin-top:0!important;
}

.nr_inner {
width:650px;
float:left;
}

.nr_moresites {
width:210px;
float:right;
font-size:0.9em;
}

#footer {
padding: 3px 3px 3px 20px;
font-size: 0.8em ;
color: #666;
text-align:center;
}

#footer a {
color: #666;
text-decoration:none;
}



/* Tooltips */

a.tipp {
/*color:#113388;*/
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:#113388;
z-index:25;
}

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

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

.nr_logos img {
margin:1.5em 0 ;
}

.rel_l2 {
position: relative; 
left: 26px;
}

.w_l1 {
width: 18px;
}

.rel_l1 {
position: relative; 
left: 18px;
width: 18px;
}


a.sml:hover span.tooltip {
left:0px!important;
top:-30em!important;
}

a.sml:hover span.toolcnt {
background:#fff!important;
font-size:1em!important;
}

.sml {
font-size:0.8em;
border-bottom: 1px dotted #222;
}

a.impressum:hover span.tooltip {
width:400px!important;
left:-200px!important;
top:-285px!important;
}

a.impressum:hover span.toolcnt {
background:#fff!important;
font-size:1.3em!important;
text-align:left!important;
}

 
a img {
border: 0;
}