/*
Theme Name: Illert Wordpress Theme
Theme URI: http://www.rustyspoon.de/
Description: Custom-made Theme for Dr. med. Michael Illert, a ophthalmologist from Düsseldorf, Germany.
Version: 0.1
Author: Christian Kettner
Tags: fixed width, two columns, widgets
*/

* {margin:0; padding:0;}
body {background:#d6d6d6 url(images/bg.png) 50% top no-repeat; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#wrapper {width:970px; margin:0 auto; padding:0;}
#page {background:transparent url(images/page_bg.png) 0% 50% repeat-y; width:950px; margin:0 auto; padding:0 10px 10px 10px; text-align:left;}
* html #page {background:#fff url(images/page_bg.gif) 0% 50% repeat-y;}
#header {border-top:5px solid #6ca0dc; position:relative;}
#logo {padding:17px 0 20px 26px; height:91px; /*höhe ist experimental*/}
#logo a img {border:none;}
#adress {position:absolute; right:40px; top:18px; color:#666; font-size:1.234em;}
#adress span {color:#d7dde5; font-size:.9em; margin-right:1.1em;}
#nav {margin:0 10px; padding:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:.858em; font-size:.842em; font-weight:bold; color:#333;}
#nav ul li {	
margin:6px 0 6px 15px;
padding:0;
overflow:hidden;
float:left;
height:31px;
list-style:none;
list-style-position:outside;
background:transparent url(images/nav-separator.gif) right 50% no-repeat; padding-right:15px;
}
#nav ul a, #nav ul span.hover {
padding:0; 
float:left;
text-decoration:none; 
color:#184580;
clear:both;
height:31px;
line-height:31px;
background:#fff;
cursor:pointer;
}
#nav ul a {background:url(images/nav_left.gif) left 50% no-repeat; color:#333; padding-left:3px;}
#nav ul span.hover { color:#333; display:none; padding:0 3px; }
#nav ul li a span {background:url(images/nav_right.gif) right 50% no-repeat; display:inline-block; padding-right:3px;}

.form-slider {margin:0; padding:0; position:relative;}
#teaser {margin-top:50px; float:left;

width:950px; height:249px;}
#teaser ul {list-style:none; margin:0; padding:0;}
#teaser ul li {list-style:none; margin:0; padding:0;}

#teaser #teaser-slideshow {position:relative; height:249px; width:950px; overflow:hidden;}
#teaser #teaser-slideshow  {position:absolute;}

#right-c {width:639px; width:579px; width:589px; padding:30px; float:right;}
* html #right-c {float:right; display:inline-block; width:590px; margin:0; padding-left:0; overflow:hidden;}

#right-c h1 {color:#184580; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.71em;}
#right-c h1 a {color:#184580; text-decoration:none;}
#right-c h1 a:hover {background-color:#05216b; color:#fff; text-decoration:none;}
.startseite #right-c h2 {color:#5b5b5b; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.6em;}
#right-c h2 {color:#5b5b5b; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.4em;}
#right-c h2 a {color:#5b5b5b; text-decoration:none;}
#right-c h2 a:hover {color:#333; text-decoration:underline;}
#right-c p {margin:1.5em 0; color:#999; color:#666; font-size:.8em; line-height:1.4em;}
#right-c p span {width:60px; color:#184580; display:inline-block;}
#right-c ul, #right-c ol {color:#6ca0dc; list-style-position:inside; margin-left:1em; font-size:.9em;}

#content.lasik #right-c h1 {color:#5b5b5b; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.71em;}
#content.lasik #right-c h2 {color:#5b5b5b; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.4em;}
#content.lasik #right-c p {margin:1em 0; color:#666; font-size:.8em;}
#content.lasik #right-c strong {color:#333; font-weight:bold;}

#content.kontakt #right-c h2 {margin:1.5em 0 .8em 0;}

#right-c .person {display:block; clear:both; background:#fff url(images/team-pic-shadow.gif) left 148px no-repeat; overflow:auto; margin:1em 0;}
#right-c .person h2 {}
#right-c .person p {}
#right-c .person img {float:left; width:180px; height:130px; margin:0 1.5em 1.5em 0; border:7px solid #d6d6d6;}
#right-c .person img.illert {border:7px solid #95b9e2;}

#right-c .teaser-text {margin:.5em 0; color:#888; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.2em;}
#right-c .teaser-text a {color:#348fd6; text-decoration:underline;}
#right-c .teaser-text a:hover {color:#000;}

#right-c .entry {margin:3em 0 1em 0; padding-bottom:2.5em; display:inline-block; border-bottom:1px solid #f1f1f1;}
#right-c .actionBar {font-size:.7em; color:#555; padding:.2em 0.3em;}
#right-c .portrait {float:left; margin:0 2em 2em 0;}

