/* --------------- CSS-Datei 'stylesheet.css' --------------- */
/* --------------- www.contendundco.de --------------- */
/* --------------- © Carola Heine --------------- */


html, body {
     text-align: left;
     padding:0px;
     background: #000000 url('backpage.gif') no-repeat;
     color:#FFFFFF;
     margin-right:auto;
     margin-left:0px;
     margin-bottom:0px;
     margin-top:0px;
     font-family:verdana, arial, helvetica, sans-serif;
}




/* --------------- TEXTFORMATE --------------- */


/* -- Header Titel -- */
#header h1,h2 {
      font-size: 0.8em;
      line-height: 1.1em;
      text-align:right;
      text-transform:none;
      letter-spacing:0px;
      font-weight:bold;
      color:#FFFFFF;
      background-color: transparent; 
      padding-top:10px;
      padding-bottom:0px;
      padding-left:20px;
      padding-right:10px;
	margin-left: 2px;
      margin-right: 2px;
	margin-bottom:0px;
	margin-top:2px;
}


/* -- Header Text -- */
#header p,th {
      font-size: 0.8em;
      line-height: 1.1em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:5px;
      padding-left:20px;
      padding-right:20px;
	margin-left: 2px;
      margin-right: 2px;
	margin-bottom:2px;
	margin-top:2px;
}

/* -- linkeSpalte Titel -- */
#links h1 {
      font-size: 0.9em;
      line-height: 1em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      background-color: transparent; 

      padding-top:0px;
      padding-bottom:2px;
      padding-left:55px;
      padding-right:0px;
	margin-left: 0px;
      margin-right: 0px;
	margin-bottom:2px;
	margin-top:2px;
}

/* -- linkeSpalte Titel -- */
#links h3 {
      font-size: 0.8em;
      line-height: 1.2em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:0px;
      padding-left:66px;
      padding-right:0px;
	margin-left: 0px;
      margin-right: 0px;
	margin-bottom:2px;
	margin-top:0px;

}


/* -- linkeSpalte Text -- */
#links p {
      font-size: 0.7em;
      line-height: 1.1em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      background-color: transparent; 
      padding-top:5px;
      padding-bottom:1px;
      padding-left:58px;
      padding-right:0px;
	margin-left: 0px;
      margin-right: 0px;
	margin-bottom:0px;
	margin-top:2px;
}




/* --Listen im linken Teil-- */
#links ul {
	padding:0px;
	font-size: 1em;
	line-height:1.1em;
	font-weight:normal;
	text-align:left;
	margin-left: 50px;
      margin-right: 0px;
	margin-bottom:0px;
	margin-top:0px;
	} 
#links li {
	list-style:square; 
	padding-left:5px; 
	padding-right:5px;
	margin-bottom:0px;
	margin-top:2px;
	margin-left: 15px;
      margin-right: 5px;
	}

/* --Listen im rechten Teil-- */
#rechts ul {
	padding:0px;
	font-size: 0.8em;
	line-height:1.1em;
	font-weight:normal;
	text-align:left;
	margin-left:20px;
      margin-right:0px;
	margin-bottom:15px;
	margin-top:2px;
	} 
#rechts li {
	list-style:none; 
	padding-right:15px;

	margin-bottom:5px;
	margin-top:2px;
      margin-right: 0px;
background: url(back-h2.gif) no-repeat 0px 0px; padding-left:10px; margin-left:10px;

	}



/* -- rechteSpalte Titel -- */
#rechts h1 {
      font-size: 1em;
      line-height: 1.2em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:bold;
      color: #FFFFFF;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-right:0px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top:2px;
      margin-bottom:15px;
      width:480px;
	
}

/* -- rechteSpalte Titel -- */
#rechts h3 {
      font-size: 0.9em;
      line-height: 1.2em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:bold;
      color: #FFFFFF;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-right:0px;
	margin-left: 0px;
      margin-right: 0px;
	margin-bottom:2px;
	margin-top:2px;
	margin-bottom:15px;
}

/* -- rechteSpalte Text -- */
#rechts p,td {
      font-size: 0.8em;
      line-height: 1.2em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:5px;
      padding-left:0px;
      padding-right:15px;	
      margin-left: 0px;
      margin-right: 2px;
	margin-bottom:2px;
	margin-top:2px;
}

