/*
Theme Name: Pete-Designs
Theme URI: http://www.webdesign.mkirste.de
Description: Mkirste Theme
Style add: WIDTH (1098px -> 660px/924px), Style (white -> dark), en fix
Version: 1.0
Author: Michael kirste
Author URI: http://www.webdesign.mkirste.de

Aufbau
1. Layout
2. Nav
4. Content
5. Sidebar
6. Footer
7. Spezielle Elemente

*/


/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {outline: 0;}


/*main*/
body {
background:#fff;
color:#323232;
font-family:arial, verdana, helvetica;
font-size:11px;
padding:0 50px;
}

/*----------Layout----------*/
div#container {
width:1098px;
margin:0 auto;
}

div#header {
margin:40px 0 0 0;
float:left;
}

div#nav {
margin:50px 0 0 0;
float:right;
}

div#content {
width:1098px;
padding:0;
clear:both;
}

div#footer {
width:1098px;
padding:10px 0 26px 0;
clear:both;
float:left;
}


/*----------Header----------*/
div#header h1 a {
display:block;
width:280px; height:25px;
background: url(http://www.mkirste.de/templates/pete/img/mk-fotografie.png) no-repeat 0px 0px;
}
div#header h1 a:hover {
display:block;
width:280px; height:25px;
background: url(http://www.mkirste.de/templates/pete/img/mk-fotografie.png) no-repeat 0px -25px;
}
div#header h1 a span {display:none;}


/*----------Navigation----------*/
#nav ul {list-style: none;}
#nav ul li {float: left;}
#nav ul li a {
display: block;
padding:0 0 4px 20px;
text-decoration: none;
color: #343434;
font-size:11px;
font-family:verdana;
text-transform:uppercase;
}
#nav li a:hover, #nav li.active a {color:#b3b3b3;}
#nav ul#taglist {z-index:2; display:none;width:120px;position:absolute;top:60px;padding:16px;background:url(http://www.mkirste.de/templates/pete/img/foto-taglist_bg.png) no-repeat 12px 12px;}
#nav li.taglist_bg2 ul#taglist {background-image:url(http://www.mkirste.de/templates/pete/img/foto-taglist_bg2.png);}
#nav ul li:hover ul#taglist {display:block;}
#nav ul li ul#taglist:hover {display:block;}
#nav ul#taglist li a {padding:4px 6px;font-size:10px;font-family:arial;width:104px;color:#fff; font-weight:bold;text-transform:none;}
#nav ul#taglist li a:hover {text-decoration:underline;}


/*----------Content----------*/
div#content p {}
div#content b, div#content strong {font-weight:bold;}
div#content i {font-style:italic;}
div#content br {clear:both;}
div#content blockquote {font-style:italic;}
div#content a {color:#7b7b7b;text-decoration:none;}
div#content a:hover {color:#000;text-decoration:underline;}


/*----------Footer----------*/
div#footer {}
div#footer p {float:left;}
div#footer p a {font-size:11px;text-decoration:none;color:#7b7b7b;}
div#footer p a:hover {color:#000;text-decoration:underline;}
div#footer a.setfontsize1{font-size:8px;}
div#footer a.setfontsize3{font-size:12px;}


/*----------Spezielle Elemente----------*/	
/* language*/
div#language {position:absolute; top:10px; width:1098px;text-align:right;}
div#language a {font-size:11px;text-decoration:none;color:#7b7b7b;}
div#language a:hover {color:#343434;}

/* foto */
div#foto {width:1098px;min-height:400px;}
div#foto img {margin:-2px 0 0 0;}
div#foto h2 {font-weight:100;font-size:16px;text-transform:uppercase;background:#fff;margin:0 0 -19px 0;padding:2px 0 0 0;}

/* fotonavigate */
div#fotonavigate {z-index:1;position:absolute;top:69px;width:1098px;min-height:400px;}
div#fotonavigate div a span {display:none;}
div#fotonavigate div.fotonavigate-prev a {float:left;width:300px;min-height:400px;margin:0 0 0 -50px;background:url(http://www.mkirste.de/templates/pete/img/img_prev.png) no-repeat -100px 0;}
div#fotonavigate div.fotonavigate-prev a:hover {background:url(http://www.mkirste.de/templates/pete/img/img_prev.png) no-repeat 56px 50%;}
div#fotonavigate div.fotonavigate-next a {float:right;width:300px;min-height:400px;margin:0 -50px 0 0;background:url(http://www.mkirste.de/templates/pete/img/img_next.png) no-repeat -100px 0;}
div#fotonavigate div.fotonavigate-next a:hover {background:url(http://www.mkirste.de/templates/pete/img/img_next.png) no-repeat 210px 50%;}
div#fotonavigate div.fotonavigate-informationlink a {float:left;width:598px;min-height:400px;text-align:center;font-size:11px;color:#fff;font-weight:bold;}
div#fotonavigate div.fotonavigate-informationlink a:hover {color:#fff;text-decoration:none;background:url(http://www.mkirste.de/templates/pete/img/foto-informationlink_bg.png) no-repeat 199px 50%;}
div#fotonavigate div.fotonavigate-informationlink a:hover span {position:relative;top:50%;margin:-7px 0 0 0;display:block;}

