/* LINK in HTML-Dateien:	
<link rel="stylesheet" type="text/css" href="http://www.mrtom.de/mrtom.css">
<link rel="stylesheet" type="text/css" href="mrtom.css">
unter <TITLE> einbinden */

/*mrtom.de, Version 1, September 2009 */


/* ################       Erklärungen       #####################

alle Links:
	div#... a {text-decoration: none; color: #ffffff; }
unbesuchte:
	div#... a:link {text-decoration: none; color: #ffcc66; }
besuchte:
	div#... a:visited { ... }
Mouseover:
	div#... a:hover {color: #ffffff; }
sonstiger Focus (zB durch Tabulatortaste):
	div#... a:focus {color: #ffffff; }
aktiver Link, geht nur bei gedrückter Mouse-Taste:
	div#... a:activ {color: red; }

background-color: #ffffff;
=
background: #ffffff;

### padding ###
### Polster = unbeschreibbare Erweiterung der DIV-Box (innerhalb des Rahmens)
padding: 0px;
padding-right: 0px;
padding: 0px 25px 45px 0px;	(oben rechts unten links)

*/

/* ################      allgemein       ##################### */
/* allgemein */
body, img, h1, h2, h3, h4, h5, p, li, a, ul, input, textarea {
font-family: arial, Verdana, Helvetica;
font-weight: normal;
text-decoration: none;
onFocus:"if(document.all) this.blur()";
background: transparent;
margin: 0;
padding: 0;
}

img  { border:0px; }

.versteckt, .versteckt_print {
display: none;
}

div h3 {
text-align: left;
font-size: 1.1rem;
color: #000000;
}
div h3 a {text-decoration: none; color: #ffcc66;}
div h3 a:hover {color: #ffffff;}
div h3 a:focus {color: #ffffff;}

div h1 {
text-align: left;
font-size: 1.0rem;
color:#000000;
}
div h1 a {text-decoration: none; color: #ffcc66;}
div h1 a:hover {color: #ffffff;}
div h1 a:focus {color: #ffffff;}

div h2 {
text-align: left;
font-size: 1.1rem;
color: #000000;
}
div h2 a {text-decoration: none; color: #ffcc66;}
div h2 a:hover {color: orange;}
div h2 a:focus {color: orange;}

div h4 {
font-size: 1.0rem;
color:#000000;
}
div h4 a {text-decoration: none; color: #ffcc66;}
div h4 a:hover {color: orange;}
div h4 a:focus {color: orange;}


/* ################       body = alles       #####################*/
BODY  {  
background: #181818 url(kuenstleragentur.jpg); 
title: MrTom.de - Künstler • Promotion • Shows | buchen Sie: Zauberer, Clown, Stelzenläufer, Ballonfiguren, Feuershow/Feuerspucker sehr günstig;
alt: Zauberer und Künstler aus Dortmund im Ruhrgebiet in Nordrhein-Westfalen / NRW ;
text-align: center;
}

/* ################       Seite = alles       ##################### */
div#seite {
position: relative;
margin: auto;
padding: 0;
border: 0;
width: 790px;
text-align: left;
padding-bottom: 40px;
}

/* ################       kopf = über Navizeile        ##################### */
div#kopf {
position: relative;
margin: auto;
width: 740px;
height: 149px; /* ### 124 + 25px ### */
padding: 0;
border: 0;
background-image: url(kopf.jpg); /* ### Bild = 740 x 124px ### */
background-repeat: no-repeat;
background-position: 0px 25px; /* ### Abstand: links oben ### */
z-index: 400;
}
div#kopf a {text-decoration: none; color: #000000;}
div#kopf a:link {color: #000000;}
div#kopf a:hover {color: orange;}
	
div#kopf h3 {
text-align: right;
margin-right: 15px;
padding-top: 112px;
font-size: 21px;
color: orange;
}

/* ################ zeile = Navizeile ##################### */
div#zeile {
position: relative;
margin: auto;
padding: 5px 0px;
border: 0;
width: 740px;
background-color: #404040;
z-index: 500;
word-spacing: 20px;
}

div#zeile nav {
text-align: center;
font-size: 0.9rem;
color: #ffcc66; 
}

/* ### für dort, wo "h4" noch nicht durch "nav" ersetzt ### */
div#zeile h4 {
text-align: center;
font-size: 0.9rem;
color: #ffcc66; 
}

div#zeile a {text-decoration: none; color: #ffcc66; }
div#zeile a:hover {color: #ffffff; }
div#zeile a:focus {color: #ffffff; }

/* ################ feld = alles unter Navizeile (links + rechts) ################ */
div#feld {
position: relative;
margin: auto;
width: 734px; /* ### 740 = 734 + 2x3px border ### */
min-height: 900px;
padding-top: 25px;
border: 3px solid #e0e0e0; /* ### border liegt außerhalb der Box ### */
background: #ffffff;
z-index: 400;
}

/* ################ feldunten ################ */
div#feldunten {
position: relative;
margin: auto;
width: 700px; 	/* ### 740 = 700 + 2x20px padding ### */
min-height: 325px;
padding: 20px;
border: 0px solid #e0e0e0; 	/* ### border liegt außerhalb der Box ### */
background: #ffffff;
z-index: 400;
}