/* -- rechteSpalte Datum -- */
#rechts h2 {
      font-size: 0.7em;
      line-height: 1.4em;
      text-align:right;
      text-transform:none;
      letter-spacing:0px;

      font-weight:normal;
      color: #FFFFFF;
      background-color: transparent; 
     padding-top:20px;
      padding-bottom:5px;
      padding-left:0px;
      padding-right:30px;	
      margin-left: 0px;
      margin-right: 2px;
	margin-bottom:2px;
	margin-top:2px;
}

/* -- rechteSpalte Autoren-Signatur -- */
.author {
      font-size: 0.7em;
      line-height: 1.3em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      background-color: transparent; 
      padding-top:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-right:15px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top:10px;
      margin-bottom:15px;
      border-top: 1px solid #996;
      width:525px;
}


/* -- Footer Text -- */
#footer h1,p {
      font-size: 0.7em;
      line-height: 1.3em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      background-color: transparent; 
      padding-left:2px;
      padding-right:20px;
	margin-left: 50px;
      padding-top:38px;
      padding-bottom:5px;
      margin-right: 2px;
	margin-bottom:2px;
	margin-top:2px;
}

/* --------- Format Infobox oben links --------- */

.infobox { 
      border: 1px solid #FDE6BD;
      background-color: #EEEDEA;      
      font-size: 0.7em;
      line-height: 1.1em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      padding-top:5px;
      padding-bottom:5px;
      padding-left:5px;
      padding-right:5px;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom:10px;
      margin-top:10px;
}


.linkdump { 
      border: 1px solid #FFFFFF;
      background-color: #000000;      
      font-size: 1em;
      line-height: 1.1em;
      text-align:left;
      text-transform:none;
      letter-spacing:0px;
      font-weight:normal;
      color:#FFFFFF;
      padding-top:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-right:0px;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom:5px;
      margin-top:5px;
}


/* --------------- Hyperlinks --------------- */

A:link	{ 
color: #DFD19F; 
text-decoration: none; 
font-weight:bold; 
background-color: transparent;  
} 

A:visited	{ 
color: #DFD19F; 
text-decoration: none; 
font-weight:bold; 
} 
 
A:active	{ 
color: #DFD19F; 
text-decoration: none; 
font-weight:bold; 
background-color: transparent;  
} 
 
A:hover	{ 
color: #DFD19F; 
font-weight:bold; 
background-color: transparent;  
text-decoration: underline; 
} 


a.headline-1:link {   background: url(back-h1.gif) no-repeat 0px 0px; padding-left:12px; font-weight:normal; }
a.headline-1:visited { background: url(back-h1.gif) no-repeat 0px 0px; padding-left:12px; font-weight:normal; }
a.headline-1:active  { background: url(back-h1.gif) no-repeat 0px 0px; padding-left:12px; font-weight:normal; }
a.headline-1:hover  {  background: url(back-h1b.gif) no-repeat 0px 0px; padding-left:12px; font-weight:normal; }
 
a.headline-2:link {   background: url(back-h2.gif) no-repeat 0px 0px; padding-left:10px; margin-left:10px; font-weight:normal;}
a.headline-2:visited { background: url(back-h2.gif) no-repeat 0px 0px; padding-left:10px; margin-left:10px; font-weight:normal;}
a.headline-2:active  { background: url(back-h2.gif) no-repeat 0px 0px; padding-left:10px; margin-left:10px; font-weight:normal;}
a.headline-2:hover  {  background: url(back-h2b.gif) no-repeat 0px 0px; padding-left:10px; margin-left:10px; font-weight:normal;}




/* ---------------Allgemeine Styles -----------*/

img {
      border: 0px; 
 
}

.input {
	background:#BBA041;
	border-right: #FDE6BD 1px solid; 
	border-top: #FDE6BD 1px solid; font-size: 11px;  
	border-left: #FDE6BD 1px solid; 
	color: #FDE6BD; 
	border-bottom: #FDE6BD 1px solid;
      margin-top:2px;
      width: 80px; 
      text-align:left;
}

.input2 {
	background:#F8F7F6;
	border-right: #FDE6BD 1px solid; 
	border-top: #FDE6BD 1px solid; font-size: 11px;  
	border-left: #FDE6BD 1px solid; 
	color: #000000; 

	border-bottom: #FDE6BD 1px solid;
      margin-top:2px;
      width: 180px; 
      text-align:left;
}

