/*///////////////////////////////////////////////////////////////////
// 2008-06   | 101worldwide                                        //
// Project   | WHYZZ2                                              //
// Author    | Karsten Meyer | www.madebymeyer.de                  //
// modified  | 22.06.2008 by Karsten Meyer                         //                                                   
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
}
BODY {
	text-align: center;
	color: #666666;
	direction: ltr;
	font: 14px  "trebuchet MS", Arial, sans-serif;
	margin:0;
	padding:0;
        margin-top:20px;
        /* background: #d7effb url('/images/q.gif') repeat-x; */
        background:#ceec84 ;
}

HR {
    color: #c3337c;
    background-color: #c3337c;
    height:4px;
    }

#container_big{

    width:900px;
    background:#ffffff;
    position:relative;
	margin:0 auto;
	text-align: left;
}


#container {
 position:relative;
	margin:0 auto;
	text-align: left;
	width:840px;
    background:#ffffff;
}

TABLE, TR, TD, TH {
	/*font: 12px  Arial, sans-serif;*/
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	}

A:link,
A:active,
A:visited,
A:hover {
  color:#c3337c;
  text-decoration:none;
}
A:hover {
  text-decoration:underline;
}


A IMG,
IMG {
	border:0;
}

H1 {
	font-size:16px;
  margin:0;
	padding-bottom:5px;
	/*color:#ef7f01;*/
	color: #c3337c;
  line-height:1.5em;
}

.rosa{
 font: 14px  "trebuchet MS",Arial, sans-serif;
 color: #c3337c;
}

.orange{
 color: #ef7f01;
}

.blu{
  color: #278ab5;
  font-size:12px;
}

.blu2{
  
  font-size:14px;
}
.blu2 a{
  font-size:14px;
}

myPointers{
cursor:pointer;
cursor:hand;
}

.boxtitle{
	padding:0 0 0 30px;
	font-weight:bold;
        font-size:16px;
}
.boxcontent{
	font-size:12px;
    padding-right:5px;
}
H2 {
	font-size:15px;  
	font-weight:700;
    margin:0;
	padding-bottom:0;
	color:#278ab5;
}
H3,H5,H6 {
	font-size:14px;
	font-weight:400;
  margin:0;
	padding-bottom:15px;
	color:#278ab5;
}

H4{
	font-size:14px;
	font-weight:400;
  margin:0;
	padding-bottom:1px;
	color:#278ab5;
}



P	{
  padding:0 0 15px 0;
  margin:0;
  line-height:1.5em
}
P.author	{
  font-style:italic;
}


.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

.mbox{
float:left;
width:274px;
height:139px;
background: url(../images/box_bg.jpg) no-repeat;
margin-top:10px;
}

.mbox2{
float:left;
width:413px;
height:60px;
border-width: 1px;
border-style: solid;
border-color: #003466;
margin-top:10px;
font-size:14px;
}

.mbox3{
float:left;
width:413px;
height:60px;

margin-top:4px;
font-size:14px;
}

.mbox2_big{
float:left;
width:413px;
height:204px;
border-width: 1px;
border-style: solid;
border-color: #40BCE2;
margin-top:10px;
font-size:14px;
}
.mbox2_community{
float:left;
width:839px;
height:22px;
margin-top:10px;

font-size:20px;
color:white;

background-color:#F68121;
}

.mbox2_community_bottom{
float:left;
width:817px;
height:70px;
margin-top:10px;
padding-top:1px;
padding-left:0px;
font-size:20px;
font-weight:bold;

}

.boxr{
	margin-left:9px;
}
/* # header area ############### */
#searchTips{
position:absolute;
left:680px;
top:30px;
}
#ask{
position:absolute;
}
#header {
  position:relative;
	width:840px;
	height:282px;
  background-color:#fff;
}

#head {
  position:relative;
	width:840px;
	height:125px;
}

#claim {
  position:absolute;
  left:234px;
  top:76px;
  color:#f68a2f;
  font-size:16px;
  font-weight:700;
  letter-spacing:0.03em;
}

#claim-login {
  position:absolute;
  left:638px;
  top:72px;
  width:200px;
  color:#f68a2f;

}

#topFrame {
  position:relative;
	width:840px;
	height:27px;
  background: url(../images/bg_topnavi.gif) no-repeat;
}

