/****************************************/
/*    CSS Sterilisation des Mannes      */
/*    Copyright: diemedialisten         */
/*    Ansprechpartner: Silvia Wolf      */
/*                     Nikias Ehrlich   */
/*        www.diemedialisten.de         */
/****************************************/


/* RESEST + BODY */
@charset "ISO-8859-1";
ul, ol, html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-variant:normal;font-size:1em;text-decoration:none;text-transform:none;font-family:inherit;letter-spacing:normal;word-spacing:normal;vertical-align:baseline;} :focus {outline:0;} body {line-height:0;font-size:0;color:black;background:white;} table {table-layout:fixed;border-collapse:collapse;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} * {padding:0;margin:0;border:none;} html, body {width:100%;} ul, ol {list-type:none;} q {quotes:"»" "«";} q:before {content:open-quote;} q:after {content:close-quote;} blockquote {quotes:"- Zitat Anfang -" "- Zitat Ende -";} blockquote:before {content:open-quote;font-size:0.7em;} blockquote:after {content:close-quote;font-size:0.7em;} #vorschau h1, #vorschau h2, #vorschau h3, #vorschau h4, #vorschau h5, #vorschau h6, #frontend h1, #frontend h2, #frontend h3, #frontend h4, #frontend h5, #frontend h6 {clear:both;display:block;} #vorschau address, #vorschau blockquote, #vorschau p, #vorschau pre, #frontend address, #frontend blockquote, #frontend p, #frontend pre, #frontend form, #frontend form fieldset, #frontend form fieldset div {clear:both;display:block;width:100%;}
#vorschau address, #vorschau blockquote p, #vorschau p, #vorschau pre, #vorschau ul, #vorschau ol, #frontend address, #frontend blockquote p, #frontend p, #frontend pre, #frontend ul, #frontend ol, #vorschau form, #frontend form {margin:0.8em 0 1em;} #vorschau caption, #frontend caption {margin:0.6em 0 0.4em;} #vorschau table, #frontend table {margin:0 0 1em;} #vorschau blockquote, #frontend blockquote {margin:0;}
body {
	background-color:#FF7B18;
	margin:0;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	color:#840818;
	font-size:12px;
	line-height:15px;
	text-align:left;
}


/* DIVS / Struktur / Navigation */
#menu {
	background-color:#840818;
	background-image:url("../res_img/head.gif");
	background-position:top center;
	background-repeat:no-repeat;
	height:139px;
	width:100%;
	margin-top:50px;
	border-bottom:5px solid #FF7B18;
}
#menu ul {
	list-style-type:none;
	margin:0 auto;
	width:765px;
	height:22px;
	padding:118px 0 0 0;
}
#menu ul li {
	display:block;
	float:left;
	height:22px;
	width:139px;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #menu ul li a:focus, #menu ul li a:hover {display:block;height:22px;}

#menu ul li.vasektomie-duesseldorf, #menu ul li.vasektomie-duesseldorfSel {width:209px;}
#menu ul li.vasektomie-duesseldorf a:link, #menu ul li.vasektomie-duesseldorf a:visited {background-image:url("../res_img/home.gif");}
#menu ul li.vasektomie-duesseldorf a:active, #menu ul li.vasektomie-duesseldorf a:focus,
#menu ul li.vasektomie-duesseldorf a:hover, #menu ul li.vasektomie-duesseldorfSel a {background-image:url("../res_img/home_h.gif");}

#menu ul li.sterilisation-beim-mann-koeln, #menu ul li.sterilisation-beim-mann-koelnSel {width:139px;}
#menu ul li.sterilisation-beim-mann-koeln a:link, #menu ul li.sterilisation-beim-mann-koeln a:visited {background-image:url("../res_img/sterilisation.gif");}
#menu ul li.sterilisation-beim-mann-koeln a:active, #menu ul li.sterilisation-beim-mann-koeln a:focus,
#menu ul li.sterilisation-beim-mann-koeln a:hover, #menu ul li.sterilisation-beim-mann-koelnSel a {background-image:url("../res_img/sterilisation_h.gif");}

#menu ul li.ueber-uns, #menu ul li.ueber-unsSel {width:139px;}
#menu ul li.ueber-uns a:link, #menu ul li.ueber-uns a:visited {background-image:url("../res_img/ueber_uns.gif");}
#menu ul li.ueber-uns a:active, #menu ul li.ueber-uns a:focus,
#menu ul li.ueber-uns a:hover, #menu ul li.ueber-unsSel a {background-image:url("../res_img/ueber_uns_h.gif");}

#menu ul li.kontakt, #menu ul li.kontaktSel {width:139px;}
#menu ul li.kontakt a:link, #menu ul li.kontakt a:visited {background-image:url("../res_img/kontakt.gif");}
#menu ul li.kontakt a:active, #menu ul li.kontakt a:focus,
#menu ul li.kontakt a:hover, #menu ul li.kontaktSel a {background-image:url("../res_img/kontakt_h.gif");}

#menu ul li.impressum, #menu ul li.impressumSel {width:139px;}
#menu ul li.impressum a:link, #menu ul li.impressum a:visited {background-image:url("../res_img/impressum.gif");}
#menu ul li.impressum a:active, #menu ul li.impressum a:focus,
#menu ul li.impressum a:hover, #menu ul li.impressumSel a {background-image:url("../res_img/impressum_h.gif");}


/* DIVS / Content / Footer */
#ct_back {
	display:block;
	width:100%;
	padding:10px 0;
	background:#fff;
	clear:both;
}
#content {
	display:block;
	width:765px;
	margin:0 auto;
	padding:0 25px 0 100px;
	clear:both;
	font-size:13px;
	line-height:19px;
}
#footer {
	clear:both;
	display:block;
	width:100%;
	text-align:center;
	height:15px;
	padding:3px 0;
	background-color:#840818;
	color:#fff;
	border-bottom:50px solid #FF7B18;
}
#footer em {padding:0 5px;}


/* Textformatierung */
#content p {margin:6px 0 14px 0;width:80%;}
#content h1 {font-size:14px;}
#content h1, #content h2 {font-weight:bold;margin:25px 0 10px 0;}
#content a:link, #content a:visited, #content a:active, #content a:focus, #content a:hover {
	color:#850818;
	font-style:italic;
	text-decoration:none;
}
#content a:active, #content a:focus, #content a:hover {color:#FF9900;}
#content strong {font-weight:bold;}
#content ol.links {
	float:left;
	width:350px;
	line-height:25px;
}


/* formular */
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #FF9900;
	color:#850818;
	padding:2px 5px;
}
input.senden {
  display:block;
  width:82px;
  height:25px;
  background-image: url("../res_img/senden.jpg");
  background-repeat:no-repeat;
  border:0;
}
input.senden:hover {
  background-image: url("../res_img/senden_h.jpg");
  background-repeat:no-repeat;
}