/*

Theme Name: Claudias Webseite
Description: Das Theme f&uuml;r die Seite von <a href="http://claudiazubic.com/">Claudia Zubic</a>.
Version: 1.0
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de/

Screendesign: Marc B&ouml;ttler http://motionfruit.de


*/

body {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 62.5%;
    }

body.home, body.single, body.error404 {
    background: #fff url(img/bg_grau_s.jpg) repeat-x;
    }

body.page {
    background: #fff url(img/bg_grau_s.jpg) repeat-x;
    }

body.page-id-18 {
    background: #fff url(img/bg_violett_s.jpg) repeat-x;
    }

body.page-id-10 {
    background: #fff url(img/bg_gruen_s.jpg) repeat-x;
    }

body.page-id-8 {
    background: #fff url(img/bg_schwarz_s.jpg) repeat-x;
    }

body.page-id-16 {
    background: #fff url(img/bg_braun_s.jpg) repeat-x;
    }
    
body.page-id-6 {
    background: #fff url(img/bg_grau_s.jpg) repeat-x;
    }

body.page-id-33 {
    background: #fff url(img/bg_wein_s.jpg) repeat-x;
    }

#page {
    width: 1020px;
    margin: 100px auto 50px;
    background: url(img/page_bg-3.png) no-repeat top left;
    }

#header {
    width: 1000px;
    height: 29px;
    margin: 0 0 0 22px;
    }

#header h1 {
    width: 132px;
    height: 22px;
    background: url(img/headerh1_bg.png) no-repeat top left;
    color: #fff;
    padding: 7px 0 0 10px;
    margin: 0 0 0 20px;
    font-size: 1.8em;
    float: left;
    z-index: 2000;
    position: relative;
    }

#header h1 a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: lighter;
    }

.menu ul {
    list-style: none;
    margin: 2px 0 0px 0;
    padding: 9px 0 4px 0;
    float: left;
    height: 14px;
    width: 500px;
    z-index: 1000;
    position: relative;
    overflow: hidden;
    }

.menu ul li {
    list-style: none;
    margin: 2px 0 0 -13px;
    padding: 13px 3px 3px 20px;
    background: url(img/navi_reiterg2.png) no-repeat bottom left;
    width: 70px;
    display: inline;
    line-height: 1.8em;
    z-index: 1800;
    position: relative;
    }

.menu ul li.page-item-2 {
    z-index: 1800;
    position: relative;
    }

.menu ul li.page-item-18 {
    margin: 2px 0 0 -17px;
    padding: 13px 7px 3px 7px;
    position: relative;
    z-index: 1700;
    }

.menu ul li.page-item-16 {
    margin: 0 0 0 -29px;
    padding: 13px 7px 3px 18px;
    position: relative;
    z-index: 1600;
    }

.menu ul li.page-item-10 {
    margin: 0 0 0 -31px;
    padding: 13px 7px 3px 21px;
    position: relative;
    z-index: 1500;
    }

.menu ul li.page-item-33 {
    padding: 13px 0px 3px 4px;
    position: relative;
    z-index: 1400;
    }

.menu ul li.page-item-8 {
    padding: 13px 8px 3px 16px;
    margin: 0 0 0 -21px;
    position: relative;
    z-index: 1300;
    }

.menu ul li.current_page_item, .menu ul li:hover {
    background-position: top left;
    }

.menu ul li a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0 20px 2px 15px;
    margin: 0;
    }

.description {
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 9px 53px 0 0;
    width: 270px;
    float: right;
    color: #fff; 
    }

#content {
    min-height: 431px;
    width: 929px;
    margin: 0 0 0 23px;
    padding: 35px;
    font-size: 1.1em;
    background-color: #fff;
    box-shadow: 5px 5px 10px #888;
    -moz-box-shadow: 5px 5px 10px #888;
    -webkit-box-shadow: 5px 5px 10px #888;
    -khtml-box-shadow: 5px 5px 10px #888;
    clear: both;
    z-index: 3000;
    position: relative;
    }

.post {
    width: 424px;
    margin: 0 0 40px;
    }

.page-id-33 .post {
    margin: 0 0 20px;
    }

.zitat {
    color: #666;
    line-height: 3em;
    margin: 145px 0 0 0;
    width: 400px;
    }

span.zit {
    font-size: 1.8em;
    line-height: 1.1em;
    }


.postmetadata {
    color: #808080;
    }

.postmetadata a {
    color: #808080;
    }

.postmetadata a:hover {
    color: #000;
    }

#post-18.post, #post-16.post {
    width: 900px;
    margin: 0;
    }

.home #content, .single #content, .error404 #content {
    background: #fff url(img/home_bg.jpg) no-repeat top right;
    }


.page-id-10 #content {
    background: #fff url(img/vita_bg.jpg) no-repeat top right;
    }

.page-id-16 #content {
    background: #fff url(img/media_bg.jpg) no-repeat top right;
    }
    
.page-id-8 #content {
    background: #fff url(img/links_bg.jpg) no-repeat top right;
    }

.page-id-33 #content {
    background: #fff url(img/kontakt_bg.jpg) no-repeat top right;
    }

