/* 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 */

/* allgemein */
body, img, h1, h2, h3, h4, h5, p, li, a, ul, input, textarea {
text-decoration: none;
onFocus:"if(document.all) this.blur()";
margin: 0;
padding: 0;
}
img  { border:0px; }


.versteckt, .versteckt_print {
display: none;
}

/* Seite */
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;
}

div#seite {
position:relative;
margin: auto;
width:790px;
padding: 0;
border: 0;
text-align: left;
font-weight: normal;
font-size:12px;
font-family: arial, Verdana, Helvetica;
padding-bottom: 40px;
}

div#kopf {
position:relative;
margin: auto;
width:740px;
height:149px;
padding: 0;
border: 0;
background-image:url(kopf.jpg) ;
background-repeat:no-repeat;
background-position:0px 25px;
z-index: 400;
}
div#kopf 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#kopf a {text-decoration: none;color: #000000;}
div#kopf a:link {text-decoration: none;color: #000000;}
div#kopf a:hover {text-decoration: none;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#zeile {
position:relative;
margin: auto;
width: 740px;
padding: 5px 0px;
border: 0;
BACKGROUND-COLOR:#181818;
/*BACKGROUND-COLOR:#404040;*/
z-index: 500;
word-spacing:20px;
}

div#zeile2 {
position:relative;
margin: auto;
width: 740px;
padding: 5px 0px;
border: 0;
background-image:url(suchbild.jpg);
z-index: 500;
word-spacing:20px;
text-align: center;
font-weight: normal;
font-size:14px;
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#feld {
position:relative;
margin:auto;
width:734px;
min-height:340px;
padding-top:25px;
border:3px solid #ffcc66;
BACKGROUND-COLOR:#ffffff;
z-index:400;
}

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

div#links {
position:absolute; left:-31px;
width:150px;
min-height:235px;
padding: 15px 0px 15px 15px
border:0;
BACKGROUND-COLOR:#ffcc66;
z-index:600;
}

div#rechts {
position:relative; left:154px;
width:555px;
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 #ffcc66;
font-weight: bold;
font-size:11px;
font-family: arial, verdana;
text-align: center;
text-decoration: none;
z-index:900;
}

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;
width:734px;
height:104px;
margin-left:-154px;
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;
}

div#fuss {
BACKGROUND-COLOR:#ffffff;
position:absolute;
width:724px;
height:29px;
text-align: center;
bottom:0px;
border: 0px;
z-index:800;
}

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

div h1 {
text-align: left;
font-weight: bold;
font-size:12px;
font-family: arial,verdana;
background: transparent;
text-decoration: none;
color:#000000;
}
div h1 a {text-decoration: none;color: #ffcc66;}
div h1 a:link {text-decoration: none;color: #ffcc66;}
div h1 a:hover {text-decoration: none;color: #ffffff;}

div h2 {
text-align: left;
font-weight: normal;
font-size:12px;
font-family: arial, Verdana, Helvetica;
background: transparent;
text-decoration: none;
color: #000000;
}
div h2 a {text-decoration: none;color: #ffcc66;}
div h2 a:link {text-decoration: none;color: #ffcc66;}
div h2 a:hover {text-decoration: none;color: #ffffff;}

div#zeile h4 {
text-align: center;
font-weight: normal;
font-size:14px;
font-family: arial, Verdana, Helvetica;
background: transparent;
text-decoration: none;
color: #ffffff;
}
div#zeile a {text-decoration: none;color: #ffcc66;}
div#zeile a:link {text-decoration: none;color: #ffcc66;}
div#zeile a:hover {text-decoration: none;color: #ffffff;}

div#links h4 {
text-align: left;
font-weight: normal;
font-size:14px;
font-family: arial, Verdana, Helvetica;
background: transparent;
text-decoration: none;
color: #181818;
}
div#links hr {
background-color:#181818; 
height:2px; 
border:0px;
}
div#links a {text-decoration: none;color: #181818;}
div#links a:link {text-decoration: none;color: #181818;}
div#links a:hover {text-decoration: none;color: #ffffff;}

div#rechts h3 {
font-weight: bold;
font-size:25px;
font-family: verdana, arial;
background: transparent;
text-decoration: none;
color: #000000;
margin-bottom:15px;
}
div#rechts h4 {
font-weight: normal;
font-size:12px;
font-family: arial,verdana;
background: transparent;
text-decoration: none;
color:#000000;
}
div#rechts p {
/*padding-right:200px;*/
font-weight: normal;
font-size:12px;
font-family: arial,verdana;
background: transparent;
text-decoration: none;
color:#000000;
}
div#rechts a {text-decoration: none;color: #000000;}
div#rechts a:link {text-decoration: none;color: #000000;}
div#rechts 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#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#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;
}

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

/* 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"  }
*/