/* andreasschnatz.de Theme - 'Andreas Schnatz Photoraphy' by Andreas Schnatz - http://www.andreasschnatz.de/ */
/* German language */
/* All associated graphics copyright 2010, andreasschnatz.de Andreas Schnatz */
/* Themeauthoring, Wordpressstyling and Coding by Heislitz Creative Solution */
/* Added: March 21st, 2010 */
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
designer's written permission. However, feel free to study the CSS and use
techniques you learn from it elsewhere. */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::: Basic Layout Elements :::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* INFOS - You must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* {
margin:0;
padding:0;
}
html, body, #wrap {
height: 100%;
font-family: Helvetica, Tahoma, Arial, sans-serif;
}
body > #wrap {
height: auto;
min-height: 100%;
}
#main {
overflow:auto;
padding-bottom: 5.6em; /* must be same height as the footer */
}
h1 {
font-family: georgia !important;
}
#error {
margin-top: 65px;
}
#singleimage {
margin-top: 65px;
}
#suche {
position: relative;
margin-top: 65px;
margin-bottom: 30px;
clear: both;
}
#newsearch {
width: 450px;
height: 30px;
align: left;
margin-left: 717px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::: MAINCONTROLLS :::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footer {
position: relative;
margin-top: -5.6em; /* negative value of footer height */
height: 5.6em;
clear:both;
}
/* Opera Fix */
body:before { /* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px; /* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file
*/
/* End Opera Fix*/
*{
margin:0;
padding:0;
}
body {
font:11pt Georgia, Times New Roman, serif;
background-color:#ffffff;
line-height:1.3em;
color:#444444;
}
a img {
border:none;
}
a {color: #59493f;text-decoration:none;}
a:link {color: #59493f;text-decoration:underline;}
a:hover {color:#3d3129;text-decoration:underline;}
a:visited {color: #59493f;text-decoration:underline;}
p {margin:10px 0 5px 0;}
span.strike {text-decoration: line-through;}
/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {width:100%;}
#slideshow{
/* background: url(img/slideshowplaceholder720x480.jpg) no-repeat 0;
height:487px;
width: 718px;
*/margin-left: -5px;
margin-top: -5px;
z-index: 2001;
}
#slideshowbig{
/* background: url(img/slideshowplaceholder900x470.jpg) no-repeat 0;
height:469px;
width: 898px; */
margin-left: -5px;
margin-top: -5px;
z-index: 2000;
}
#gallerymorebig{
width:240px;
height: 30px;
margin-top: 10px;
text-align: right;
}
#categorynav {
position: relative;
float: left;
margin-left: 20px;
margin-bottom: 15px;
margin-top: -5px;
width: 900px;
height:40px;
text-align: left;
}
#paginator a {
width:15px;
height: 20px;
margin-left:18px;
padding: 2px 5px 5px 5px;
border: 1px solid #928168;
background-color: #f1e4d3;
color: #847764;
text-decoration: none;
}
#paginator a:hover{
width:15px;
height: 20px;
margin-left:18px;
padding: 2px 5px 5px 5px;
border: 1px solid #928168;
background-color: #bfa879;
color: #4c402f;
text-decoration: none;
}
.selected {
width:15px;
height: 20px;
margin-left:18px;
padding: 2px 5px 5px 5px;
border: 1px solid #928168;
background-color: #bfa879 !important;
color: #f1e4d3 !important;
font-weight: bold;
text-decoration: none;
}
.numberblock a {
}
.numberblock a:hover {
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::: Header :::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#logobox {
position: absolute;
margin-top: 10px;
margin-left: 20px;
height: 120px;
width: 360px;
background-color: none;
}
.logolink {
display:block;
height: 120px;
width: 360px;
}
#header {
padding:15px 0 15px 0;
height:7.1em;
background: #f1e4d3;
border-bottom: 0.12em solid #928168;
}
#header #headbox {
width:1100px;
margin:0 auto;
padding:0 10px 0 10px;
}
#header img.headbox {
margin-top:-15px;
}
#headerinner{
margin-top: -15px;
margin-bottom: -3.8em; /* Distance of content in relation to the header */
height: 14.8em;
float: left;
width: 1100px;
background: url(img/logofloral.png) no-repeat 0 100%;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::: Navigation :::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#navbox {
float: right;
margin: 5em -8em 0 0;
width: 720px;
height: 60px;
text-align: center;
background: none;
/* border: 1px solid #000000;*/
}
/* ::::::::::::::::::::::::::::::: Small Navigation ::::::::::::::::::::::::::::::: */
#navcontainer {
margin: 0 auto;
text-align: center;
}
#navlist{
position:absolute;
margin-left: 7.5em; /*This is for to adjust the position of the small Navigation above the main nav*/
list-style: none;
padding: 0;
font-family: Helvetica, Tahoma, Arial, sans-serif;
text-align: center;
}
#navlist li
{
display: inline;
padding: 0;
margin: 0;
}
#navlist li:before { content: "/ "; margin-left:0.7em; margin-right:0.7em;
display: block;
float: left;
color: #59493f;
font-weight: bold;
text-decoration: none;
margin: 0.7 0 0 0.7em;
height: 1.2em;}
#navlist li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li
{
display: block;
float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0;
display: block;
float: left;
color: #847764;
font-weight: bold;
text-decoration: none;
margin: 0.7 0 0 0.7em;
height: 1.2em;
}
#navlist a{
display: block;
float: left;
color: #847764;
font-weight: normal;
text-decoration: none;
margin: 0.7 0 0 0.7em;
height: 1.2em;
}
#smallnavigation{
width: 640px;
margin: 0 auto;
font-size: 82.75%;
line-height: 1;
background: #none;
height: 1.7em;
text-align: center;
/* border: 1px solid #000000; */
}
/*
#smallnavigation ul{
margin: 0;
padding: 0;
}
#smallnavigation ul li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#smallnavigation ul li a{
display: block;
float: left;
color: #59493f;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 0.2em;
height: 1.2em;
}
#smallnavigation ul li a {
display: block;
padding: 1em 0.8em;
}
*/
#smallnavigation ul li a:focus{
color: #847764;
background: none;
}
#smallnavigation ul li a:hover{
color: #3a2e27;
font-weight: normal;
}
.currents {
color: #3a2e27 !important;
font-weight: normal;
}
/* ::::::::::::::::::::::::::::::: Main Navigation ::::::::::::::::::::::::::::::: */
#navigation{
float: right;
width: 550px;
margin: 0 auto;
font-size: 93.75%;
line-height: 1;
background: none;
height: 1.8em;
font-family: Helvetica, Tahoma, Arial, sans-serif;
}
#navigation ul{
margin: 0;
padding: 0;
}
#navigation ul li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navigation ul li a{
display: block;
float: left;
color: #59493f;
font-weight: bold;
text-decoration: none;
margin: 0 0 0 0.2em;
height: 1.5em;
}
#navigation ul li a {
display: block;
padding: 0.8em 1em;
}
#navigation ul li a:focus{
color: #3a2e27;
background: none;
}
#navigation ul li a:hover{
color: #3a2e27;
background: url(img/navibgrnd.png) repeat-x 100% 100%;
background-position: center center;
}
.current_page_item {
color: #3a2e27;
background: url(img/navibgrnd.png) repeat-x 100% 100%;
background-position: center center;
}
.current_page_item a,current_page_item a:hover {
color: #3a2e27;
background: url(img/navibgrnd.png) repeat-x 100% 100%;
background-position: center center;
}
.current-cat-parent{}
.current_page_parent, current_page_ancestor {
color: #3a2e27;
background: url(img/navibgrnd.png) repeat-x 100% 100%;
background-position: center center;
}
.current_page_parent a,current_page_parent a:hover {
color: #3a2e27;
background: url(img/navibgrnd.png) repeat-x 100% 100%;
background-position: center center;
}
/* Standardklasse einer nicht angeklickten Seite
Klasse der aktuell angeklickten Seite
Klasse der aktuellen Oberseite wenn eine
Unterseite angeklickt wird
*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::: Content ::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#main {
/*width:1100px;*/
width:1150px;
min-height: 38em;
margin:0 auto;
clear:both;
padding-right:20px;
padding-left:20px;
background-color: none;
}
#main2 {
position: absolute;
margin-top: -0em;
/* margin-left: 5.5em; */
margin-left: 6.8em;
width:930px;
clear:both;
padding-right:0px;
padding-left:0px;
}
#main3 {
position: absolute;
margin-top: 0em;
/* margin-left: 5.5em; */
margin-left: 6.8em;
width: 1100px;
clear: both;
padding-right:0px;
padding-left:0px;
}
#main4 {
margin-top:0em;
/* wenn main auf width 1100px dann - margin-left: 5.5em; */
margin-left: 6.8em;
width: 930px;
padding-right:0px;
padding-left:0px;
}
#mainkontakt {
margin-top:0em;
/* margin-left: 5.5em; */
margin-left: 6.8em;
width:950px;
padding-right:0px;
padding-left:0px;
}
#clipcontainer {
width: 992px;
height: 544px;
background-color: none;
}
#clipcontainerimpressum {
width: 992px;
min-height: 850px;
padding-top: 20px;
padding-bottom: 50px;
background-color: none;
}
#clipcontainersmall {
width: 720px;
height: 544px;
background-color: none;
z-index: 1999;
}
#clipcontainerslideshowsmall {
width: 720px;
height: 510px;
background-color: none;
z-index: 1999;
}
/* Landingpage Container */
#startinfos {
width: 988px;
min-height: 200px;
position:relative;
background-color: none;
margin-left: 1.5em;
clear:both;
}
#weitere {
width: 720px;
min-height: 60px;
position:relative;
background-color: none;
margin-left: 1.5em;
clear:both;
}
.galleryjumper {
width: 720px;
min-height: 50px;
position:relative;
background-color: none;
margin-left: 1.5em;
clear:both;
}
#leftrow {
width: 500px;
background-color: none;
}
#rightrow {
float:left;
width: 450px;
background-color: none;
margin-left: 30px;
margin-top: 16px;
font-family:Myriad, Arial, sans-serif;
font-weight: normal;
text-align: justify;
}
#rightrow h1{
margin-bottom: 20px;
font-size:1.65em;
font-weight: normal;
}
#rightrow h2{
margin-top: 10px;
margin-bottom: 20px;
font-size: 99%;
font-weight: normal;
}
#rightrow p.kontaktform{
display: block;
width: 150px;
height: 120px;
margin-left: 300px;
color: #847764;
}
#gallery {
position:absolute;
width: 240px;
height: 450px;
background-color: none;
margin-left: 52.5em;
margin-top: 16px;
font-family:Myriad, Arial, sans-serif;
font-weight: normal;
clear: both;
}
#gallery h1{
margin-bottom: 20px;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: left;
}
#gallery h2{
margin-bottom: 23px !important;
font-size: 1.1em !important;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: left;
}
#double2 {
width: 1092px;
height: 544px;
background-color: none;
}
#double {
width: 1000px;
height: 544px;
background-color: none;
}
#blogbox{
width: 240px;
height: 450px;
background-color: none;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: justify;
}
#blogbox2{
width: 240px;
min-height: 0px;
background-color: none;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: justify;
}
#blogbox3{
width: 991px;
min-height: 0px;
background-color: none;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: justify;
}
#blogbox3 p{
margin-bottom: 15px;
}
#blogbox4{
width: 720px;
min-height: 0px;
background-color: none;
font-family: Myriad, Arial, sans-serif;
font-weight: normal;
text-align: justify;
margin-left: 1.5em;
}
#content {
/* width: 500px; */
float:left;
padding:0px 0 25px 0;
}
#content h1 {
font-family:Myriad, Arial, sans-serif;
font-size:1.65em;
font-weight: normal;
margin:0;padding:0;
color:#3c2b0f;
line-height:1.1em;
}
#content h2 {
font-family:Verdana, Arial, sans-serif;
font-size:1.2em;
font-weight: 100;
margin:15px 0 10px 0;
color:#3c2b0f;
}
#content h3 {
font-family:Verdana, Arial, sans-serif;
font-size:1.1em;font-weight:normal;
margin:15px 0 10px 0;
color:#3c2b0f;
}
#content pre {
font-family:Verdana, Arial, sans-serif;
margin:15px 0 15px 0;
line-height:0.9em;
font-size:0.9em;
color:#010ACE;
}
#content ul {
list-style:square;
margin:10px 0 10px 20px;
list-style-position:inside;
}
#content li {
line-height:1.2em;
font-size:0.9em;
}
#content #list {width:200px;float:left;}
#content #screenshots {width:200px;float:right;padding-top:15px;}
#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::: Sidebar :::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#sidebar {width:250px ;float:right;
padding:30px 5px 25px 10px;}
#sidebar ul {list-style:none;}
#sidebar h2 {font-size:1.2em;
margin:25px 0 12px 0;
color:#7A0A17;}
#sidebar img {margin-right:3px;}
#sidebar img.digg {padding-top:5px;}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::: Footer :::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footer {
background: #f1e4d3;
color:#59493f;
font-size:11px;
font-family:Verdana, Arial, sans-serif;
border-top: 0.12em solid #928168;
}
#footer2 {
background-color: #444444;
color:#59493f;
font-size:11px;
font-family:Verdana, Arial, sans-serif;
height:4.2em;
}
#footer a, #footer2 a {
color:#59493f;
text-decoration:none;
margin-left: 8.8em;
}
#footer a:hover, #footer2 a:hover {
color:#804249;
text-decoration:none;
}
#footer a:visited, #footer2 a:visited {
color:#a59789;
text-decoration:none;
}
#footer p, #footer2 p {
margin:0 0 15px 0;
}
#footer p.axe img, #footer2 p.axe img {
margin-bottom:-7px;
}
#foot {
width:1100px;
margin:0 auto;
height:3.9em;
line-height:1.1em;
padding:0 10px 0 10px;
}
#foot2 {
width:1100px;
margin:0 auto;
height:3.9em;
line-height:1.1em;
padding:0 10px 0 10px;
}
#foot #left {width:400px;float:left;padding-top:0.2em;}
#foot #right {width:350px;float:right;text-align:right;padding-top:0.2em; margin-right: 10px;}
#foot2 #left {width:450px;float:left;padding-top:0px;}
#foot2 #right {width:250px;float:right;text-align:right;padding-top:0px;}