/*	
	Stylesheet für die Webseite
	"Dr. Elia Bragagna - Sexualmedizinische Praxis in Wien"
	http://eliabragagna.at/
	All Rights Reserved.
*/

/* ----- undo default ----- */

* { padding: 0; 
	margin: 0; 
}

h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 1em 0; 
}

li, dd, blockquote { margin-left: 4%; 
}

fieldset { padding: 0.5em; 
}

/* block elements */
html, body, div, map, dt, p, multicol, 
dl, dd, ul, menu, dir, ol, blockquote, address, 
center, listing, plaintext, xmp, pre, hr, 
h1, h2, h3, h4, h5, h6 { display: block; 
}

/* hidden elements */
area, base, basefont, head, meta, script, style, title, noembed, noscript, param { display: none; 
}

/* ----- links and body ----- */

a:link, a:visited { background: transparent; 
	color: #B90D0D; 
	border-bottom: 1px solid #B90D0D; 
	text-decoration: none; 
}

a:active { background: transparent; 
	color: #666; 
}

a:hover { background: transparent; 
	color: #FF806B; 
	border-bottom-color: #FF806B; 
}

html { font-family: "Lucida Grande", Calibri, "Lucida Sans Unicode", "Bitstream Vera Sans", Candara, Corbel, Verdana, sans-serif; 
	text-align: center; 
	color: #222; 
	background: #B00C0C url(/img/bg/gradient11body.png) fixed; 
}

body { margin: 1.5em 0; font-size: 1rem; }

/* ----- divs ----- */

#wrap { background: #FFF; 
	width: 60em; 
	max-width: 1200px; 
	min-width: 700px; 
	margin: 0 auto; 
	padding: 0; 
	border-bottom: 2px solid #B90D0D; 
	text-align: left; 
}

#head { background: #BE0000 url(/img/bg/gradient3head.png); 
	color: #FFF; 
	padding: 1em; 
	min-height: 110px; 
}

#skip { display: none; 
}

#center { background: #FFF url(/img/bg/logo.jpg) no-repeat bottom right; 
	margin: 0; 
	padding: 0; 
	min-height: 380px; 
	height: auto; 
}

#content { width: auto; 
	padding: 1em 16em 1em 2.5em; 
	min-width: 400px; 
}

#content p { text-align: justify; 
	line-height: 160%; 
}

#content ul li { list-style: url(/img/graphics/bullet.png) square outside; 
}

#content ul li, #content ol li { line-height: 160%; 
}

#content ul.left li { margin-left: 1em; 
	text-align: left; 
	list-style-position: outside; 
}

#right { float: right; 
	clear: right; 
	background: #F9F9F9; 
	border: 1px solid silver; 
	margin: 3em 1em 2em 2em; 
	padding: 0.7em; 
	opacity: 0.7; 
	width: 13em; 
}

#right h4 { margin: 0; 
	color: #777; 
	background: transparent; 
	opacity: 1.0; 
}

#right ul, #right dl { margin: 0.2em 0.2em 0.2em 1em; 
	padding: 0; 
	opacity: 1.0; 
}

#right a { text-decoration: none; 
	border-bottom: none; 
}

#geschlaecht { font: bold 1em Georgia, "Palatino Linotype", Palatino, serif; 
}

#right li, #right dt { margin-bottom: 0.7em; 
}

p#postnav a { font: normal 0.96em "Lucida Grande", Calibri, "Lucida Sans Unicode", Candara, Corbel, Verdana, "Bitstream Vera Sans", Tahoma, sans-serif; 
	color: gray; 
	background: transparent; 
	text-decoration: none; 
	border-bottom: none; 
}

p#postnav a:hover { background: transparent; 
	color: #FF806B; 
	border-bottom: 1px solid #FF806B; 
}

/* ----- classes and tags ----- */

.left { text-align: left; 
}

.article { margin: 2.1em 0 3.5em 0; 
}

span.hilite { color: #222; 
	background: #F9EFEF; 
}

.excerpt { color: #333; 
	background: transparent; 
}

