/*
Theme Name: Kopfzentrum HNO Düsseldorf
Theme URI: http://www.kopfzentrum-hno-duesseldorf.de/
Datum: 12.02.2008
Author: B. Rydzewski
*/

/* Body */
* {margin:0; padding:0;}
html {height:101%;}
body {background-color:#e5e5e5; color:#808080; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:1.4em; text-align:center;}


#top {padding:0; height:180px; background:#f2f2f2 url(header.jpg) top center no-repeat; color:#808080; margin:0 auto;}
#top div.inner {width:900px; margin:0 auto; height: 100%; z-index:15; position: relative;}

/* Main wrap */
#wrap {clear:both; text-align:center; background:#e5e5e5 url(bg.gif) top center repeat-y; padding:2px 0 5px 0; margin:0;}
#wrap div.inner {text-align:left; background-color:#fff; color:#555; width:870px; margin:0 auto; position: relative; z-index:10;}

/* Main menu */
#mainmenu { position: absolute; left: 0; top: 160px; clear: both; margin:0; padding:0; text-align:left; font-size: 12px; z-index:20;}
ul.menu, ul.menu ul {list-style-type: none; padding:0 0 0 1px;font-size: 12px;}
ul.menu a {display: block;}
ul.menu li {display: block;list-style-type: none; float:left; margin:0; border-left: solid 4px #984c4c;background-color:#6c0000;}
ul.menu li a {display:block; color:#fff; padding:2px 6px 2px 6px; background-color: transparent; border-top: 1px solid #6c0000; border-bottom: 1px solid #6c0000; font-weight: bold;}
ul.menu li a:hover {background-color:#6c0000; color:#777; padding:2px 6px 2px 6px;}
ul.menu li a.active_page {background-color:#fff; color:#777; border-bottom: 1px solid #fff;}
ul.menu li a.active_page:hover {background-color:#fff; color:#777; border-bottom: 1px solid #fff;}
ul.menu ul {margin-left:-5px; margin-top -1px; border: solid 1px #ffffff; padding: 0 0 0 0;background-color:#6c0000;  position: absolute; display:none;}
ul.menu li ul li {display:block; }
ul.menu li.active_page {background-color:#fff;}
ul.menu li ul li a.a_active_page {color:#777;}

/* IE-Hack für die Breite */
/*
*html ul.menu ul {
    width:200px;
}
*/

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  { display:block;}
ul.menu ul li { float:none; background-color: transparent;}



/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {display: none;margin-left: 160px; /* Breite eines Listenelements - Überlagerung */margin-top: -20px; /* Höhe eines Listenelements */}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {display: block;}






#langmenu { position: absolute; right: 0; bottom: 0px; clear: both; margin:0; padding:0; text-align:left; font-size: 12px; color: #fff;}
#langmenu ul {padding:0 0 0 1px;}
#langmenu ul li {list-style:none; float:left; margin:0 4px 0 0;}
#langmenu ul li a {display:block; color:#fff; padding:5px 6px 3px 6px; background-color: transparent; border: 0}

/*Breadcrumb*/
#breadcrumb {font-size: 10px; margin-bottom: 10px; background-color: transparent;}
#breadcrumb a {color: #777;}
#breadcrumb a.active {color: #6c0000;}



/*MainTitle*/
#maintitle {position: absolute;	right: 20px;	top: 105px;	font-family: "Times New Roman", Times, serif;	font-size: 30px;	line-height: 1em;	color: #9a9a9a;}

/* Headers */
h2, h3, h4 {margin:0 0 12px; color:#666; font-weight:normal;}

/* Content */
#content {float:left; clear:left; text-align: left; width:800px; margin:0;}
#content h1 {font-size: 15px; clear:left; line-height:20px; padding-bottom:5px;}
#content h2 {font-size:1.7em; clear:left;}
#content h3 {font-size:1.3em; clear:left;}
#content h2.archiveheader {margin:0 0 20px 0; padding:4px 0; border-bottom:3px solid #ddd;}
#content h2.titel {color: #6c0000; margin:0 0 15px 250px; padding:4px 0; font:bold 2.2em "Times New Roman", Times, serif;}
#content h2 a, #content h3 a {font-weight:normal;}
#content p {margin:0 0 5px 0;font-size: 11px;line-height: 16px;}
#content a {font-weight:700; }
#content div.postnav {padding:10px 0; margin-bottom:15px;}
#content div.postnavleft {width:48%;}
#content div.postnavright {width:48%; text-align:right;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px; font-size: 11px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#content table {border-collapse: collapse;border: 0;margin: 2px;font-size: 11px;vertical-align: top;text-align: left;}
#content table tr td {vertical-align: top;margin: 2px; padding: 2px;}

#content img {margin:0; padding:0;}
#content img.left {float:left; margin:0 10px 10px 0;}
#content img.right {float:right; margin:0 0 10px 10px;}
#content img.center {margin:2px auto 10px auto; display:block;}
#content img.framed {padding:5px; background:#222; border:1px solid #555;}

#img {float: left; margin: 2px 0 0 10px; width: 200px;}
#img img{padding: 0 0 10px 0;}

#content div.contenttext {margin: 0 10px 15px 0; padding: 0 0 0 80px;}
#content .post {margin:0 0 15px;}
#content .timestamp strong {font-size:1.2em; font-weight:400;}
#content .timestamp a {font-weight:400;}
#content .postmeta {padding:2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block; border-top:3px solid #ddd;}
#content .postmeta a {}
#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;}
#content .postpagesnav a {font-weight:400;}
#content .postpagesnav .older {width:48%; float:left;}
#content .postpagesnav .newer {width:48%; float:right; text-align:right;}
#content .prettylist {margin:0 0 20px 0; padding:0;}
#content .prettylist li {list-style:none; margin:0 0 2px 10px; padding:0;}
#content #sidebox {float:right; margin:0 0 5px 10px; text-align:center; padding:5px; width:220px; border:1px solid #ddd;}


#aenderungsdatum {
	font-size: 9px;
	text-align: right;
	color: #6c0000;
}

/* Footer */
#footer {clear:both; height: 70px; color:#fff; text-align: center; background:#e5e5e5 url(footer_bg.gif) top center no-repeat;}
#footer div.inner {width:870px; text-align:center; margin:auto;  padding: 3px;}
#footer p {margin:0; padding:5px 0;}
#footer .credits {font-size:9px;}
#footer a {color:#777;}
#footer a:hover {color:#555; text-decoration:underline;}

/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;}

/* Links */
a {color:#467aa7; font-weight:400; text-decoration:none;}
a:hover {color:#2a5a9a; text-decoration:none;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Various classes */
.feedlink {padding:0 0 0 18px; margin:0 10px 0 0; font-size: 1em; background: url(img/rss.png) center left no-repeat;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;}
.skiplink {display:none;}

/* Karte */
#map {
	width: 495px; 
	height: 400px;
	border: 1px solid #6c0000;
	}
	
/* Gästebuch */

.tx-veguestbook-pi1 {
        font-size:100%;
    }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-guestbook-entry {
		background-color: #ddd;
		background-image: url(bg_gb.png);
		background-repeat: repeat-y;
		border: solid 1px #ff0000;
		margin-top: 10px;
		margin-bottom: 20px;
	}

		
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		/* clear:both;*/
		background:#808080;
		color:#FFF;
		display:block;
		font-size:10px;
		font-weight:bold;
		padding: 0.5em;
		width: 100%;
	}
	
	.tx-guestbook-header {
		background:#808080;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-align: left;
		margin-left: 0px;
		margin-right: 0px;
		padding: 3px;
	}
	
	.tx-guestbook-info {
		color: #001130;
		background: #fff;
		border-bottom: solid 1px #808080; 
		text-align: left;
		margin-left: 0px;
		margin-right: 0px;
		padding: 1px;
	}
	
	.tx-guestbook-info a{
		color: #808080;
		background: #fff;
		font-size: 9px;
		font-weight: normal;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width: 500px;
		background:#EFEFEF;
		min-height:100%;
		padding: 0.5em;
		height:100%;
		font-size: 9px;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
		font-size: 9px;
		padding: 1px;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:390px;
		padding: 5px 5px 5px 5px;
		margin-left: 110px;
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
		padding: 1em 0;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
		height: 1px;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}
  )
  
  
DIV.csc-textpic-border, DIV.csc-textpic-imagewrap, .csc-textpic-single-image IMG {
  border: 20;
  padding: 5px 15px 15px 5px;  
}

.card {
	width: 400px;
	height: 300px;
	padding: 20px;
	background: url(visitenkarte.jpg) top left no-repeat;
}