/*
Theme Name: colourful creative
Theme URI: http://www.kai-seliger.de
Description: Version 7 of www.kai-seliger.de
Author: Kai Seliger
Version: 1.0
*/



/* allgemein */
*{margin:0;padding:0;}
html{height:100%;}
body{background:url(images/bg.jpg) no-repeat left top #ced4da;font:13px Arial, Helvetica, sans-serif;color:#542a6c;padding:0 0 0 97px}

/* header */
#header{width:960px;height:151px;padding:35px 0 0 20px}

/* navi */
#navi{width:511px;height:60px;float:right;}
#navi li{float:left}
#navi li a{background:url(http://www.kai-seliger.de/wp-content/themes/v7/images/standards2.png);display:block;height:60px;border:none}
#navi li a.startseite{background-position:0 -60px;width:134px}
#navi li a.vita{background-position:-134px -60px;width:68px}
#navi li a.design{background-position:-202px -60px;width:90px}
#navi li a.fotografie{background-position:-292px -60px;width:130px}
#navi li a.blog{background-position:-422px -60px;width:89px}

#navi li a:hover{border:none}
#navi li a:hover.startseite{background-position:0 -120px}
#navi li a:hover.vita{background-position:-134px -120px}
#navi li a:hover.design{background-position:-202px -120px}
#navi li a:hover.fotografie{background-position:-292px -120px}
#navi li a:hover.blog{background-position:-422px -120px}

body.page-id-3 #navi li a.startseite{background-position:0 -120px}
body.page-id-5 #navi li a.vita{background-position:-134px -120px}
body.page-id-232 #navi li a.design{background-position:-202px -120px}
body.parent-pageid-232 #navi li a.design{background-position:-202px -120px}
body.page-id-7 #navi li a.fotografie{background-position:-292px -120px}
body.parent-pageid-7 #navi li a.fotografie{background-position:-292px -120px}
body.blog #navi li a.blog{background-position:-422px -120px}
body.category #navi li a.blog{background-position:-422px -120px}
body.single #navi li a.blog{background-position:-422px -120px}

/* subNaviFoto */
#subNaviFoto{width:700px;height:31px;float:left;margin:60px 0 0 114px}
#subNaviFoto li{float:left;margin:0 7px 0 0}
#subNaviFoto li a{background:url(images/subNaviFoto.png);width:133px;height:31px;display:block;border:none}
#subNaviFoto li a.menschen{background-position:0 0}
#subNaviFoto li a.tiere{background-position:-140px 0}
#subNaviFoto li a.natur{background-position:-280px 0}
#subNaviFoto li a.makro{background-position:-420px 0}
#subNaviFoto li a.sonstiges{background-position:-560px 0}
#subNaviFoto li a:hover.menschen{background-position:0 -31px}
#subNaviFoto li a:hover.tiere{background-position:-140px -31px}
#subNaviFoto li a:hover.natur{background-position:-280px -31px}
#subNaviFoto li a:hover.makro{background-position:-420px -31px}
#subNaviFoto li a:hover.sonstiges{background-position:-560px -31px}
body.page-id-41 #subNaviFoto li a.menschen{background-position:0 -31px}
body.page-id-47 #subNaviFoto li a.tiere{background-position:-140px -31px}
body.page-id-45 #subNaviFoto li a.natur{background-position:-280px -31px}
body.page-id-51 #subNaviFoto li a.makro{background-position:-420px -31px}
body.page-id-53 #subNaviFoto li a.sonstiges{background-position:-560px -31px}

/* subNaviDesign */
#subNaviDesign{width:280px;height:31px;float:left;margin:60px 0 0 534px}
#subNaviDesign li{float:left;margin:0 7px 0 0}
#subNaviDesign li a{background:url(images/subNaviDesign.png);width:133px;height:31px;display:block;border:none}
#subNaviDesign li a.sketchbook{background-position:0 0}
#subNaviDesign li a.sketchbook:hover{background-position:0 -31px}
body.page-id-436 #subNaviDesign li a.sketchbook{background-position:0 -31px}
#subNaviDesign li a.webdesign{background-position:-140px 0}
#subNaviDesign li a.webdesign:hover{background-position:-140px -31px}
body.page-id-237 #subNaviDesign li a.webdesign{background-position:-140px -31px}

/* breadcrumb */
#breadcrumb{font:small-caps 16px "Times New Roman", Times, serif;color:#eff2fa;text-shadow:1px 1px #718cc5;background:url(http://www.kai-seliger.de/wp-content/themes/v7/images/standards2.png) top right;width:133px;height:51px;text-align:center;line-height:51px;margin:40px 0 0 0;display:block;float:left}

/* content */
#content{background:url(images/content.jpg) no-repeat;width:940px;padding:31px 20px 0 20px}

/* contentMain */
#contentMain{width:655px;float:left;margin:0 15px 0 0}

#contentMain img, .latestArticleBox img{background:url(images/bg40.png) repeat;-moz-border-radius:5px;padding:4px;margin:0 0 10px 0}
#contentMain a img, .latestArticleBox a img{background:url(images/bg40.png) repeat;-moz-border-radius:5px;padding:4px;margin:0 0 10px 0;border:none}
#contentMain a:hover img, .latestArticleBox a:hover img{}
#contentMain img.imgArtikelLeft, .latestArticleBox img.imgArtikelLeft{float:left;margin:0 4px 4px 0}
#contentMain img.imgArtikelRight, .latestArticleBox img.imgArtikelRight{float:right;margin:0 0 4px 4px}

#contentMain ul{padding:0 20px;margin:0 0 15px 0}
#contentMain ul li{padding:0 5px;line-height:22px;border-left:1px solid #542A6C;margin:0 0 7px 0}

/* sidebar */
#sidebar{background:url(images/sidebar.png) no-repeat;width:240px;float:left;padding:10px 15px;margin:-10px 0 0 0;
  	 min-height:555px;
	 height:auto !important;  /* für moderne Browser */
	 height:555px;  /*für den IE */
}