h2 {
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    font-size: 1.2em;
    margin: 0 0 15px;
    }

h2 a {
    color: #000;
    }

h3 {
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
    font-size: 1.1em;
    margin: 10px 0 10px;
    }

a {
    color: #000;
    }

a:hover {
    text-decoration: none;
    }

a:active {
    color: #b3e449;
    }

.videopro {
    width: 500px;
    margin: 0 0 20px 0;
    border: 10px solid #dadada;
    background-color: #dadada;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: 3px 3px 9px #808080;
    -moz-box-shadow: 3px 3px 9px #808080;
    -webkit-box-shadow: 3px 3px 9px #808080;
    -khtml-box-shadow: 3px 3px 9px #808080;
    }

.audiopro {
    width: 500px;
    min-height: 20px;
    line-height: 1.6em;
    margin: 0 0 0 0;
    border: 10px solid #dadada;
    background-color: #dadada;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: 3px 3px 9px #808080;
    -moz-box-shadow: 3px 3px 9px #808080;
    -webkit-box-shadow: 3px 3px 9px #808080;
    -khtml-box-shadow: 3px 3px 9px #808080;
    }

.info {
    color: #808080;
    line-height: 1.1em;
    margin: 10px 0 0 0;
    }

p.vita {
    color: #808080;
    }

ul.vita { 
    list-style: none;
    margin: 0 0 10px 30px;
    padding: 0;
    }

ul.vita li { 
    list-style: none;
    margin: 2px 0;
    padding: 0;
    text-transform: none !important;
    color: #808080;
    }
    
ul.vita li a, ul.vita li span { 
    text-transform: uppercase !important;
    text-decoration: none;
    color: #000;
    }

ul.vita li a:hover {
    text-decoration: underline;
    }

.v h3:hover, .vv p:hover {
    cursor: pointer;
    }

ul.links {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ul.links li {
    list-style: none;
    margin: 3px 0;
    padding: 0;
    color: #808080;
    text-transform: uppercase;
    }

ul.links li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    }

ul.links li a:hover {
    text-transform: uppercase;
    text-decoration: underline;
    color: #000;
    }
    
ul.links li a:active {
    text-transform: uppercase;
    text-decoration: underline;
    color: #b3e449;
    }

hr, .hidden {
    display: none;
    }

img, img a {
    border: none;
    }

#footer {
    text-align: right;
    text-transform: uppercase;
    padding: 7px 0 0 0;
    }

#footer a {
    text-decoration: none;
    }

/* Kommentarbereich */

.navigation {
    width: 424px;
    height: 25px;
    clear: both;
    font-size: 2.1em;
    vertical-align: middle;
    }

.navigation a {
    text-decoration: none;
    color: #a03baf;
    font-size: 0.4em;
    vertical-align: middle;
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }

#comments, #respond {
    width: 424px;
    clear: both;
    }

ol.commentlist {
    width: 424px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    }

ol.commentlist li {
    list-style: none;
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    }

img.avatar, span.says {
    display: none;
    }

cite.fn {
    font-size: 1.3em;
    font-style: normal;
    text-transform: uppercase;
    }

.commentmetadata a {
    color: #ccc;
    text-decoration: none;
    }

input#author, input#email, input#url, textarea#comment {
    border: 1px solid #ccc;
    padding: 3px;
    }

textarea#comment {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 1.1em;
    width: 400px;
    }

#commentform label {
    color: #808080;
    }

/* Ende des Kommentarbereichs */

/* Galerie */

.gallery {
    margin: 45px auto 0 !important;
    }

.gallery-row {
    margin: 0 0 15px 0 !important;
    height: 160px;
    }

.gallery-icon {
    height: 160px;
    } 

.gallery-icon img {
    border: 10px solid #dadada;
    background-color: #dadada;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: 3px 3px 9px #808080;
    -moz-box-shadow: 3px 3px 9px #808080;
    -webkit-box-shadow: 3px 3px 9px #808080;
    -khtml-box-shadow: 3px 3px 9px #808080;
    }

.gallery-icon img:hover {
    border: 10px solid #a896a7;
    background-color: #a896a7;
    }

#TB_overlay {
    z-index: 3100 !important;
    }

#TB_window {
    z-index: 3200 !important;
    color: #dadada !important;
    background-color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    }

#TB_window a {
    text-decoration: none;
    }

#TB_window a:hover {
    color: #dadada !important;
    text-decoration: none;
    }

#TB_window img#TB_Image {
    border-color: #000 !important;
    }

h3.daten {
    float: left;
    margin: 0 10px 0 20px;
    color: #303030;
    font-size: 1.0em;
    }

ul.daten {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #303030;
    }

ul.daten li {
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    display: inline;
    }

ul.daten li span {
    text-transform: uppercase;
    color: #808080;
    }

/* Ende Galerie */

/* Kontaktformular */

.wpcf7-not-valid-tip {
    display: none !important;
    }

.wpcf7-response-output {
    border: 1px solid #4980e4 !important;
    margin: 10px 0;
    padding: 5px;
    }