p.info { border: 1px outset #999; 
	background: #FFEBEC; 
	padding: 0.7em; 
	margin: 0.7em 0; 
	width: 85%; 
}

p:hover.info { border-color: silver; 
	background: #FFD9D9; 
}

p.section { font: small-caps 1.4em Georgia, "Bitstream Vera Serif", "Palatino Linotype", Palatino, "Times New Roman", Times, serif; 
	font-weight: bold; 
	text-transform: capitalize; 
	color: #F4A4A7; 
	background: transparent; 
	margin-left: 0px; 
}

p.meta { font-size: 0.8em; 
	color: #555; 
	background: transparent; 
}

h1 { text-align: left; 
	padding: 0; 
	margin: 0; 
	background: transparent; 
	color: #FFF; 
	font: italic bold 2.8em/120% Georgia, "Palatino Linotype", Palatino, "Bitstream Vera Serif", serif; 
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #FFF; 
	background: transparent; 
	text-decoration: none; 
	border-bottom: none; 
}

h2 { padding: 0; 
	margin: 0; 
	background: transparent; 
	color: #F9F9F9; 
	font: bold 1.3em/150% "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, "Bitstream Vera Sans", sans-serif; 
	letter-spacing: 0.1em; 
}

h3 { font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, "Bitstream Vera Sans", sans-serif; 
	color: #910000; 
	padding: 0 0 2px 1.2em; 
	margin-left: -1.4em; 
	background: transparent url(/img/graphics/article.png) no-repeat 0 50%; 
}

h4 { font: bold 1.2em/1.4em Georgia, "Bitstream Vera Serif", Palatino, "Palatino Linotype", serif; 
	color: #333; 
	background: transparent; 
	margin-left: 0.2em; 
}

h5 { font: bold 1.1em Georgia, "Bitstream Vera Serif", Palatino, "Palatino Linotype", serif; 
	color: #444; 
	background: transparent; 
	margin-left: 0.4em; 
}

h6 { font: bold italic 0.99em/0.8em Georgia, "Bitstream Vera Serif", "Palatino Linotype", Palatino, "Times New Roman", Times, serif; 
	color: #555; 
	background: transparent; 
	margin-left: 0.6em; 
}

abbr, acronym { border-bottom: 1px dashed silver; 
	cursor: help; 
}

blockquote p cite { quotes: "\201C" "\201D" "\2018" "\2019"; font-style: normal; 
}

blockquote p cite:before { content: open-quote; 
}

blockquote p cite:after { content: close-quote; 
}

blockquote { background: transparent url(/img/bg/cite.gif) no-repeat top left; 
	line-height: 150%; 
	padding: 0.3em; 
	margin: 1.5em 2.5em; 
	vertical-align: middle; 
}

code { font-size: 1.2em; 
}

img { border: none; 
	vertical-align: middle; 
}

table { border-collapse: collapse; 
	width: 95%; 
	margin-left: 1.5em; 
}

th { font-weight: bold; 
}

tr, td, th { border: 1px solid #DDD; 
	text-align: left; 
	padding: 0.2em; 
}

table { display: table; 
}

caption { display: table-caption; 
}

tr { display: table-row; 
}

col { display: table-column; 
}

colgroup { display: table-column-group; 
}

tbody { display: table-row-group; 
}

thead { display: table-header-group; 
}

tfoot { display: table-footer-group; 
}

td { display: table-cell; 
}

th { display: table-cell; 
}

/* ----- forms ----- */

input, textarea { vertical-align: middle; 
}

input[type="text"] , textarea { border-bottom: 1px solid #ddd; 
	border-left: 2px solid #c3c3c3; 
	border-right: 2px solid #c3c3c3; 
	border-top: 1px solid #7c7c7c; 
}

textarea { border-bottom-width: 2px; 
}

input:focus, textarea:focus { background-color: #FBF3F5; 
}

fieldset { border: none; 
	border-top: 1px solid silver; 
	background: transparent; 
	width: 80%; 
	margin: 1.2em 0; 
	padding: 0.8em 0; 
}