/* ################ links = Auswahlbox ################ */
div#links {
position: absolute;
left: -31px; /* ### Abstand zum linken DIV-Rand ### */
width: 150px;
min-height: 235px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
border: 0;
background: #ffcc66;
z-index: 600;
}

div#links h4 {
text-align: left;
font-weight: normal;
font-size: 0.75rem;
color: #181818;
}

div#links hr {
background-color: #181818; 
height: 2px; 
border: 0px;
}
div#links a {text-decoration: none; color: #181818;}
div#links a:hover {color: #ffffff;}
div#links a:focus {color: #ffffff;}

/*################ rechts = eigentlicher Inhalt ################ */
div#rechts {
position: relative;
left: 154px; /* ### Abstand zum linken DIV-Rand ### */
width: 555px; /* ### 154 + 555 + 25 = 734 ### */
min-height: 250px;
padding: 0px 25px 45px 0px;
border: 0;
background: #fff;
z-index: 800;
}
div#rechts a {text-decoration: none; color: #000000;}
div#rechts a:hover {color: orange;}
div#rechts a:focus {color: orange;}

/* ### Seiten-Titel ### */
div#rechts h3 {
text-align: left;
font-size: 0.95rem;
color: #000000;
}

/* ### Unter-Titel, wichtige Begriffe ### */
div#rechts h1 {
text-align: left;
font-size: 0.8rem;
color: #000000;
}

/* ### Box-Titel ### */
div#rechts h2 {
text-align: left;
font-size: 0.8rem;
color: #000000;
}

/* ### Box-Text ### */
div#rechts h4 {
font-size: 0.75rem;
color:#000000;
}



/* ################       fuss = Fußzeile (in feld, nach rechts)        ##################### */
div#fuss {
position: absolute;
text-align: center;
text-align: top;
bottom: 0px;
width: 734px;
height: 39px;
border: 0px;
background: #fff;
z-index: 800;
}

div#fuss img {
margin: 8px;
}

div#fuss h4 {
font-size:12px;
color: #000000;
margin-top: 4px;
}
div#fuss a {text-decoration: none; color:#000000; }
div#fuss a:hover {color:orange; }
div#fuss a:focus {color:orange; }


div#kopf2 {
position:relative;
margin: auto;
width:740px;
height:149px;
padding: 0;
border: 0;
background-image:url(mrtom-praesentiert.jpg) ;
background-repeat:no-repeat;
background-position: 0px 25px;
z-index: 400;
}
div#kopf2 h3 {
text-align: right;
font-weight: normal;
margin-right: 15px;
padding-top: 112px;
font-size: 21px;
font-family: verdana, arial;
background: transparent;
text-decoration: none;
color: orange;
}
div#kopf2 a {text-decoration: none; color: #000000;}
div#kopf2 a:link {text-decoration: none; color: #000000;}
div#kopf2 a:hover {text-decoration: none; color: orange;}