/* fotoinformation */
div#fotoinformation {margin:30px 0 0 0;padding:4px 0;}
div#fotoinformation div.fotoinformation-left {float:left;width:517px;}
div#fotoinformation div.fotoinformation-right {float:right;width:517px;position:relative;left:-22px;}
div#fotoinformation div div.foto-box {width:100%;background:#f7f7f7;border:1px solid #d8d8d8;padding:10px;margin:0 0 20px 0;}
div#fotoinformation h3 {font-size:16px;text-transform:uppercase;font-weight:100;}
div#fotoinformation p  {margin:8px 0 0 0;}
div#fotoinformation p.block {text-align: justify;padding:0 0 10px 0;}
div#fotoinformation a#foto-informationlink2 {float:right;margin:-48px 0 0 0;}
div.fotoinformation-info ul li {list-style-type:none;padding:4px 0 0 0;}
div#fotoinformation div.fotoinformation-exif {height:134px;}
div.fotoinformation-exif ul li {list-style-type:none;padding:2px 0 0 0;}
div.fotoinformation-exif ul li.first {padding:6px 0 2px 0;}
div#fotoinformation div.fotoinformation-exif img {margin:-20px 0 0 0;float:right;}
div#fotoinformation div.fotoinformation-exif br {clear:none;}
div.fotoinformation-comment ul {margin:8px 0 0 0;}
div.fotoinformation-comment ul li {list-style-type:none;font-size:11px;text-align:justify;line-height:15px;padding:0 0 20px 0;}
div.fotoinformation-comment form fieldset {padding:10px 0;}
div.fotoinformation-comment form fieldset legend {display:none;}
div.fotoinformation-comment form label {display:block;width:285px;text-align:left;float:right;padding:5px 0 0 0;}
div.fotoinformation-comment form input.input, div.fotoinformation-comment form textarea {margin:0 0 8px 0;background:#fff;border:1px solid #d8d8d8;color:#343434;font-size:12px;}
div.fotoinformation-comment form input.input {width:220px; height:18px;padding:2px;}
div#content div.fotoinformation-comment textarea {width:511px; height:80px; padding:2px; background:#fff url(http://www.mkirste.de/templates/pete/img/blockquote_bg.png) no-repeat 480px 4px;font-family:arial, verdana, helvetica;}
div.fotoinformation-comment form div.button {clear:both;margin:-10px 0 0 0;}
div#content div.fotoinformation-comment iframe.facebook_like {float:right;}
div#content div.fotoinformation-comment div.google_plusone {float:right;padding:2px 0 0 0;}

/* fotothumbrow */
div#fotothumbrow {width:1118px;margin:50px 0 0 0;clear:both;}
div#fotothumbrow img {width:150px;height:100px;margin-right:8.1px;filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;-khtml-opacity:0.65;-opera-opacity:0.65;}
div#fotothumbrow img.current-thumbnail  {filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;-opera-opacity:0.9;}
div#fotothumbrow img:hover {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;-opera-opacity:1;}

/* foto-gallerie */
div#foto-gallerie {width:1118px;position:relative;left:-2px;}
div#foto-gallerie img {border:1px solid #fff;padding:2px;margin:0 13px 13px 0;}
div#foto-gallerie img:hover {border:1px solid #d2d2d2;padding:2px;margin:0 13px 13px 0;}
div#foto-gallerie2 {float:left;width:1080px;padding:8px;font-size:11px;background:#f7f7f7;border:1px solid #d8d8d8;}
div#foto-gallerie2 span.cats {float:left;}
div#foto-gallerie2 span.pages {float:right;}
div#foto-gallerie2 span.pages span a {margin:0 1px;padding:2px 7px;border:1px solid #f6f6f6;}
div#foto-gallerie2 span.pages span a:hover, div#foto-gallerie2 span.pages span.archive_active_page_number a {color:#000;font-weight:bold;border:1px solid #d8d8d8;background:#fff;text-decoration:none;}
div#foto-gallerie3 {float:left;width:1080px;padding:8px;font-size:11px;background:#f7f7f7;border:1px solid #d8d8d8;margin:10px 0 0 0;}

/* foto-tag_cloud*/
div#tag_cloud {text-align:justify;width:1090px;}
div#tag_cloud a {color:#7b7b7b; text-decoration:none;margin:0 20px 0 0;line-height:1.5;vertical-align:middle;}
div#tag_cloud a:hover {color:#000;}
div#tag_cloud  .tags00{display:none;}
div#tag_cloud  .tags01{font-size: 10px !important;}
div#tag_cloud  .tags02{font-size: 12px !important;}
div#tag_cloud  .tags03{font-size: 14px !important;}
div#tag_cloud  .tags04{font-size: 16px !important;}
div#tag_cloud  .tags05{font-size: 18px !important;}
div#tag_cloud  .tags06{font-size: 20px !important;}
div#tag_cloud  .tags07{font-size: 22px !important;}
div#tag_cloud  .tags08{font-size: 22px !important;}
div#tag_cloud  .tags09{font-size: 22px !important;}
div#tag_cloud  .tags10{font-size: 22px !important;}

/* page */
div.page {width:1098px;border-top:1px solid #fff;}
div.page div.box_left {width:710px;float:left;}
div.page div.box_right {width:310px;float:right;}
div.page h2 {font-size:16px;color:#000;text-transform:uppercase;margin:34px 0 2px 0;border-bottom:1px solid #d2d2d2;font-weight:100;}
div.page h3 {font-size:15px;color:#000;text-transform:uppercase;margin:34px 0 2px 0;border-bottom:1px solid #d2d2d2;font-weight:100;}
div.page p {line-height:18px;margin:2px 0 20px;}
div.page p.ausruestung {line-height:22px}
div.page p.block {text-align: justify;}
div.page ul {list-style:none;}
div.page ul li {margin:8px 0;}
div.page dl {line-height:22px;}
div.page img.profil {float:right;margin:-1px 0 0 6px;}
div.page ul.serien {width:100%;}
div.page ul.serien h3 {width:100%;text-align:center;border:0;}
div.page ul.serien li {width:33%;margin:0;padding:0;float:left;}
div#content ul.serien li a {font-size:15px;font-weight:900;text-align:center;padding:20px 2%;margin:6px 9%;float:left;width:78%;border:1px solid #d8d8d8;background:#f7f7f7;}
div#content ul.serien li a:hover {text-decoration:none;border:1px solid #d2d2d2;background:#f3f3f3;color:#454545;}
div#content ul.serien li a span {font-size:12px;font-weight:100;}
div#content a.serien_top {font-size:14px;}
div.page ul.serienfotos li {padding:0 0 30px 0;}
div.page ul.serienfotos li p b {color:#000;}
div.page ul.serienfotos li.panorama div{overflow:auto;overflow-y:hidden;overflow-x:auto;height:100%;width:1098px;}
div.page ul.serienfotos li p {margin:-2px 0 0 0;}
div.page ul.serienfotos li p {width:100%;}
div.page ul.serienfotos li p span {float:right;}
div.page ul.wallpaper {width:1128px;margin:-2px 0 0 -15px;}
div.page ul.wallpaper li {float:left;width:250px;height:260px;margin:15px;border:1px solid #d2d2d2;}
div.page ul.wallpaper li:hover {border:1px solid #d2d2d2;background:#f7f7f7;}
div.page ul.wallpaper li div {text-align:center;}
div.page ul.wallpaper li img {width:246px;height:164px;border:2px solid #fff;}
div.page ul.wallpaper li div h4 {border-top:1px solid #d2d2d2;padding:2px 0 6px 0;margin:-2px 0 0 0;font-size:12px;font-weight:bold;}
div.page ul.wallpaper li:hover h4 {border-top:1px solid #b6b6b6;}
div.page ul.wallpaper li div h5 {font-weight:bold;padding:0;}
div.page ul.wallpaper li div p {margin:-3px 0 4px 0;}
div#content ul.wallpaper li div p a {text-decoration:none;font-size:8px;}
div#content ul.wallpaper li div p a:hover {}
div.page div.w-img {height:732px;with:1098px;margin:-20px 0 0 0;}
div.page div.w-img img {display:none;}


/*
Height:
div#fotonavigate, div#fotonavigate div.fotonavigate-prev a, div#fotonavigate div.fotonavigate-next a, div#fotonavigate div.fotonavigate-informationlink a {height:732px;} 
div#foto h2 {position:relative;top:732px;}
*/