/*
Theme Name: HipUndTrendy
Theme URI: http://www.hipundtrendy.de/
Author: Crazy Girl
Author URI: http://www.crazytoast.de/
*/

/* Abstände aller Elemente in allen Browsern auf 0 setzen */
* { margin: 0; padding: 0; }
p { margin-bottom: 1em; }

/* Scrollbar im Firefox erzwingen*/
html { height: 101%; }

body { margin:0 auto; padding: 0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background-color:#EEEDEF; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
img { border:none; }
img.alignleft, div.alignleft { float:left; margin-right:8px; margin-bottom:5px; border:0; }
img.alignright, div.alignright { float:right; margin-left:8px; margin-bottom:5px; border:0; }
img.aligncenter, div.aligncenter { text-align:center; display:block; margin-left:auto; margin-right:auto; border:0; }
img.alignnone, div.alignnone { margin:10px; border:0; }
.wp-caption.aligncenter { background:#E4E2E7; padding-top:5px; }
.wp-caption.alignright, .wp-caption.alignleft { background:#E4E2E7; padding-top:5px; text-align:center;}
.wp-caption-text { background:#E4E2E7; font-size:11px; margin:0; padding:0; }

.external { padding-right:15px; background-image:url(images/extern_rot.gif); background-position:right; background-repeat:no-repeat; }
.ext-er { margin:5px 0 0 0; display:block; float:right; background:url('images/extern_rot.gif') no-repeat bottom left; padding-left:14px; font-size:10px; font-style:italic; line-height:12px; }

/* Header */
#head { background:#EEEDEF; padding:10px 0 10px 0; }
#head-b { width:980px; height:125px; margin:0 auto; background:url(images/01.jpg) no-repeat; }
a.header-klick { width:980px; height:125px !important; display:block; position: absolute; top: 10px; color:#D6D4D7; }

#head-nav { background:#D6D4D9; height:42px; width:980px; margin:0 auto; margin-top:10px; }
#head-nav ul { list-style:none; padding:3px; }
* html #head-nav ul { padding:1px; }
#head-nav ul li { width:162px; float:left; margin:0; text-align:center; line-height:18px; }
#head-nav ul li a, #head-nav ul li a:visited { color:#8D141E; font-weight:bold; display:block; width:162px;}
#head-nav ul li a:hover { background:#ffffff; text-decoration:none;  }


/* Content */
#seite { width:980px; margin:0 auto; }
#hauptbereich { /*548*/width:588px; background:#ffffff; float:left; border:1px solid #D6D4D9; padding:15px; }
* html #hauptbereich { /*538*/width:578px; }
#haupt-suche { background:#ffffff; border:1px solid #D6D4D9; padding:15px; }

#hauptbereich-home1 { /*548*/width:588px; background:#ffffff; float:left; border:1px solid #D6D4D9; padding:15px 15px 0 15px; margin-bottom:10px; }
* html #hauptbereich-home1 { /*538*/width:578px; }
#hauptbereich-home2 { width:948px; margin:0 auto; background:#ffffff; border:1px solid #D6D4D9; padding:15px; }

#hauptbereich-s { width:616px; float:left; background:#ffffff; float:left; border:1px solid #D6D4D9; padding:15px; }
* html #hauptbereich { width:606px; }

.box-bild { width:180px; height:268px; float:left; margin-bottom:30px; }
.box-bildb { width:180px; height:220px; float:left; margin-bottom:30px; }
.box-bild-ueb { background:#036769; padding:3px 5px 3px 5px;color:#EEEDEF; font-weight:bold; }
.box-bild-uebw { background:#8D141E; padding:3px 5px 3px 5px;color:#EEEDEF; font-weight:bold; }
.bild-neu { width:180px; height:249px; background:url(images/neue-trends.jpg) no-repeat; }
.bild-beauty { width:180px; height:200px; background:url(images/beautytrends.jpg) no-repeat; }
.bild-ern { width:180px; height:200px; background:url(images/ernaehrungstrends.jpg) no-repeat; }
.bild-haar { width:180px; height:200px; background:url(images/haartrends.jpg) no-repeat; }
.bild-weitere { width:180px; height:200px; background:url(images/weitere-trends.jpg) no-repeat; }
/*.home-box { width:256px; height:200px; float:left; margin-left:10px; }*/
.home-box { /*182*/width:246px; height:268px; float:left; margin:0 0 30px 10px; overflow:hidden; }
.home-boxb { width:246px; height:221px; float:left; margin:0 0 30px 10px; overflow:hidden; }
.home-boxb ul { list-style:none; padding:0; margin:0; }
.home-boxb ul li { padding:0; margin:0; }
.home-b-u { border-bottom:1px dotted #D6D4D9; height:55px; }
.home-b-u h3, .home-b-u h2 { font-size:13px; }
.home-b-u a { color:#036564; font-weight:bold; font-size:13px; }
.home-b-u2 { border-bottom:1px dotted #D6D4D9; height:55px; }
.home-b-u2 a { color:#8D141E; font-weight:bold; font-size:13px; }
.home-b-li ul, .home-b-li3 { margin-left:10px; list-style:none; }
.home-b-li ul li { padding:10px 0 10px 0; }
.home-b-li2 ul li { padding:7px 0 7px 0; }
.home-b-li3 ul li { padding:5px 0 5px 0; }
.home-b-li ul li h3 a, .home-b-li ul li h2 a, .home-b-li3 ul li h2 a { color:#036564; font-weight:bold; font-size:13px; }
.home-b-t { font-size:12px; line-height:18px; padding-top:5px; }
.home-trenn { border-bottom:1px solid #D6D4D9; margin:0 0 20px 0; }

.home-box1 { /*267*/width:287px; float:left; margin-bottom:20px; }
.home-box2 { /*267*/width:287px; float:right; margin-bottom:20px; }
* html .home-box1 { /*265*/width:285px; }
* html .home-box2 { /*265*/width:285px; }
.home-box-ueb { background:#036769; padding:5px;color:#EEEDEF; font-weight:bold; }
.home-box-text { padding:5px; }
.home-box-text ul { list-style:none; }
.home-box-text ul li { padding-top:5px; border-bottom:1px dotted #D6D4D9; height:85px; overflow:hidden; }
.home-box-text ul li a, .home-box-text ul li a:visited { color:#036564; font-weight:bold; }
.home-neu { background:#036769; padding:5px; margin-bottom:12px; color:#EEEDEF; font-weight:bold; }

.boxy { width:280px; height:280px; float:left; margin:15px 7px 35px 7px; overflow:hidden; }
.boxy-head { border-bottom:1px dotted #D6D4D9; height:60px; overflow:hidden; margin-bottom:5px; }
.boxy-head h2, .boxy-head h2 a { margin-top:2px; margin-bottom:2px; font-size:15px; color:#036564; text-align:left; text-decoration:none; }
.boxy-body { font-size:13px; text-align:justify; margin-top:5px; line-height:18px; }

.beitrag-text { text-align:justify; color:#817E86; margin-bottom:12px; font-size:13px; line-height:16px; }
.beitrag-text h1 { font-size:20px; margin-bottom:5px; color:#817E86; }
.beitrag-text a { color:#817E86; }
.beitrag-text-home { text-align:justify; color:#817E86; font-size:14px; line-height:17px; }
.beitrag-text-home h1 { font-size:20px; margin-bottom:9px; color:#817E86; }
.home-bild { float:right; width:200px; height:240px; margin-left:10px; }
.aufz { float:left; background:url(images/02.jpg) no-repeat right top; width:48px; height:45px; margin-right:10px; }
.beitrag-head { margin-right:10px; }
.beitrag-head h2, .beitrag-head h2 a { margin-top:2px; margin-bottom:2px; font-size:18px; color:#036564; text-align:left; text-decoration:none; }
.beitrag-head h2 a:hover { text-decoration:underline; }
.beitrag-head-home h2, .beitrag-head-home h2 a, .beitrag-head-home h2 a:hover { font-size:14px; color:#036564; }
.beitrag-head h1, .beitrag-head h1 a { margin-top:2px; margin-bottom:15px; font-size:18px; color:#036564; text-align:left; text-decoration:none; }
.beitrag-head h1 a:hover { text-decoration:underline; }
.beitrag-body { font-size:13px; text-align:justify; margin-top:12px; line-height:18px; padding-bottom:15px; }
.beitrag-body a, .beitrag-body a:visited { color:#8D141E; font-weight:bold; }
.beitrag-body h2, .beitrag-body h3 { font-size:16px; color:#746F7B; margin:20px 0 2px 0; padding:0; }
.beitrag-body ol { margin-left:25px; margin-bottom:1em; }
.beitrag-body ol li { padding-bottom:7px; }
.beitrag-body ul { margin-left:25px; margin-bottom:1em; }
.beitrag-body ul li { padding-bottom:3px; }
.beitrag-body-home { text-align:justify; margin-top:6px; }
.via { font-size:11px; }
.via a { font-weight:normal; }
.abgelegt { font-size:11px; color:#87818F;  }
.beitrag-trenn { border-top:1px dotted #D6D4D9; margin:35px 0 35px 0; }
.beitrag-trenn-home { border-top:1px dotted #D6D4D9; margin:15px 0 15px 0; }
.beitrag-nav { font-size:11px; text-align:center; }
.beitrag-nav a, .beitrag-nav a:visited { color:#036564; }

#klein-haupt { /*width:415px; float:left;*/ }
.beitrag-trenn-s { border-top:1px solid #45823D; margin:15px 0 15px 0; }
.beitrag-links-s { margin:0 5px 0 0; }
.wann { font-size:11px; line-height:15px; padding-bottom:5px; }
.wann a { color:#000000; }
.tags { font-size:11px; line-height:15px; }
.cat { font-size:11px; line-height:15px; padding-bottom:5px; }
.cat a, .cat a:visited, .tags a, .tags a:visited { color:#8D141E; }
.teu { color:#817E86; }
.sterms { font-size:11px; margin: 0 5px 0 0; }

/*.breadcrumb { font-size:11px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #D6D4D9; }
.breadcrumb a, .breadcrumb a:visited { color:#036564; }*/
.subtitle { font-size:14px; font-weight:normal; margin: 5px 0 15px 0; text-align:justify; color:#605E64; line-height:17px; }
.subtitle a { color:#8D141E; font-weight:bold; }

.blogroll ul { list-style:none; margin-left:0;}
.blogroll ul li { padding-bottom:12px; }

.pagetitle { font-size: 18px; margin-bottom:5px; text-align:center; color:#A7A3AD;}
.pagetitle h1 { font-size:20px; margin-bottom:5px; }

.suchform input { font-family:Arial, Verdana, Helvetica; font-size:12px; border:1px solid #46853F; background:#EEEDEE; padding-left:3px; margin-left:10px; }
.suchform input#searchsubmit { font-family:Arial, Verdana, Helvetica; font-size:12px; font-weight:bold; background:#46853F; cursor: pointer; color:#FEFEFE; width:80px; }

.similar { margin: 12px 15px 21px 5px; }
.similar ul { list-style:none; color: #000000; margin: 3px 0 0 0; text-align:justify;}
.similar ul li { padding-top:5px; }
.similar ul a, .similar ul a:visited { color:#8D141E; font-weight:bold; }

.socl { margin:0 0 5px 5px; font-weight:bold; }
.twittern { float:left; width:130px; }
.fbshare { float:left; width:140px; }
.gbut { float:left; width:75px; }
.zaehler { background:url(images/zaehler.jpg) no-repeat; height:20px; width:26px; float:left; }
.zaehler-text { font-weight:normal; width:19px; margin-left:5px; font-size:10px; line-height:20px; text-align:center; }

.bico { font-size:10px; text-align:center; color:#666666; font-style: italic; padding-top:2px; }
.bico a { font-size:10px; color:#666666; font-weight:normal; }
.bico a:hover { text-decoration:underline; color:#666666; font-weight:normal; }

/*#tbox { width:345px;float:right; background:url(images/22.jpg) no-repeat 10px 10px #E6F5FC; border:1px solid #D6D4D9; padding:10px 15px 10px 15px; margin:15px 0 10px 0; }*/

/*Sidebar*/
#sidebar { /*400*/width:360px; float:right; position:relative; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;  }
/*#sidebar a, sidebar a:visited { color:#8D141E; font-weight:bold; }*/

.sb-box-gross { /*378*/width:338px; padding:5px; background:#E4E2E7; border:1px solid #D6D4D9; margin-left:10px; margin-bottom:10px; }

.sb-clear { clear:both; height:10px; }
.sb-gsearch { float:left; margin-bottom:5px; }
.sb-gt { float:left; margin-bottom:5px; margin-left:10px; margin-top:2px; }
.test { background:url(images/24.jpg) no-repeat; position:absolute; /*left:180px;*/ right:7px; width:128px; height:85px; }
.s-tw { background:url(images/19.jpg) no-repeat; line-height:20px; padding-left:25px; }
.s-fe { background:url(images/20.jpg) no-repeat; line-height:20px; padding-left:25px; margin-top:3px; }
.s-fb { background:url(images/18.jpg) no-repeat; line-height:20px; padding-left:25px; margin-top:3px; }
.s-br { background:url(images/23.jpg) no-repeat; line-height:20px; padding-left:25px; margin-top:3px; }
.s-fb a, .s-tw a, .s-fe a, .s-br a { color:#8D141E; font-weight:bold; }
.s-fb a:hover, .s-tw a:hover, .s-fe a:hover, .s-br a:hover { background:#FFFFFF; text-decoration:none; }


.sb-gross-head { border-bottom:1px solid #D6D4D9; font-weight:bold; padding-left:27px; background:url(images/04.jpg) no-repeat; line-height:22px; }
.sb-gross-body { padding-top:5px; }
.sb-gross-body ul { list-style:none;  }
.sb-gross-body ul li { padding:3px 0 3px 0; }
.sb-gross-body ul li p { height:30px; overflow:hidden; text-align:justify; margin:0; }
.sb-gross-body a:hover { background:#FFFFFF; text-decoration:none; }
.sb-gross-body a, .sb-gross-body a:visited { color:#8D141E; font-weight:bold; }
.sb-gross-body ul li:nth-child(2n+1) a { color:#036564; }

.tone-ups-bild { background:url(images/z-tone-ups.jpg) no-repeat; height:488px; width:350px; margin-bottom:10px; margin-left:10px; }
.toners-bild { background:url(images/z-toners.jpg) no-repeat; height:395px; width:283px; margin-bottom:10px; margin-left:43px; }
.pappbrille-bild { background:url(images/z-pappbrille.jpg) no-repeat; height:495px; width:350px; margin-bottom:10px; margin-left:10px; }
.glagla-bild { background:url(images/z-glagla.jpg) no-repeat; height:495px; width:350px; margin-bottom:10px; margin-left:10px; }

.sb-box-left { /*180*/width:160px; float:left; padding:5px; background:#E4E2E7; border:1px solid #D6D4D9; margin-left:10px; }
* html .sb-box-left { margin-left:5px; }
.sb-box-left ul, .sb-box-right ul { list-style:none; margin:5px 0 5px 0; }
.sb-box-left ul li, .sb-box-right ul li { padding:1px 0 1px 0; }
.sb-box-left a:hover, .sb-box-right a:hover { background:#FFFFFF; text-decoration:none; }
.sb-box-left a, .sb-box-left a:visited, .sb-box-right a, .sb-box-right a:visited { color:#8D141E; font-weight:bold; }
.sb-box-left ul li:nth-child(2n+1) a, .sb-box-right ul li:nth-child(2n+1) a { color:#036564; }
.sb-box-right { /*180*/width:160px; float:right; padding:5px; background:#E4E2E7; border:1px solid #D6D4D9;  }
.sb-box-right-leer { width:160px; float:right; height:10px; }

.sb-feed-bild { float:left; background:url(images/03.jpg) no-repeat; width:65px; height:90px; margin-left:2px; }
a.feed-icon { width:65px; height:90px !important; display: block; }
.feed-icon a:hover { background-color:transparent; }
.sb-tweet-bild { float:right; width:90px; background:url(images/09.jpg) no-repeat right; height:90px; margin-right:2px; }
a.tweet-icon { width:90px; height:90px !important; display: block; }
.tweet-icon a:hover { background-color:transparent; }

.sb-suche { padding:12px 0 12px 0;}
.sb-suche input#s { width:155px; height:14px; padding:2px; font-size:11px; border:1px solid #46853F; background:#FFFFFF; }
.sb-suche input#searchsubmit { width:80px; height:22px; font-weight:bold; background:#46853F; cursor:pointer; color:#FEFEFE; font-size:11px; margin:4px 0 5px 43px; }

.sb-box-gross-a { /*378*/width:338px; padding:5px; background:#E4E2E7; border:1px solid #D6D4D9; margin-left:10px; margin-bottom:10px; line-height:16px; }
.sb-box-gross-a a:hover { background:#FFFFFF; text-decoration:none; }
.sb-box-gross-a a { color:#036564; font-weight:bold; }

.sb-box-gross ul { list-style:none; }
.sb-box-gross ul li { padding:2px 0 2px 0; }
.sb-box-gross ul li a:hover { background:#FFFFFF; text-decoration:none; }

.amal { background:url(images/21.jpg) no-repeat; height:50px; width:120px; float:left; margin-bottom:5px; margin-left:10px; }
* html .amal { margin-left:5px; }
a.ama { width:120px; height:50px !important; display: block; }

#sidebar .oddpost a {  }


/* Footer */
#social-aussen { width:1005px; margin:0 auto; }
#social-balken { width:25px; background:#650103; height:102px; position:fixed; top:250px;}
.f-fb { background:url(images/11.jpg) no-repeat; width:20px; height:20px; margin-left:2px; margin-top:5px; }
a.fb-icon { width:20px; height:20px !important; display: block; }
.f-tw { background:url(images/12.jpg) no-repeat; width:20px; height:20px; margin-left:2px; margin-top:5px; }
a.tw-icon { width:20px; height:20px !important; display: block; }
.f-fe { background:url(images/13.jpg) no-repeat; width:20px; height:20px; margin-left:2px; margin-top:5px; }
a.fe-icon { width:20px; height:20px !important; display: block; }
.f-wi { margin-left:5px; margin-top:5px; }

#foot { width:960px; height:65px; margin:0 auto; margin-top:20px; margin-bottom:10px; background:#FFFFFF; border:1px solid #D6D4D9; padding:10px; position:relative; }

/*#foot-bild { background:url(images/05.jpg) no-repeat; width:133px; height:200px; position:absolute; right:2px;}
* html #foot-bild { position:relative; float:right; }
.foot-box { width:270px; float:left; height:100px; margin-right:9px; }
* html .foot-box { width:268px; margin-right:7px; }
.foot-box-head { border-bottom:1px solid #D6D4D9; font-weight:bold; padding-left:24px; background:url(images/06.jpg) no-repeat; line-height:22px; }
.foot-box-body { padding:5px 3px 0 3px; font-size:11px; }
.foot-box-body a, .foot-box-body a:visited { color:#8D141E; font-weight:bold; }
.foot-box-body a:hover { background:#EEEDEF ; text-decoration:none; }
.foot-box-body ul { list-style:none; }
.foot-box-body ul li { padding:7px 0 7px 0; }
.foot-box-body ul li p { margin:0; height:14px; overflow:hidden; }*/
.foot-text { font-size:12px; float:right; width:220px; margin-top:35px; text-align:right; line-height:12px; }
* html .foot-text { margin-top:1px; }
.foot-text a, .foot-text a:visited { color:#000000; }

/*#foot2 { width:980px; margin:0 auto; margin-bottom:10px; }*/


/* Comments */
.comments { font-family:Arial, Verdana, Helvetica; font-size:14px; font-weight:bold; margin: 25px 15px 0 15px; }
.commentlist { font-size:12px; font-weight:normal; margin:0; padding-left:18px; padding-bottom:10px; text-align:justify; }
* + html .commentlist { padding-left:23px; } 
.commentlist a, .commentlist a:visited { color:#000000; }
.nocomments { font-size:12px; font-weight:normal; text-align:center; }

.respond { font-family:Arial, Verdana, Helvetica; font-size:11px; margin:25px 15px 0 15px; text-align:left; }
.respond span { font-size:14px; font-weight:bold; }
.respond p { margin-top:1em; }
.respond p a, .respond p a:visited { color:#8D141E; }
.respond label { font-family:Arial, Verdana, Helvetica; font-size:11px; }
.respond input { font-family:Arial, Verdana, Helvetica; font-size:12px; border:#8D141E 1px solid; background-color:#D6D4D8; padding-left:3px; }
.respond textarea { font-family:Arial, Verdana, Helvetica; font-size:12px; border:#8D141E 1px solid; background-color:#D6D4D8; padding-left:3px; overflow:auto; }
.respond input#submit { font-family:Arial, Verdana, Helvetica; font-size:12px; font-weight:bold; border:#C0C0C0 1px solid; background-color:#8D141F; cursor: pointer; color:#FEFEFE; }