#searchFrame {
  position:relative;
	width:840px;
	height:130px;  
  /*background-color: #f58220;*/
  background: url(../images/bg_search_bottom.gif) bottom no-repeat #f58220;;
}

#tellme {
  position:absolute;
  left:90px;
  top:68px;
  background: url(../images/bg_tellme.gif) no-repeat;
  width: 78px;
  height: 22px;
  
}
#searchForm {
  position:absolute;
  background: url(../images/searchbg.jpg) no-repeat;
  left:180px;
  top:54px;
  height:54px;
  width:627px;
}
#searchInput {
  position:relative;
  left:30px;
  top:13px;
  height: 29px;  
}


/* # main area ############### */

#mainHome {
  position:relative;
	width:840px;
	height:44px;
  background: url(../images/bg_homebottom.gif) no-repeat;
}


#mainHome .teaserBox {
  position:absolute;
  top:15px;
  width: 260px;
	color:#1f89b4;
  font-size:11px;
}
.teaserBox SPAN {
	color:#c3337c;
  font-size:14px;
  font-weight:700;
}
.teaserBox A:link,
.teaserBox A:active,
.teaserBox A:visited,
.teaserBox A:hover {
  color:#1f89b4;
  text-decoration:none;
}


#main {
	width:840px;
  background-color:#fff;
  padding-top:10px;
}

#col-left {
  float:left;
	width:173px;
	padding:0px 0px 0px 0px;
}

#content {
  float:left;
	width:632px;
	padding:20px 0 0 10px;
    margin:0px;
    margin-top:-20px;
    margin-left:20px;
}
#animationFrame {
  position:relative;
  background: url(../images/bg_animation.jpg) no-repeat;
	width: 645px;
	height: 300px;
}
#animation {
  position:absolute;
  left:222px;
  top:31px;
	width: 399px;
	height: 175px;
}



/* # top navigation ############### */
#topnavigation {
  position:absolute;
  right:18px;
  top:0px;
	height:27px;
}

#topnavigation A:link,
#topnavigation A:active,
#topnavigation A:visited,
#topnavigation A:hover,
#topnavigation A.current:link,
#topnavigation A.current:active,
#topnavigation A.current:visited,
#topnavigation A.current:hover {
  display:block;
  float:left;
  height:25px;
  /*color:#d70564;*/
  color: #1f89b4;
  text-decoration:none;
	font-size:16px;
	font-weight:bold;
	padding:2px 15px 0 15px;
}
#topnavigation A:hover,
#topnavigation A.current:link,
#topnavigation A.current:visited {
  color:#fff;
	background-color:#c3337c;
}
div#mywhyzzvigation {
    
	height:33px;
    background-color:#c7eafb
}
#mywhyzzvigation A:link,
#mywhyzzvigation A:active,
#mywhyzzvigation A:visited,
#mywhyzzvigation A.current:link,
#mywhyzzvigation A.current:active,
#mywhyzzvigation A.current:visited,
#mywhyzzvigation A.current:hover {
  
    height:28px;
    display:block;
    float:left;
  /*color:#d70564;*/
    color: #1f89b4;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    padding:6px 15px 0 15px;
    margin:0 20px 0 0;
}
#mywhyzzvigation A:hover,
#mywhyzzvigation A.current:link,
#mywhyzzvigation A.current:visited {
    color:#fff;
	background-color:#c3337c;
}

/* # navigation ############### */
.navigation {
  margin:0;
  padding:0;
  list-style:none;
  width:173px;
  background-color:#c7eafb;
}

.navigation LI A:link,
.navigation LI A:visited,
.navigation LI A:hover,
.navigation LI A:active {
  display:block;
  width:159px;
	padding:6px 0 6px 10px;
  font-size:14px;
  font-weight:400;
	text-decoration:none;
	color: #1d87b0;
  background-color:#9be7d2;	
  background: url(../images/bg_dotted.gif) bottom left repeat-x;
}
.navigation LI A:link SPAN,
.navigation LI A:visited SPAN,
.navigation LI A:hover SPAN,
.navigation LI A:active SPAN {
  display:block;
	padding-left:12px;
  /*background: url(../images/bg_arrow.gif) 0 3px no-repeat;*/
}

.navigation LI A:hover,
LI.current A:link,
LI.current A:visited {
	color: #fff;	  
  background-color:#d60364;
}
.navigation LI A:hover SPAN,
LI.current A:link SPAN,
LI.current A:visited SPAN {
  /*background-image: url(../images/bg_arrow_on.gif);*/
}