#sidebar ul{margin:0 0 35px 0}
#sidebar ul.normal{}
#sidebar ul.normal li{background:url(images/liPfeil.png) no-repeat left top;color:#cc0060;width:220px;line-height:22px;border-bottom:1px dotted #e57fac;margin:0 0 7px 0;padding:0 0 0 20px}
#sidebar ul.links{}
#sidebar ul.links li{margin:0 0 7px 0}
#sidebar ul.links li a{background:url(images/liPfeil.png) no-repeat left top;color:#cc0060;text-decoration:none;width:220px;line-height:22px;border-bottom:1px dotted #e57fac;padding:0 0 0 20px;display:block}
#sidebar ul.links li a:hover{background:url(images/liPfeil.png) no-repeat left bottom;color:#7b053d;border-bottom:1px dotted #7b053d}
#sidebar ul.links li.current-cat a{background:url(images/liPfeil.png) no-repeat left bottom;color:#7b053d;border-bottom:1px dotted #7b053d}

/* footer */
#footerOut{background:url(images/footer.jpg) no-repeat;height:145px;margin:-32px 0 0 -97px;padding:130px 0 0 97px}
#footer{width:940px;height:145px;padding:0 20px;font-size:11px;color:#542a6c}
#footerKolophon{float:left;width:495px}
#footerKolophon a{color:#542a6c;text-decoration:none;border-bottom:1px dotted #645292}
#footerKolophon a:hover{color:#645292;border:none}
#footerSitemap{float:right}
#footerSitemap a{color:#542a6c;text-decoration:none;border:none}
#footerSitemap a:hover{color:#645292;border:none}
#footerSitemap li{display:inline;margin:2px 20px}
#footerSitemap li.design ul{position:absolute;margin:0 0 0 63px}
#footerSitemap li.design ul li{background:url(images/sitemap.gif) no-repeat left center;display:block;padding:0 0 0 8px}
#footerSitemap li.fotografie ul{position:absolute;margin:0 0 0 139px}
#footerSitemap li.fotografie ul li{background:url(images/sitemap.gif) no-repeat left center;display:block;padding:0 0 0 8px}
#footerSitemap li.blog ul{position:absolute;margin:0 0 0 231px}
#footerSitemap li.blog ul li{background:url(images/sitemap.gif) no-repeat left center;display:block;padding:0 0 0 8px}
#footerSitemap li.impressum ul{position:absolute;margin:0 0 0 295px}
#footerSitemap li.impressum ul li{background:url(images/sitemap.gif) no-repeat left center;display:block;padding:0 0 0 8px}