#left-sb {width:311px; width:250px; width:239px; padding:30px; float:left;}
* html #left-sb {width:311px; width:240px; margin-right:0; padding-right:0;}
#left-sb h2 {color:#348fd6; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.2em; margin-bottom:1em;}
#left-sb .widget_aktuelleInformationen h3 {color:#348fd6; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:1.2em; margin-bottom:1em;}
#left-sb h3 {color:#5b5b5b; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size:.91em; margin-bottom:.5em;}
#left-sb h3 a {color:#348fd6; font-size:1em; text-decoration:none; font-weight:bold;}
#left-sb h3 a:hover {text-decoration:underline;}
#left-sb p {margin:0 0 2em 0; color:#999; font-size:.9em;}
#left-sb a {color:#348fd6; text-decoration:none;}
#left-sb a:hover {color:#348fd6; text-decoration:underline;}
#left-sb ol.route {list-style-position:outside; list-style:none; color:#777; font-size:.9em; margin:.5em 0 1.5em 0;}
#left-sb ol.route li {margin:.5em 0;}

.neuigkeiten {padding-top:1em;}
.neuigkeiten h2 {padding-left:55px; position:relative;}
* html .neuigkeiten h2 {padding-left:55px;}
.neuigkeiten h2 span {background:transparent url(images/neu-badge.png) 50% 50% no-repeat; height:51px; width:51px; display:inline-block; position:absolute; left:-5px; top:-15px;}
* html .neuigkeiten h2 span {left:-55px; top:-15px;}
.neuigkeiten .news-post {color:#555; font-size:.8em; font-weight:bold; margin:1.5em 0;}
#left-sb .neuigkeiten .news-post a {display:block; padding-top:.2em; color:#66adcc; font-weight:normal; text-decoration:none;}
#left-sb .neuigkeiten .news-post a:hover {text-decoration:underline;}
#right-c .spezialgebiete {margin:2em 0 3em 0;}
#right-c .spezialgebiete ul {margin:2em 0 0 0; display:inline-block; font-size:.8em; list-style:none;}
#right-c .spezialgebiete ul li {width:265px; padding:15px 0 15px 0; margin:0 10px; float:left; background:transparent url(images/list-dotted.gif) 50% bottom no-repeat;}
* html .spezialgebiete ul li {width:260px;}
#right-c .spezialgebiete ul li a {background:transparent url(images/list-item-icon.gif) 0% 50% no-repeat; padding-left:25px; color:#666; font-weight:bold; text-decoration:none;}
#right-c .spezialgebiete ul li a:hover {text-decoration:underline;}

#right-c ul {margin:1em 0 1em 2em; list-style-position:outside;}
#right-c ul li {margin:.5em 0;}

#left-sb .spezialgebiete {margin:0 0 5em 0;}
#left-sb .spezialgebiete ul {margin:0; display:inline-block; font-size:.8em; list-style:none;}
#left-sb .spezialgebiete ul li {width:250px; padding:15px 0 15px 0; margin:0; float:left; background:transparent url(images/list-dotted.gif) 50% bottom no-repeat;}
* html #left-sb .spezialgebiete ul li {width:260px;}
#left-sb .spezialgebiete ul li a {background:transparent url(images/list-item-icon.gif) 0% 50% no-repeat; padding-left:25px; color:#666; font-size:.9em; font-weight:bold; text-decoration:none;}
#left-sb .spezialgebiete ul li a:hover {text-decoration:underline;}

#left-sb  #search {margin:1em 0 2em 0; margin-top:20px; background:transparent url(images/suchfeld.gif) left 50% no-repeat;}
#left-sb  #search label {color:#333; font-size:.9em; font-weight:bold;}
#left-sb  #search input[type=text] {width:185px; margin:0; padding:4px 4px 4px 8px; color:#333; font-size:.9em; font-weight:bold; border:none; background:none; height:26px;}
* html #left-sb  #search input {width:185px; margin:0; padding:4px 4px 4px 8px; color:#333; font-size:.9em; font-weight:bold; border:none; background:none; height:27px;}
#left-sb  #search #search-ok {width:40px; height:26px; margin:0; padding:0; color:#333; font-size:10px; border:none; background:none; background:transparent url(images/suchfeld-rechts.gif) right 50% no-repeat; position:absolute; right:0; top:4px; text-indent:-9999%; cursor:pointer;}
* html #left-sb  #search #search-ok {top:6px;}

.kontaktbox {display:block; background:#f8f8f8 url(images/kontakt-header.gif) 50% top no-repeat; margin:10em 0 0 0; padding:85px 15px 5px 15px; font-size:.85em; color:#5b5b5b;}
.kontaktbox img {display:block; margin:0 0 .8em 0;}
.kontaktbox a {color:#348fd6; text-decoration:underline;}
.kontaktbox a:hover {color:#333; text-decoration:none;}

#right-c .wpcf7-form .wpcf7-form-control-wrap span{width:500px; color:red;}
#right-c .wpcf7-form .wpcf7-form-control-wrap label {display:block;}
#right-c .wpcf7-form .wpcf7-form-control-wrap input {background:#fff url(images/input_bg.gif) 50% 100% repeat-x; border:1px solid #333; font-size:1.2em; padding:.3em;}
#right-c .wpcf7-form .wpcf7-form-control-wrap textarea {background:#fff url(images/input_bg.gif) 50% 100% repeat-x; border:1px solid #333; font-family:Arial, Helvetica, sans-serif; max-width:590px; width:390px; font-size:1.1em; padding:.3em;}
#right-c .wpcf7-form .wpcf7-form-control-wrap .wpcf7-submit {padding:.5em; font-size:1.1em;}

#right-c input {background:#fff url(images/input_bg.gif) 50% 100% repeat-x; border:1px solid #333; font-size:1.2em; padding:.3em;}

.wpmaps {border:7px solid #d6d6d6;}

.blogEntry {margin:1em 0 3em 0;}
.blogEntry hr {display:none;}

abbr {border-bottom:1px dashed #ccc; cursor:help;}
cite.zitat {font-family:Georgia; font-style:italic; font-size:2.3em; margin:1.5em auto 1em auto; display:block; text-align:center;}

#footer {background:#fff url(images/footer_bg.gif) 50% bottom no-repeat; width:950px; margin:0 auto 3em auto; padding:10px 10px 30px 10px; font-size:.8em; text-align:left; display:block;}
#footer div {margin:0 2em; display:block;}
#footer div .left {float:left; margin:0; padding:0;}
#footer div .left ul {margin:0; padding:0;}
#footer div .left ul li {display:inline; padding:0 5px;}
#footer div .left ul li a {color:#5b5b5b; text-decoration:none;}
#footer div .left ul li a.copy {color:#a9a9a9;}
#footer div .left ul li a:hover {color:#5b5b5b; text-decoration:underline;}

#footer div .right {float:right; margin:0; padding:0;}
#footer div .right ul {margin:0; padding:0;}
#footer div .right ul li {background:#fff url(images/footer-separator.gif) right 50% no-repeat; display:inline; padding:0 15px 0 5px; color:#a4d2f3;}
#footer div .right ul li a {color:#a4d2f3; text-decoration:underline;}
#footer div .right ul li a:hover {color:#348fd6; text-decoration:none;}

#tuev-cert {display:block; height:62px; width:112px; margin:0 auto; padding:0; background:#fff url(images/tuev-cert-both-norm.png) 50% bottom no-repeat; font-size:.01em; text-indent:-9999px;}
#tuev-cert:hover {background:#fff url(images/tuev-cert-both-norm.png) 50% top no-repeat;}
.linkxc {display:block; width:100px; margin:1.5em auto; padding:0;}

/* Best Practice zum Clearen von floats */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

#subteaser {margin:20px 0 20px 0; padding:0; height:200px; width:620px; overflow:hidden;}
#subteaser ul {list-style:none; list-style-position:outside; margin:0; padding:0;}
#subteaser ul li {list-style:none; list-style-position:outside; margin:0; padding:0;}

#right-c .editEntryButton, #left-sb .editEntryButton {padding:2px 3px; background-color:#6ca0dc; color:#fff; font-size:.7em;}
#right-c .editEntryButton:hover, #left-sb .editEntryButton:hover {background-color:#5b5b5b; color:#fff;}
#right-c .editEntryButton a, #left-sb .editEntryButton a {color:#fff; text-decoration:none; display:inline-block;}

table {margin:1em 0 3em 0; font-size:.9em;}
table tr {}
table tr td {padding:.3em 0;}
table tr td.date {color:#184580; width:80px; vertical-align:top;}

#right-c a {color:#348fd6; text-decoration:none;}
#right-c a:hover {text-decoration:underline;}

#right-c .kommentare {margin:2em 0 0 0;}
#right-c ol.commentlist {
margin-left:1em;
margin-bottom:2em;
color:#666;
}
.commentlist .even_ {
background-color:#eee;
}
.commentlist .comment-body {
padding:.5em;
}
.commentlist .comment-author {
border-top:2px solid #348fd6;
padding:5px 0 0 0;
background-color:#eee;
}
.commentlist .comment-meta {
border-bottom:1px solid #ccc;
padding:0 0 11px 0;
background-color:#eee;
}
#right-c .commentlist .comment-author cite.fn a.url {
font-style:normal;
font-weight:bold;
color:#348fd6;
text-decoration:none;
}
#right-c .commentlist .comment-author cite.fn a.url:hover {
text-decoration:underline;
}
#right-c .commentlist .comment p {
margin:1em 0;
}
#right-c .commentlist .comment-author img {
float:left;
margin:0 1em 1em .3em;
padding:1px;
border:1px solid #333;
}
#right-c .commentlist .comment-meta a {
font-size:.8em;
text-decoration:none;
}
#right-c .commentlist .comment-meta a:hover {
color:#333;
text-decoration:undeline;
}


#ftHolder { width: 500px; float: left; text-align: center; height: 332px; padding-top: 90px; }
#ft { border: 5px solid #BAD340; -moz-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 480px; text-align: left; }

/* wp-specific */
caption {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}