legend { font: 0.9em Georgia, "Palatino Linotype", Palatino, serif; 
	font-style: italic; 
	color: #999; 
	background: #FFF; 
	border: none; 
	padding: 0.1em 0.5em; 
}

/* 
input.button, input.button p, input[type=submit] { color: #666; 
	background: #F9EFEF url(/img/bg/submit-gradient) repeat-x; 
	padding: 0.2em 0.4em; 
	border-bottom: 1px solid #999; 
	border-right: 1px solid #999; 
	border-top: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
	font: bold 85% Verdana, Tahoma, Helvetica, Arial, sans-serif; 
} 
*/

/* ----- sections top menu ----- */

#menu { margin: -0.2em 0 0 0; 
	padding: 0; 
}

#navigation { margin: 0; 
	padding: 0.5em; 
	font: bold 0.9em "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Tahoma, sans-serif; 
	background: #D22A2A url(/img/bg/toptabred4-2.png) repeat-x;
}

#navigation li { margin: 0; 
	padding: 0; 
	list-style: none; 
	display: inline; 
}

#navigation li a { margin: 0; 
	padding: 0.5em; 
	color: #FAF5F5; 
	text-decoration: none; 
	border-bottom: none; 
}

#navigation li a:hover { color: #FFF; 
	background: #FB5B5B url(/img/bg/toptabred4-2.png) repeat-x 100% -50px; 
	border-bottom: none; 
}

#navigation li.current a { background: #FB5B5B url(/img/bg/toptabred4-2.png) repeat-x 100% -50px; 
}


/* ----- footer ----- */

div#footer { clear: both; 
	/* border-top: 2px solid #B90D0D;*/  padding: 1.4em 1.2em; 
	color: #666;
min-height: 4.5em;
	vertical-align: middle; 
	background: #FFF url(/img/bg/footer.png) repeat-x bottom left; 
	clear: both; 
}

div#footer a { text-decoration: none; 
	border-bottom: none; 
}

/* ----- sIFR 2.0 ----- */

.sIFR-hasFlash h1 { visibility: hidden; 
}

.sIFR-hasFlash h2 { visibility: hidden; 
}

.sIFR-hasFlash h3 { visibility: hidden; 
	padding-left: 1.4em; 
	margin-left: -1.4em; 
	background: transparent url(/img/graphics/article.png) no-repeat 0 30%; 
	max-width: 90%; 
}

.sIFR-hasFlash p.section { margin: 1em; 
	padding-left: 0; 
}

.sIFR-flash { visibility: visible !important; 
}

.sIFR-replaced { visibility: visible !important; 
}

span.sIFR-alternate { position: absolute; 
	left: 0; 
	top: 0; 
	width: 0; 
	height: 0; 
	display: block; 
	overflow: hidden; 
}

/* ----- images ----- */

div.image-element { display: block; 
	background: #F9F9F9; 
	border: 1px solid #FFD9D9; 
	padding: 0.3em; 
	margin: 0.8em 1.5em 0.5em 0.5em; 
}

div.image-element img { border: none; 
	clear: both; 
}

div.image-element a img { border: 1px solid #B90D0D; 
	text-decoration: none; 
}

div.image-element a:hover img { border-color: #FFD9D9; 
	text-decoration: none; 
}

div.caption { display: block; 
	padding: 0.2em 0.1em; 
	margin: 0; 
	text-align: left; 
	width: 100px; 
	font: normal 0.8em/1.1em Tahoma, Verdana, "Bitstream Vera Sans", Helvetica, sans-serif; 
	color: #555; 
}

.left { float: left; 
	position: relative; 
	margin: 0.5em 1.5em 0.5em 0.5em; 
}

/* ----- search ----- */

#navigation form { display: inline; 
	margin: 0px 2px 0px 10px; 
	padding: 0; 
	vertical-align: top; 
	height: 10px; 
}

#navigation input[type=text] { background: #fed6d6; 
	color: #333; 
	margin-right: 4px; 
	vertical-align: middle; 
}

#navigation input[type=submit] { padding: 0; 
	background: #F1F1F1; 
	color: inherit; 
}

#navigation input[type=text]:focus { background: #FFF; 
	color: #000; 
}