/* einleitung */
#einleitung{background:url(images/frontpage.png);width:940px;height:135px;display:block;margin:0}

/* teaser */
.teaser{width:460px;height:267px;float:left}
.teaser img{background:url(images/frontpage.png) 0 -270px;padding:5px 5px 10px 5px;margin:0 10px}
.teaser a.fotografie{background:url(images/frontpage.png) -160px -265px;width:390px;height:100px;margin:10px 0 0 35px;display:block;border:none}
.teaser a:hover.fotografie{background-position:-550px -265px;border:none}
.teaser a.design{background:url(images/frontpage.png) 0 -365px;width:390px;height:100px;margin:10px 0 0 34px;display:block;border:none}
.teaser a:hover.design{background-position:-391px -365px;border:none}

/* latestArticle */
#latestArticle{background:url(images/latestArticle.png) no-repeat center top;width:940px;min-height:269px}
#latestArticle .latestArticleBox{width:341px;float:left;padding:1px 20px}
#latestArticle .latestArticleBox.first{margin:0 178px 0 0}
#latestArticle .latestArticleBox .timestamp{font-size:11px;color:#ca93b6;margin:0 0 8px 0;display:block}
#latestArticle .latestArticleBox .timestamp a{font-size:11px;color:#ca93b6;text-decoration:none;border:none}
#latestArticle .latestArticleBox .timestamp a:hover{border:none}

.more-link{background:url(images/buttons.png) 0 -194px;width:175px;height:28px;display:block;text-indent:-9000px;border:none;margin:15px 0 0 0}
.more-link:hover{background-position:0 -222px;border:none}

/* body */
body.page-id-8 #contentMain{width:940px}

/* article */
#contentMain ul.articleMeta{background:url(images/buttons.png) 0 -250px;width:610px;height:33px;padding:0 0 0 45px;margin:0 0 35px 0;clear:both}
#contentMain ul.articleMeta:hover{background-position:0 -283px}
#contentMain ul.articleMeta li{float:left;line-height:33px;margin:0 20px 0 0;border:none;padding:0}
#contentMain ul.articleMeta li.dot{background:url(images/metaLiDot.png) no-repeat left center;padding:0 0 0 20px}
#contentMain ul.articleMeta li a{color:#542A6C;text-decoration:none;border:none}
#contentMain ul.articleMeta li a:hover{color:#341546;text-decoration:none;border:none}

#header h1{display:inline;float:left}
#header h1 a{background:url(http://www.kai-seliger.de/wp-content/themes/v7/images/standards2.png);width:243px;height:60px;display:block;border:none}
#header h1 a:hover{border:none}

#contentMain h1{font:17px "Times New Roman", Times, serif;color:#542A6C;font-weight:normal;margin:0 0 10px 0}
#contentMain h1 a{color:#542A6C;text-decoration:none;border:none}
#contentMain h1 a:hover{text-decoration:underline}

#contentMain h2{font:16px "Times New Roman", Times, serif;color:#cc0060;font-weight:normal;margin:0 0 10px 0}
#contentMain h2 a{color:#cc0060;text-decoration:none;border:none}
#contentMain h2 a:hover{border:none}
#latestArticle h2{font:16px "Times New Roman", Times, serif;color:#cc0060;font-weight:normal}
#latestArticle h2 a{color:#cc0060;text-decoration:none;border:none}
#latestArticle h2 a:hover{border:none}