.btn   {   background:#BBA041;
	border-right: #FDE6BD 1px solid; 
	border-top: #FDE6BD 1px solid; font-size: 11px;  
	border-LEFT: #FDE6BD 1px solid; 
	color: #FDE6BD; 
	border-bottom: #FDE6BD 1px solid;
      margin-top:2px;
      margin-left:0px;
      text-align:center;
      font-weight:bold;
}


.textarea {
	background:#F8F7F6;
	border-right: #FDE6BD 1px solid; 
	border-top: #FDE6BD 1px solid; font-size: 11px;  
	border-LEFT: #FDE6BD 1px solid; 
	color: #000000;
	border-bottom: #FDE6BD 1px solid;
      margin-top:2px;
      width: 250px; 
      text-align:left;
}

.linie {
border-top: 1px solid #FDE6BD;
	margin-left: 20px;
        margin-right: 20px;
	margin-bottom:0px;
	margin-top:0px;
}

/* --------------- Seitenbereiche --------------- */



#header { 
     height: 173px; 
     width: 800px;
     background: #000000 url('header.jpg');
     text-align: left;
     padding-top: 0px;
     padding-left: 0px; 
     padding-right: 0px;
     padding-bottom:0px;	
     margin-left:0px; 
     margin-right: auto; 
     margin-top:0px;
     margin-bottom:0px;
     border-bottom: 0px solid #FFFFFF;
     border-top: 0px solid #FFFFFF;
     border-right: 0px solid #FFFFFF;
     border-left: 0px solid #FFFFFF;

 } 

div#wrapper {
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 850px;
	padding-top: 0px;	
      padding-bottom: 0px;
      padding-right: 0px;
      padding-left: 0px;
      border-bottom: 0px solid #FFFFFF;
      border-top: 0px solid #FFFFFF;
      border-right: 0px solid  #FFFFFF;
      border-left: 0px solid #FFFFFF;
	}

#wrapper > #rechts {
	width:560px;
}

#links {
	text-align: left;
	float:left;
	margin-left:0px; 
      margin-right:0px;
	margin-bottom:0px;
	margin-top:0px; 
	padding:0px;
	width:240px;
      background: transparent;
}

#rechts {
      text-align:left;
      overflow:visible;
	width:557px;
	margin-left:240px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px; 
	padding-top: 0px;	
      padding-bottom: 0px;
      padding-right: 0px;
      padding-left: 20px;
      background: transparent;
}

#footer {
	background: #000000 url;
	width:800px;
	height:63px;
	margin:0 auto;

	clear:both;

	padding:0px;
      border-bottom: 0px solid #FFFFFF;
}

.weblog {
      padding-top: 30px;	
      padding-bottom: 10px;
      padding-right: 0px;
      padding-left: 0px;
}




/* ---- --------------------------------------------------- ------*/

/* ---- Grafiken als Links -----*/
a.grafik:link { text-decoration:none; background-color:transparent; }
a.grafik:hover { text-decoration:none; background-color:transparent;}
a.grafik:active { text-decoration:none; background-color:transparent; }
a.grafik:visited { text-decoration:none; background-color:transparent; }



/* Flickr Badge */
.flickrimg { padding:1px;}
.flickrimg1 {margin: 5px;}
.flickrimg2 {margin: 5px;}
.flickrimg3 {margin: 5px;}



/* Buttons */
.submit {
display: inline;
font: x-small/200% Arial, sans-serif;
padding: 1px 0;
border: 1px solid #666;
margin: 0;
text-decoration: none;
background-color: #fff;
}
.button {
display: inline;
font: x-small/200% Arial, sans-serif;
padding: 1px 0;
border: 1px solid #666;
margin: 0;
text-decoration: none;
background-color: #fff;
}
.btnFront {
display: inline;
background-color: #f90;
color: #fff;
padding: 0 2px;
border: 1px solid #fff;
border-top: 0;
border-bottom: 0;
margin: 0px;
}
.btnText {
display: inline;
background-color: #898e79;
color: #fff;
padding: 0 2px;
border: 0;
border-right: 1px solid #fff;
margin: 0px;
}


/* --------------- FARBSKALA --------------- 

#F8F7F6  -- ganz hell
#EEEDEA  --> pastellig, input
#DFD19F  --> mittel, Links
#FF6E51  --> frisch, aktiv, hover

#FDE6BD   --> dunkler, visited
#A7D5AB  --> Kontrast                       */