/* # subnavigation ############### */
.subnavigation {
  margin:0;
  padding:0;
  list-style:none;
  width:173px;
  background-color:#edf8fc;    
}

.subnavigation LI A:link,
.subnavigation LI A:visited,
.subnavigation LI A:hover,
.subnavigation LI A:active {
  display:block;
  width:139px;
	padding:6px 0 6px 27px;
  font-size:14px;
  font-weight:400;
	text-decoration:none;
	color: #1d87b0;
  background-color:#9be7d2;	
  background: url(../images/bg_subnavi_on.gif) bottom left repeat-x;
}
.subnavigation LI A:link SPAN,
.subnavigation LI A:visited SPAN,
.subnavigation LI A:hover SPAN,
.subnavigation LI A:active SPAN {
  display:block;
	padding-left:12px;
  /*background: url(../images/bg_arrow.gif) 0 3px no-repeat;*/
}

.subnavigation LI A:hover,
.subnavigation LI.current A:link,
.subnavigation LI.current A:visited {
	color: #1d87b0;
}
.subnavigation LI A:hover SPAN,
.subnavigation LI.current A:link SPAN,
.subnavigation LI.current A:visited SPAN {
  background: url(../images/bg_arrow.gif) 0 3px no-repeat;
}

/* # footer ############### */
#footer {
  float:left;
	width:100%;
	height:27px;
	line-height:27px;
	background-color:#c3337c;
	color:#fff;
	font-size:11px;
	text-align: center;
	margin-top:0px;
	text-align:center;
}
#footerContent {
 position:relative;
	margin:0 auto;
	text-align: left;
	width:840px;
	color:#fff;
}
#metaLeft {
	float:left;
	text-align: left;
	color:#fff;
	padding-left:20px;
}
#metaRight {
	float:right;
	text-align: right;
	color:#fff;
	padding-right:20px;
}
#metaLeft A:link,
#metaLeft A:active,
#metaLeft A:visited,
#metaLeft A:hover {
  color:#fff;
  text-decoration:none;
}
/* # END ############### */
a.grey{  
 color: #777777;  
}
div.break{
    background: transparent url(../images/line2.gif) repeat scroll 0% 0%;
    height: 7px;
    width: 400px;
}
div.paginationControl{
    margin:20px 0 20px 0;
    font-size:12px;
}
div.paginationControl .act{
    font-weight:bold;
}
div.paginationControl .disabled{
    
    color: #1d87b0;;
}
input.inputform{
    width:400px;
}
ul.errors{
    padding:0;margin:0;list-style:none;
}
ul.errors li{
    font-size:11px;
    color:red;
}
dd{padding:0;margin:0;height:1px}
dt{padding:0;margin:0;height:1px}


.t {background: url(../images/dot.gif) 0 0 repeat-x; width:150px}
.b {background: url(../images/dot.gif) 0 100% repeat-x; width:150px}
.l {background: url(../images/dot.gif) 0 0 repeat-y; width:150px}
.r {background: url(../images/dot.gif) 100% 0 repeat-y; width:150px}
.bl {background: url(../images/bl.gif) 0 100% no-repeat; width:150px}
.br {background: url(../images/br.gif) 100% 100% no-repeat; width:150px}
.tl {background: url(../images/tl.gif) 0 0 no-repeat; width:150px}
.trr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;}

#empty_button{
    width: 54px;
    height: 69px;
    text-decoration: none;
}

#empty_button a{
    text-decoration: none;
}

#likeit_button div{
    margin-top: 5px;
    margin-left: 3px;
    font-size: 17px;
    padding-top: 4px;
    color: #444444;
    width: 56px;
    height: 69px;
    background: url(../images/likes_off.gif) no-repeat;
}

#likeit_button div:hover{
    background: url(../images/likes_on.gif) no-repeat;
    text-decoration: none;
}

#comment_button div{
    margin-top: 5px;
    font-size: 17px;
    padding-top: 4px;
    font-weight: lighter;
    color: #444444;
    width: 56px;
    height: 69px;
    background: url(../images/comments_off.gif) no-repeat;
}

#comment_button div:hover{
    background: url(../images/comments_on.gif) no-repeat;
    text-decoration: none;

}

#mvw{
    font-size:13px; 
    font-weight:700; 
    margin:0; 
    padding-bottom:0; 
    color:#278ab5;
}