h3{background:url(images/h3.png);height:13px;margin:0 0 20px 0}
h3#fotografie{background-position:0 0;width:460px;height:13px;margin-top:0}
h3#design{background-position:0 -20px;width:460px;height:13px;margin-top:0}
h3#blogbeitraege{background-position:0 -40px;width:940px;height:16px;margin-top:-3px}
h3#design_portfolio{background-position:0 -60px;width:940px;height:13px;margin-top:0}
body.page-id-237 h2{background:url(images/h3.png) 0 -60px;width:940px;height:13px;margin:0 0 20px 0}
body.page-id-436 h2{background:url(images/h3.png) 0 -60px;width:940px;height:13px;margin:0 0 20px 0}
h2#design_portfolioPage{background:url(images/h3.png) -142px -60px;width:655px;height:13px;margin:0 0 20px 0}
h3#webdesign{background-position:0 -80px;width:940px;height:13px;margin-top:0}
body.page-id-41 h2,
body.page-id-47 h2,
body.page-id-45 h2,
body.page-id-51 h2,
body.page-id-53 h2{background:url(images/h3.png) 0 -100px;width:940px;height:13px;margin:0 0 20px 0}
h2#fotografie_portfolioPage{background:url(images/h3.png) -142px -100px;width:655px;height:13px;margin:0 0 20px 0}
h3#menschen{background-position:0 -120px;width:940px;height:13px;margin-top:0}
h3#tiere{background-position:0 -140px;width:940px;height:13px;margin-top:0}
h3#nakro{background-position:0 -160px;width:940px;height:13px;margin-top:0}
h3#natur{background-position:0 -180px;width:940px;height:13px;margin-top:0}
h3#sonstiges{background-position:0 -200px;width:940px;height:13px;margin-top:0}
h2#vita{background:url(images/h3.png) 0 -220px;width:655px;height:16px;margin-top:-3px;margin:-3px 0 20px 0}
h2#artikel{background:url(images/h3.png) 0 -240px;width:655px;height:13px;margin-top:0;margin:0 0 20px 0}
h3#kommentare{background-position:0 -260px;width:655px;height:13px;margin-top:0}
h3#kommentarschreiben{background-position:0 -280px;width:655px;height:13px;margin-top:0}
h2#kontaktformular{background:url(images/h3.png) 0 -300px;width:655px;height:13px;margin:0 0 20px 0}
h2#impressum{background:url(images/h3.png) 0 -320px;width:655px;height:13px;margin:0 0 20px 0}
h3#ausruestung{background-position:0 -340px;width:240px;height:16px;margin-top:-3px}
h3#freunde{background-position:0 -360px;width:240px;height:13px;margin-top:0}
h3#gernbesucht{background-position:0 -380px;width:240px;height:13px;margin-top:0}
h3#kategorien{background-position:0 -400px;width:240px;height:13px;margin-top:0}
h3#abonnieren{background-position:0 -420px;width:240px;height:13px;margin-top:0}
h3#admin{background-position:0 -440px;width:240px;height:13px;margin-top:0}
h3#kontakt{background-position:0 -460px;width:240px;height:13px;margin-top:0}
h3#anschrift{background-position:0 -480px;width:240px;height:13px;margin-top:0}
h3#socialnet{background-position:0 -500px;width:240px;height:13px;margin-top:0}
body.page-id-237 h3.details_head{background-position:0 -520px;width:310px;height:13px;margin-top:0}
body.page-id-237 h3.service_head{background-position:0 -540px;width:310px;height:13px;margin-top:0}
body.page-id-436 h3.details_head{background-position:0 -520px;width:310px;height:13px;margin-top:0}

ul{list-style-type:none}
ul li{}
.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
p{margin-bottom:20px;line-height:167%}