div#zeile2 {
position:relative;
margin: auto;
padding: 5px 0px;
border: 0;
width: 740px;
background-image:url(suchbild.jpg);
z-index: 500;
word-spacing:20px;
text-align: center;
font-weight: normal;
font-size:1rem;
font-family: arial, Verdana, Helvetica;
text-decoration: none;
color: #505050;
}
div#zeile2 a {text-decoration: none; color: #505050 }
div#zeile2 a:link {text-decoration: none; color: #505050; }
div#zeile2 a:hover {text-decoration: none; color:orange;}

div#start {
position:relative;
left:0px;
width:709px;
min-height:250px;
padding:0px 25px 45px 0px;
border:0;
z-index:800;
}

div#index {
position:relative;
float:left;
width:100px;
margin: 8px 9px 0px 0px;
border:1px solid #000000;
font-weight: bold;
font-size: 0.7rem;
font-family: arial, verdana;
text-align: center;
text-decoration: none;
z-index:900;
}
div#index a {text-decoration: none; color: #000000;}
div#index a:link {text-decoration: none; color: #000000;}
div#index a:hover {text-decoration: none; color: orange; }


div#index h2 {
text-align: center;
text-decoration: none;
font-weight: bold;
font-size:12px;
font-family: arial, verdana;
background: transparent;
color: #000000;
}
div#index h3 {
text-align: left;
font-weight: bold;
font-size:11px;
font-family: arial, verdana;
background: transparent;
text-decoration: none;
color: #000000;
}

div#news {
min-height:100px;
margin: 0px 25px 10px 25px;
padding:10px;
text-align: center;
border: 1px solid #ffcc66;
BACKGROUND-COLOR: #ffffff;
z-index: 900;
font-color: #000000;
}

div#fotos {
text-align:center;
margin-left:-154px;
width:734px;
height:104px;
BACKGROUND-COLOR:#c0c0c0;
font-size:15px;
}
div#fotos img {border:2px solid #404040;}
div#fotos img:hover {border:2px solid orange;}


div#block {
width:587px;
padding:10px;
border:1px solid #404040;
BACKGROUND-COLOR:#ffffff;
z-index:900;
}

/* ##################################################
################       Schriften        #####################
################################################### */






div#news h2 {
text-align: left;
margin-left:110px;
font-size:16px;
font-family: arial, verdana;
background: transparent;
text-decoration: none;
color:#cc0000;
}
div#news P {
text-align: center;
margin-left:110px;
margin-top:5px;
font-size:12px;
font-family: arial, verdana;
background: transparent;
text-decoration: none;
color:#000000;
}
div#news a {text-decoration: none; color: #000000;}
div#news a:link {text-decoration: none; color: #000000;}
div#news a:hover {text-decoration: none; color: orange;}

div#block h4 {
font-weight: normal;
font-size:12px;
font-family: arial, Verdana, Helvetica;
background: transparent;
text-decoration: none;
color:#000000;
}


/* h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i  {  font-family:verdana, arial; } */
/* h1 { font-size:26px; margin-bottom:0px; } */
/*BODY  {  FONT-FAMILY: verdana,arial;}
BODY  {  BACKGROUND-IMAGE: url(bg.jpg); BACKGROUND-COLOR:#404040; title="MrTom.de - Künstler • Promotion • Shows | buchen Sie: Zauberer, Clown, Stelzenläufer, Ballonfiguren, Feuershow/Feuerspucker sehr günstig"; alt="Zauberer und Künstler aus Dortmund im Ruhrgebiet in Nordrhein-Westfalen / NRW"  }
*/