a{color:#CC0060;text-decoration:none;border-bottom:1px dotted #E57FAC;outline:none}
a:hover{color:#7B053D;border-bottom:1px dotted #7B053D}

a.imgLink{border:none;margin-right:10px}
a.imgLink:hover{border:none}

#contentMain a.contentImg{border:none}

html body #fancybox-close{border:none}



/* Page-Numbers */
#wp_page_numbers{background:#d3d8de}
#wp_page_numbers ul{border-top:2px solid #c3c9cf;padding:0 10px}
#wp_page_numbers ul li{float:left;display:inline;line-height:23px;border:none}
#wp_page_numbers ul li.page_info{margin:0 10px 0 0}
#wp_page_numbers ul li a{padding:0 6px;margin:0 5px 0 0;border:none;display:block;text-align:center;color:#542A6C}
#wp_page_numbers ul li a:hover{background:#c3c9cf;border-bottom:1px solid #d3d8de;color:#855a9d}
#wp_page_numbers ul li.active_page a{background:#c3c9cf;border-bottom:1px solid #9ca1a6}
#wp_page_numbers ul li.active_page a:hover{color:#542A6C}


/* slider */
#sliderOut{background:url(images/slider.png) no-repeat;width:838px;padding:20px 51px;}
#slider #slider2{width:840px;}
#slider .slidercontainer{width:840px;overflow:hidden}
#slider .slidercontainer .slidercontainerText{margin:60px 0 0 0;}
#slider .slidercontainer .slidercontainerText .details{width:310px;margin:0 20px 0 0;float:left}
#slider .slidercontainer .slidercontainerText .service{width:310px;margin:0 20px 0 0;float:left}
span#nextBtn a.arrow-next{background:url(images/buttons.png) -51px 0;width:51px;height:67px;display:block;position:absolute;top:638px;left:985px;border:none}
span#nextBtn a.arrow-next:hover{background-position:-51px -69px;border:none}
span#prevBtn a.arrow-prev{background:url(images/buttons.png) 0 0;width:51px;height:67px;display:block;position:absolute;top:638px;left:141px;border:none}
span#prevBtn a.arrow-prev:hover{background-position:0 -69px;border:none}
a.visitWebsite{background:url(images/buttons.png) 0 -138px;width:175px;height:28px;display:block;float:right;border:none}
a:hover.visitWebsite{background-position:0 -166px;border:none}

#slider .slidercontainer .slidercontainerText .details ul{}
#slider .slidercontainer .slidercontainerText .details ul li{background:url(images/iconArrow2.png) no-repeat left center;border-bottom:1px dotted #542A6C;line-height:22px;margin:0 0 7px;padding:0 0 0 20px}
#slider .slidercontainer .slidercontainerText .details ul li a{border:none}

#slider .slidercontainer .slidercontainerText .service ul{}
#slider .slidercontainer .slidercontainerText .service ul li{background:url(images/iconArrow.png) no-repeat left center;border-bottom:1px dotted #542A6C;line-height:22px;margin:0 0 7px;padding:0 0 0 20px}

/* flasGalerie */
#flashGalerie{background:url(images/flashGalerie.png) no-repeat;width:889px;height:570px;padding:0 0 0 51px}

/* Kommentare */
#contentMain .commentContainer{width:655px}
#contentMain .commentContainer .commentMeta{background:url(images/comments.png) 0 -366px;width:631px;height:33px;padding:5px 12px;color:#88729C}
#contentMain .commentContainer .commentMeta img.avatar{float:left;margin:0 10px 0 0;border:none;padding:0}
#contentMain .commentContainer .commentMeta a{color:#76588b;text-decoration:none;border:none}
#contentMain .commentContainer .commentMeta a:hover{text-decoration:underline;border:none}
#contentMain .commentContainer .comment{padding:0 15px}

/* form */
form{width:655px;padding:0 0 50px 0}
form input{background:url(images/comments.png);font-size:11px;color:#88729c;width:230px;height:33px;border:none;padding:0 10px;float:left;margin:0 0 10px 0}
form input:hover, form input:focus{background-position:0 -33px;color:#76588b}
form input#submit{font-weight:bold;width:250px}
form label{padding:0 0 0 15px;line-height:33px;width:390px;float:left;margin:0 0 10px 0}
form textarea{background:url(images/comments.png) 0 -66px;font-size:11px;color:#88729c;width:635px;height:130px;border:none;padding:10px 10px;overflow-x:hidden;margin:0 0 10px 0}
form textarea:hover, form textarea:focus{background-position:0 -216px;color:#76588b}

form dl{padding:0;margin:0}
form dl dt{padding:0;margin:0}
form dl dd{padding:0;margin:0}

pre{background:url(images/pre.png) repeat;line-height:20px;font-size:11px;overflow:auto;padding:0 8px;margin:0 0 18px 0}
pre code{padding:0;margin:0}