@import url(/Style/lightbox.css);

/* obligatory css reset */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, input, textarea, select, table, td, th, tr, form, label, fieldset, legend{
	margin: 0;
	padding: 0;
}

img, fieldset, td, th, tr {
	border: none;
}

:focus {
  -moz-outline-style: none;
}

ul, ol, li, dl {
	list-style-type: none;
}


textarea, input {
font: 1.1em Verdana, Helvetica, sans-serif;
}

/* for input type=text */
.inputtext {
    width: 120px;
	font-size: 1.1em;
	color: #3f3f3f;
	vertical-align: text-bottom;
	border: 1px solid Gray;
}

/* for input type=text */
.inputcomment {
     width: 520px;
	font-size: 1.1em;
	color: #3f3f3f;
	vertical-align: text-bottom;
	border: 1px solid Gray;
	


}

.comment .header{
    height: 23px;
    /*background-image: url('/img/bg/bg_comment.gif');*/
     background: url(/img/bg/inContent_head.png) repeat-x transparent;
    padding:3px;
    }
    
.comment .footer{
    font-size: 10px;
    text-align:right;
    margin-bottom: 10px;
    }
    
.comment p{
    margin: 3px;
    }
	
body {
	background: White url('/img/bg/bg.jpg') repeat-x;
	font: 0.625em Verdana, Helvetica, sans-serif;
	color: #4b4b4b;
}



/* link trigger for pseudo classes */
a:link,
a:visited,
a:hover,
a:focus,
a:active{
	text-decoration: none;
	color: #5f5f5f;
}

a:hover{
	color: #000;
	text-decoration: underline;
}

a.imgbutton {
    display:block;
    float:left;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none !important;
    background:transparent url('/img/button/grey_vorne.png') no-repeat 0 2px;
    padding: 4px 0 5px 9px;
    height: 20px !important;
    margin: 0 0 0 0;
    }

a.imgbutton span{
    display:block;
    margin: -2px 0 10px 0;
    background:transparent url('/img/button/button_hinten.png') no-repeat right top;
    padding: 7px 15px 7px 5px;
    text-align: center;
    }

a.button,
a.button2,
a.textlink {
	padding-left: 7px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/pfeil_grey.gif) 0 3px no-repeat transparent;
    }

a.textlink {
    display: block;
	margin-top: 5px;
    }

a.button2 {
	color: #d93124 !important;
	background-image: url(/img/pfeil_red.gif);	 
    
    }

/* screen readers and bots */
body .aural{
	display: block !important;
	position:absolute !important;
	left: -5000px !important;
	width: 990px !important;
	overflow: hidden !important;
}

/* basic floaters */

.left {
	float: left !important;
}

.right {
	float: right !important;
}


/* -------------- Basic layout elements ---------------- */

#fullwrap {
    margin: 0 0 20px 10px;
    }

#container {
    float: left;
	width: 890px;
}

.containerBottom{
	background: #fff;
}

#banner {
    text-align:right; 
    padding:5px 20px 5px 0;
    }

#skyscraper {
    float: left;
    }
           
#header,
#navigation2,
#footer{
	margin: 0 18px 0 14px;
}

#content {
	margin: -7px 0 0 12px;
	background: url('/img/bg/content_oben.png') no-repeat;
}

.content_contentBottom{
	clear: both;
    height: 15px;
    margin: 0 0 0 12px;
    background: url('/img/bg/content_unten.png') bottom left no-repeat transparent;
    }

/* variations for home */
#home #content,
#chat #content,
#start #content {
	margin-left: 12px;
	background: url('/img/bg/index_oben.png') no-repeat;
}

#home .content_contentBottom,
#chat #content .contentBottom,
#start #content .contentBottom{
	clear: both;
    height: 15px;
    background: url('/img/bg/index_unten.png') bottom left no-repeat transparent;
    }

/* variation for tools and games*/
#games #content,
#tools #content {
	margin-left: 12px;
	background: url('/img/bg/empty_oben.png') no-repeat;
}

#games #content .contentBottom,
#tools #content .contentBottom{
	clear: both;
    background: url('/img/bg/empty_unten.png') bottom left no-repeat transparent;
    }

/* variation for print-preview*/
#prnt #content{
	background-image: none;
}

#prnt #content .contentBottom{
    background-image: none;
    }

#content .column{
	width: 277px;
	float: left;
}

#content .double{
    padding: 7px;
	width: 550px;
}

#content .all{
    padding: 7px;
    width: 827px;
    }

#extra {
    width: 300px !important;
    margin-left:-8px;
    overflow: hidden;
    padding-top: 10px;
}

/* --------------- BottomTeaser ------------------------ */

.bottomTeaser {
	margin-left: 12px;
	min-height:10px;
	background: url('/img/bg/bottomteaser_oben.png') no-repeat transparent;
}

.contentBottom_bottom {
    margin-left: 12px;
	clear: both;
    height: 15px;
    background: url('/img/bg/bottomteaser_unten.png') bottom left no-repeat transparent;
    }

.bottomTeaser .column {
	width: 275px;
	margin:5px 0 0 10px;
	float: left;
}

.bottomTeaser .column .content {
	margin-top:10px;
}

/* --------------- Footer ------------------------ */
#footer{
	color: #666;
	width: 860px;
	margin: 0 0 15px 15px;
}

#footer a{
	display: inline;
	color: #666;
}

/* --------------- Header --------------------------- */

#header{
    position: relative;
    height:89px;
    margin-top:35px;
	background: url('/img/red/header.gif') no-repeat;
}

#header #logo{
	position: absolute;
	left: 10px;
	top: 10px;
}

#header .claim{
	position: absolute;
	left: 159px;
	top: 42px;
	width:320px;
}

/* variations for categories */

.gray #header{
	background: url('/img/gray/header.gif');
}
.green #header{
	background: url('/img/green/header.gif');
}
.orange #header{
	background: url('/img/orange/header.gif');
}
.petrol #header{
	background: url('/img/petrol/header.gif');
}
.purple #header{
	background: url('/img/purple/header.gif');
}
.viola #header{
	background: url('/img/viola/header.gif');
}
.yellow #header{
	background: url('/img/yellow/header.gif');
}
.beige #header{
	background: url('/img/beige/header.gif');
}
.brown #header{
	background: url('/img/brown/header.gif');
}
.lila #header{
	background: url('/img/lila/header.gif');
}
.tuerkis #header{
	background: url('/img/tuerkis/header.gif');
}
.khaki #header{
	background: url('/img/khaki/header.gif');
}
.blue #header{
	background: url('/img/blue/header.gif');
}

/* --------------- Login ------------------------ */

#login{    
    width: 301px;
    position: absolute;
    top: -25px;
    right: -10px;
    background: url('/img/bg/login1_oben.png') top left no-repeat transparent;
    padding: 7px 7px 0 7px;
    }


.loginfailed{
    position: absolute;
    color: Red;
    top: -30px;
    
    background-color:#ffffff;
    height:90px;
    width:540px;
    font-size:14px;
    padding:5px 5px 5px 5px;
    }

.loginBottom{
   	height: 14px;
	clear: both;
    background: url('/img/bg/login1_unten.png') bottom left no-repeat transparent;
    margin: 0 -7px 0 -7px;
    }

.login {
    padding-left: 5px;
    }

.pwd {
    width: 100px;
    }

.loginrequest{
    margin-left: 132px;
    font-size: 0.80em;
    }

.register{
    padding: 9px 0 1px 0;
    }
    
.register a{
    display:block;
    color: #dd3032;
    width: 100%;
    text-align: center;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    }

.register .button:hover{
    color: Red !important;
    }
  
/* ClubLeiste nach Login*/

#loggedin{    
    width: 800px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 1px;
    text-align: right;
    }

#loggedin div{
    width:350px; 
    padding-top:8px; 
    padding-right:10px;
    }

#loggedin .tab{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    background:transparent url('/img/bg/button_clubnavi_vorne.png') no-repeat 0 2px;
    padding: 10px 0 5px 9px;
    height: 25px;
    display:inline-block;
    float: right;
    margin: 0 0 0 -4px;
    }

#loggedin .tab span{
    display:block;
    margin: -8px 0 0 0;
    background:url('/img/bg/button_clubnavi_hinten.png') no-repeat right top;
    padding: 8px 15px 12px 2px;
    text-align: center;
    } 
        
/* --------------- Navigation & Searchbox ------------------------ */

#navigation{
    width: 100%;
    height: 28px;
    position: absolute;
	bottom: 0px;
	left: 8px;
}

#navigation ul {
    display:block;
    float: left;
    }

#navigation li{
	display: inline;
}

#navigation li a{
    font-family: Georgia, Serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #fff !important;
    text-decoration: none !important;
    background:transparent url('/img/red/nav1_left.png') no-repeat 0 2px;
    padding: 4px 0 5px 9px;
    height: 19px;
    display:block;
    float: left;
    margin: 0 0 0 -4px;
    }

#navigation li a span{
    display:block;
    margin: -2px 0 0 0;
    background:url('/img/red/nav1_right.png') no-repeat right top;
    padding: 6px 15px 5px 5px;
    text-align: center;
    } 

#navigation li a:hover{
    color: #d93124 !important;
    }

#navigation .current a{
    background-image: url('/img/bg/navi1_active_vorne.png') !important;
    color: #d93124 !important;
    }

#navigation .current a span{
    background-image: url('/img/bg/navi1_active_hinten.png') !important;
    }

/* variations */

.gray #navigation li a{
    background-image:url('/img/gray/nav1_left.png');
    }
.gray #navigation li a span{
    background-image:url('/img/gray/nav1_right.png');
    } 
.gray #navigation li a:hover,
.gray #navigation .current a{
    color: Black !important;
    }

.green #navigation li a{
    background-image:url('/img/green/nav1_left.png');
    }
.green #navigation li a span{
    background-image:url('/img/green/nav1_right.png');
    } 
.green #navigation li a:hover,
.green #navigation .current a{
    color: #54aa5e !important;
    }

.orange #navigation li a{
    background-image:url('/img/orange/nav1_left.png');
    }
.orange #navigation li a span{
    background-image:url('/img/orange/nav1_right.png');
    } 
.orange #navigation li a:hover,
.orange #navigation .current a{
    color: #ff9b3b !important;
    }

.petrol #navigation li a{
    background-image:url('/img/petrol/nav1_left.png');
    }
.petrol #navigation li a span{
    background-image:url('/img/petrol/nav1_right.png');
    } 
.petrol #navigation li a:hover,
.petrol #navigation .current a{
    color: #53aaa9 !important;
    }

.purple #navigation li a{
    background-image:url('/img/purple/nav1_left.png');
    }
.purple #navigation li a span{
    background-image:url('/img/purple/nav1_right.png');
    } 
.purple #navigation li a:hover,
.purple #navigation .current a{
    color: #a9549e !important;
    }    

.viola #navigation li a{
    background-image:url('/img/viola/nav1_left.png');
    }
.viola #navigation li a span{
    background-image:url('/img/viola/nav1_right.png');
    } 
.viola #navigation li a:hover,
.viola #navigation .current a{
    color: #7a8cbb !important;
    } 

.yellow #navigation li a{
    background-image:url('/img/yellow/nav1_left.png');
    }
.yellow #navigation li a span{
    background-image:url('/img/yellow/nav1_right.png');
    } 
.yellow #navigation li a:hover,
.yellow #navigation .current a{
    color: #e8cd4c !important;
    }
        
.beige #navigation li a{
    background-image:url('/img/beige/nav1_left.png');
    }
.beige #navigation li a span{
    background-image:url('/img/beige/nav1_right.png');
    } 
.beige #navigation li a:hover,
.beige #navigation .current a{
    color: #ada393 !important;
    }

.brown #navigation li a{
    background-image:url('/img/brown/nav1_left.png');
    }
.brown #navigation li a span{
    background-image:url('/img/brown/nav1_right.png');
    } 
.brown #navigation li a:hover,
.brown #navigation .current a{
    color: #a98769 !important;
    }
    
.khaki #navigation li a{
    background-image:url('/img/khaki/nav1_left.png');
    }
.khaki #navigation li a span{
    background-image:url('/img/khaki/nav1_right.png');
    } 
.khaki #navigation li a:hover,
.khaki #navigation .current a{
    color: #6e783d !important;
    }

.lila #navigation li a{
    background-image:url('/img/lila/nav1_left.png');
    }
.lila #navigation li a span{
    background-image:url('/img/lila/nav1_right.png');
    } 
.lila #navigation li a:hover,
.lila #navigation .current a{
    color: #8567b1 !important;
    }

.blue #navigation li a{
    background-image:url('/img/blue/nav1_left.png');
    }
.blue #navigation li a span{
    background-image:url('/img/blue/nav1_right.png');
    } 
.blue #navigation li a:hover,
.blue #navigation .current a{
    color: #638ab5 !important;
    }

.tuerkis #navigation li a{
    background-image:url('/img/tuerkis/nav1_left.png');
    }
.tuerkis #navigation li a span{
    background-image:url('/img/tuerkis/nav1_right.png');
    } 
.tuerkis #navigation li a:hover,
.tuerkis #navigation .current a{
    color: #68c3ab !important;
    }

/* 2. Level */
#navigation2 {
    clear: both;
    background: url('/img/bg/navi2.png') repeat-x White;
    width: 858px;
    height: 38px;
    display: block;
    }

#navigation2 li{
    display:block;
    float: left;
    text-transform: uppercase;
    }

#navigation2 li a{
    padding: 8px 4px 5px 4px;
    display: block;
    height: 15px;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    color: Gray;
    float: left;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom:4px solid #fbfbfb;
    }

/*#navigation2 li a:hover,*/
#navigation2 li a.hover {
    background: url('/images/nav/rubrik_verlauf.jpg') repeat-x;
    color: White;
    }

#navigation2 li.current a{
    border-bottom-color: #FBE7E6;
    }

.petrol #navigation2 li.current a{
    border-bottom-color: #e1eff0;
    }

.purple #navigation2 li.current a{
    border-bottom-color: #EDCFE7;
    }    
    
.lila #navigation2 li.current a{
    border-bottom-color: #DED0F1;
    }        

.orange #navigation2 li.current a{
    border-bottom-color: #FFEBD0;
    }   

.gray #navigation2 li.current a{
    border-bottom-color: #bbbbbb;
    }   

.beige #navigation2 li.current a{
    border-bottom-color: #EFE9DD;
    }   

.viola #navigation2 li.current a{
    border-bottom-color: #E4E6F2;
    }
       
.blue #navigation2 li.current a{
    border-bottom-color: #DBE7F5;
    }      

.brown #navigation2 li.current a{
    border-bottom-color: #E7D8BB;
    }    

.tuerkis #navigation2 li.current a{
    border-bottom-color: #DBF6EF;
    }    

.khaki #navigation2 li.current a{
    border-bottom-color: #CBCFB6;
    }    

.green #navigation2 li.current a{
    border-bottom-color: #DCF1DE;
    }    

.yellow #navigation2 li.current a{
    border-bottom-color: #FEF3B1;
    } 

#search {
    float:right;
    width: 185px;
    height: 20px;
	margin: 2px 8px 0 0;
	padding: 8px 0 0 10px;
	vertical-align: middle;
	background: url(/img/bg/suche.png)
}

#search .inputtext {
	vertical-align: text-bottom;
}

/* categorynav */

.categorynavcontent { 
	display:block; 
	position:absolute; 
	z-index:99; 
	margin-top:28px; 
	width:460px;
	cursor:default;
}


.categorynavcontent .bottomTeaser{ 
	background-image: url(/images/nav/verlauf_oben.png) !important;
}

.categorynavcontent .contentBottom_bottom {
    background-image: url(/images/nav/verlauf_unten.png) !important;
    height:10px !important;
    margin:0 !important;
}

.categorynav .item1 {
	margin-left:-35px;
}

.categorynav .item2 {
	margin-left:-75px;
}

.categorynav .item3 {
	margin-left:-120px;
}

.categorynav .item4 {
	margin-left:-130px;
}

.categorynav .item5 {
	margin-left:-140px;
}

.categorynav .item6 {
	margin-left:-160px;
}

.categorynav .item7 {
	margin-left:-160px;
}

.categorynav .item8 {
	margin-left:-180px;
}

.categorynav .item9 {
	margin-left:-190px;
}

.categorynav .item10 {
	margin-left:-205px;
}

.categorynav .item11 {
	margin-left:-250px;
}

.categorynav .item12 {
	margin-left:-315px;
}

.categorynav .item13 {
	margin-left:-395px;
}
	
.categorynavcontent .bottomTeaser {
	background: none;
	margin:0;
}

.categorynavcontent .bottomTeaser .column {
	width: 205px;
	margin:0;
	float: left;
	padding:10px;
}

.categorynavcontent .bottomTeaser .category {
	float:right;
	width: 140px;
	margin-right:10px;
	border-left: solid 1px #c9c9c9;
	overflow:hidden;
	margin-left: -1px;
}

.categorynavcontent .bottomTeaser .news,
.categorynavcontent .bottomTeaser .linklist {
	width: 269px;
	border-right: solid 1px #c9c9c9;
}

.categorynavcontent .bottomTeaser .column .content li {
	display:block !important;
	float:none !important;
}

.categorynavcontent .bottomTeaser .column .content li a {
	float:none !important;
	border-width:0 !important;
	background: transparent url(/img/pfeil_grey.gif) no-repeat scroll 0 3px !important;
	padding: 0 0 0 8px !important;
	text-transform:none;
	margin-top:0;
	margin-bottom:5px;
	height: auto !important;
}

.categorynavcontent .bottomTeaser .column .content li a:hover {
	color: Black !important;
}

.categorynavcontent .bottomTeaser .category .content li a {
	height: auto !important;
}


.categorynavcontent .bottomTeaser .column span.headline {
}
    
/* ------------------- Content-Elements ---------------------*/


/* headlines */

h1, h2, h3 {
    font-size: 2.15em !important;
    font-family: Georgia, serif;
    font-style: italic;
    }

h2 {
    font-size: 1.6em !important;
    }

h3 {
    font-size: 1.4em !important;
    margin-bottom: 5px !important; 
    }
    
/* headline variations */

#extra h2,
#extra h3,
#extra h4,
#extra h5,
#extra .headline,
#extra h2 a,
#extra h3 a,
#extra h4 a,
#extra h5 a,
#extra .headline a{
    display: block;
    font-size: 1.5em !important;
 	font-family: Georgia, serif;
 	font-weight: bold !important;
 	font-style: italic;
 	color: #686868 !important;
    }

.teaser h1,
.teaser h2,
.teaser h3,
.teaser h4,
.teaser h5,
.teaser .headline,
.teaser h1 a,
.teaser h2 a,
.teaser h3 a,
.teaser h4 a,
.teaser h5 a,
.teaser .headline a,
.bottomTeaser h1,
.bottomTeaser h2,
.bottomTeaser h3,
.bottomTeaser h4,
.bottomTeaser h5,
.bottomTeaser .headline,
#extra li h2,
#extra li h3,
#extra li h4,
#extra li h5,
#extra li .headline,
#extra li h2 a,
#extra li h3 a,
#extra li h4 a,
#extra li h5 a,
#extra li .headline a
{
    display: block;
    font-family: Verdana, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.0em !important;
    color: #dd3032 !important;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 1.0em;
    }

#extra li h2,
#extra li h3,
#extra li h4,
#extra li h5,
#extra li .headline,
#extra li h2 a,
#extra li h3 a,
#extra li h4 a,
#extra li h5 a,
#extra li .headline a{
    margin-bottom: 0;
    }

#extra .teaserheadline{
    font-weight:bold;
    }

/* color variations */
.gray .textblock h1,
.gray .double h2,
.gray #extra .cat,
.gray .tinted{
    color: #9c9c9c !important;
    }
.gray .textblock h3{
    color: #a9a9a9 !important;
    }

.green .textblock h1,
.green .double h2,
.green #extra .cat,
.green .tinted{
    color: #79c585!important;
    }
.green .textblock h3{
    color: #8fc895 !important;
    }

.orange .textblock h1,
.orange .double h2,
.orange #extra .cat,
.orange .tinted{
    color: #f6a459 !important;
    }
.orange .textblock h3{
    color: #f9b26b !important;
    }
    
.petrol .textblock h1,
.petrol .double h2,
.petrol #extra .cat,
.petrol .tinted{
    color: #82cccc !important;
    }
.petrol .textblock h3{
    color: #8dd2d1 !important;
    }

.purple .textblock h1,
.purple .double h2,
.purple #extra .cat,
.purple .tinted{
    color: #d482c9 !important;
    }
.purple .textblock h3{
    color: #e08dd5 !important;
    }
  
.viola .textblock h1,
.viola .double h2,
.viola #extra .cat,
.viola .tinted{
    color: #8b9cca !important;
    }
.viola .textblock h3{
    color: #9dacd5 !important;
    }
  
.yellow .textblock h1,
.yellow .double h2,
.yellow #extra .cat,
.yellow .tinted{
    color: #fad100 !important;
    }
.yellow .textblock h3{
    color: #fed400 !important;
    }

.khaki .textblock h1,
.khaki .double h2,
.khaki #extra .cat,
.khaki .tinted{
    color: #a2a880 !important;
    }
.khaki .textblock h3{
    color: #a7ac8e !important;
    }

.brown .textblock h1,
.brown .double h2,
.brown #extra .cat,
.brown .tinted{
    color: #cf9b74 !important;
    }
.brown .textblock h3{
    color: #daae8a !important;
    }

.blue .textblock h1,
.blue .double h2,
.blue #extra .cat,
.blue .tinted{
    color: #759cc6 !important;
    }
.blue .textblock h3{
    color: #8fb4dd !important;
    }

.beige .textblock h1,
.beige .double h2,
.beige #extra .cat,
.beige .tinted{
    color: #bbb29f !important;
    }
.beige .textblock h3{
    color: #c5bba7 !important;
    }    

.lila .textblock h1,
.lila .double h2,
.lila #extra .cat,
.lila .tinted{
    color: #a48ec4 !important;
    }
.lila .textblock h3{
    color: #ab92d2 !important;
    }      

.tuerkis .textblock h1,
.tuerkis .double h2,
.tuerkis #extra .cat,
.tuerkis .tinted{
    color: #6dd4b9 !important;
    }
.tuerkis .textblock h3{
    color: #82d4bb !important;
    } 
        
/* boxes */

.smallteaser{
    height: 128px;
    overflow:hidden;
    position:relative;
    }

.box {
    float:left;
	width: 265px;
	padding: 2px 5px 0 2px; 
	background: url('/img/bg/teaser_vorne.png') top left no-repeat transparent;
	font-size: 1.1em;
}

.box .boxBottom {
	height: 7px;
	margin: 0 0 0 -3px;
	clear: both;
	background: url('/img/bg/teaser_hinten.png') bottom left no-repeat transparent;
}

.wide,
.survey {
	width: 539px;
	background-image: url('/img/bg/teaser_wide.png');
}

.wide .boxBottom,
.survey .boxBottom {
	background-image: url('/img/bg/teaser_wide_unten.png');
}

.survey {padding-top: 5px; padding-left:5px; }

.slider {
	position:absolute;
	visibility:hidden;
}

.slider .box .boxBottom {
	background-image:none;
}

.noShadow,
.noShadow .boxBottom {
    width: 525px;
	background-image: none !important;
	padding: 2px 5px 0 5px;
}

.contentheader{
    width: 100%;
    border-bottom: 1px dotted #ebebeb;
    margin-top: 5px;
    padding-left: 0;
    padding-right:0;
    color: #cccccc;
    }

.contentheader a{
    font-size:0.85em
    }

/* box elements content column */
    
.box p{
	margin: 0px;
	height: auto;
}

.boxContent,
.box .imgwrap {
	overflow:hidden;
}

.teaser .textlink   {
	margin-top: 2px;
}

.teaser .imgwrap 
{
    margin-top:1px;
	width:121px;
}

.teaser .wide .imgwrap {
	height:210px;
	width:394px;
}

.teaser .smart .wide .imgwrap {
	height:122px;
}

.teaser .wide .quartered .imgwrap {
	height:100px;
	margin: 0px;
	margin-bottom:3px;
}

.teaser .boxContent {
    width: 127px;
    margin: 1px 12px 1px 5px;
    }

.teaser .survey .boxContent{
    width: 100%
    }    
    
.teaser .wide .quartered {
	width:125px;
	margin: 0 5px 3px 3px;
}

.teaser .wide .fullSize {
	width:520px;
	margin: 5px 12px 5px 6px;
}

.teaser p a:hover {
    text-decoration:none;
    }

.teaser img{
	margin: 0;
}

.teaser .preheadline{
    font-size:0.875em;
    text-transform: uppercase;
    }

.videoteaser .ListWrapper{
    height:95px; 
    }

.box .hlist{
    display:block;
    height: 60px;
    padding: 0px !important;
    margin: 0px !important;
    }

.box .hlist li{
    float: left;
    padding: 2px 2px 0 0;
    display: block;
    }
    


.slidernav
{
	float:left;
	background-image:url(/img/bg/slidernav.png);
	background-position:left bottom;
	width:539px;
	height:36px;
}

.slidernav .actions
{
	width:145px;
	margin-top:1px;
	text-align:center;
}

.slidernav ul
{
	display:block;
	width:394px;
	text-align:center;
	margin-top:-1px;
}

.slidernav li
{
	display:inline;
	padding:5px 10px 5px 10px;
	line-height:25px;
}

.slidernav li.hl
{
	cursor:default;
	background-image:url(/img/slider/pagelist_hl.gif);
	color:white;
}

.slidernav .boxContent{
	height:22px; 
	text-align:center;
}


/* box elements extra column */

#extra .box {
    float:none;
	width: 300px;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

#extra .box .bg{
    background: #f8f8f8 url(/img/bg/box_bg.png) repeat-x;
    padding-top:2px;
    font-weight: normal;
    }

#extra .box .vlist{
    display:block;
    width: 300px;
    padding: 0px !important;
    margin: 0px !important;
    }

#extra .box .vlist li{
    display:block;
    height: 58px;
	background: url('/img/bg/list_extra.png') top left repeat-x transparent;
	padding-top: 2px;
}

#extra .box .vlist .noImg{
    height: 30px;
	padding: 4px 5px 2px 5px;
}

#extra .box .vlist .noImg .textlink{
    margin-top: 0px;
    }

#extra .box .vlist li .boxContent{
    float:right;
    width: 235px;
}

#extra .box .vlist li .textlink{
    margin-top: 10px;
    }

#extra .box .vlist li .imgwrap{
    height:50px;
    width:50px;
    overflow: hidden;
    }

#extra .box .hlist{
    display:block;
    width: 300px;
    height: 60px;
    padding: 0px !important;
    margin: 0px !important;
    float: left;
    background: url('/img/bg/list_extra.png') top left repeat-x transparent;
    }

#extra .box .hlist li{
    float: left;
    padding: 2px 2px 0 0;
    height: 58px;
    display: inline-block;
    }

#extra .box .hlist li .textlink{
    margin-top: 48px;
    }


/* Search Results */

.ResultList .tabs{
    display:block;
    font-size:1em;
    text-transform: uppercase;
    }
    
 .ResultList .tabs li{
    float:left;
    border-right: 2px solid #f0f0f0;
    margin-right: 2px;
    padding: 4px 0 3px 0;
    }
 
 .ResultList .tabs a{
    border: 1px solid #cfcfcf;
    border-bottom: none;
    padding: 3px 7px 3px 7px;
    }   

 .ResultList .tabs a:hover{
    text-decoration:none;
    background-color: #fafafa;
    }  

 .ResultList .tabs a.current{
    background-color: #efefef;
    color: Black;
    } 

.ResultList .vlist{
    display:block;
    font-size: 1em;
    padding: 0px !important;
    margin: 0px !important;
    }
    
.ResultList .vlist h4 {
	font-size: 1em;
}

.ResultList .vlist li{
    display:block;
    height: 85px;
	background: url('/img/bg/list_extra.png') top left repeat-x #fafafa;
	padding-top: 2px;
}

.ResultList .vlist li img{
    width: 85px;
}

.ResultList .vlist .noImg{
    height: 30px;
	padding: 4px 5px 2px 5px;
}

.ResultList .vlist .noImg .textlink{
    margin-top: 0px;
    }

.ResultList .vlist li .boxContent{
    float:right;
    width: 435px;
    
}

.ResultList .vlist li .textlink{
    margin-top: 10px;
    }

.ResultList .vlist li .imgwrap{
    height:85px;
    width:85px;
    overflow: hidden;
    }
    
    
.ResultList .amazonlist{
    display:block;
    font-size: 1em;
    padding: 0px !important;
    margin: 0px !important;
    }
    
.ResultList .amazonlist h4 {
	font-size: 1em;
}

.ResultList .amazonlist li{
    display:block;
    height: 85px;
	background: url('/img/bg/list_extra.png') top left repeat-x #fafafa;
	padding-top: 2px;
}

.ResultList .amazonlist li img{
    width: 55px;
}

.ResultList .amazonlist .noImg{
    height: 30px;
	padding: 4px 5px 2px 5px;
}

.ResultList .amazonlist .noImg .textlink{
    margin-top: 0px;
    }

.ResultList .amazonlist li .boxContent{
    float:right;
    width: 435px;
    
}

.ResultList .amazonlist li .textlink{
    margin-top: 10px;
    }

.ResultList .amazonlist li .imgwrap{
    height:75px;
    width:55px;
    overflow: hidden;
    }
    
    


/*-------------- Article ------------------*/


/* Textblock */
    
.textblock  {
    clear: both;
    margin-bottom: 15px;
    line-height: 1.5em !important;
    font-size: 1.1em;
     }

.textblock h1,
.textblock h2,
.textblock h3,
.textblock a{
    line-height: normal;
    }

.textblock h3,
.textblock p h3{
    margin-bottom: 10px;
    }
         
         
.textblock .left{
    float:left;
	margin: 5px 10px 10px 0;
	overflow:hidden;
}

.textblock .right{
    float:right;
	margin: 5px 0px 10px 10px;
	overflow:hidden;
}

.textblock .bu{
    font-size:0.75em;
    line-height: normal;
    font-style:italic;
    color:#a8a8a8;
    }

.textblock img {
    padding: 0px;
    margin: 0px;
    }

.textblock ul,
.textblock p ul{
    margin: 10px 0 10px auto !important;
    }

.textblock ul li, 
.textblock p ul li
{
    list-style-type:disc !important;
    list-style-position: inside;
    margin-left:8px;    
    line-height: 1.6em !important;
    margin-left: auto !important;
     }       

/* boxes in textblock*/
.textblock .linkBox{
    font-size: 0.9em;
    }

.linkBox .headline{
    background: url(/img/bg/inContent_head.png) repeat-x transparent;
    padding: 3px 5px 2px 5px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    }

.linkBox .boxContent{
    background-color: #f8f8f8 !important;
    padding: 3px 5px 5px 7px;
    margin: 0;
    border-top: 1px solid #fff;
    }

.linkBox .boxContent ul,
.linkBox .boxContent li{
    margin: 0;
    padding: 0;
    list-style-type:none !important;
    }

/* Preface */

.preface{
    margin-top: 10px;
    font-weight:bold;
    }

.expert{
    height:72px;
    }

.expert .boxContent{
    padding: 5px 0 0 5px;
    width: 440px;
    }
    
.preface .searchlist{
    font-weight:normal;
    }
    
/* Content Box Variations */

.bottomBorder{
	min-height:1px;
  	height:auto !important;
  	height:1px;
	padding-bottom:5px;
	margin-right:0px;
	border-bottom: 1px dotted #bfbfbf;
	margin-bottom:12px;
}

.noBottomBorder{
	min-height:1px;
  	height:auto !important;
  	height:1px;
	padding-bottom:5px;
	margin-right:0px;
	border-bottom: 0px;
	margin-bottom:12px;
}

      
/* content navigation (list, image & simple paging) */
.contentNavigation{
	clear: both;
	padding-bottom:15px;
}

.contentNavigation a {
    display: block;
	margin-top: 5px;
	padding-left: 9px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/pfeil_grey.gif) 0 3px no-repeat transparent;	
    }
	
.simplePaging{
    border-top: 1px dotted gray;
	clear: both;
	padding: 2px;
	margin-bottom: 15px;
	list-style-type: none !important;
}

.simplePaging a{
	margin-top: 0;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;		
}

.simplePaging .back{
    float:left;
    width: 60px;
    }

.simplePaging .back a{
    padding-left: 9px;
    background: url(/img/pfeil_grey_back.gif) 0 3px no-repeat transparent;
    }

.simplePaging .next{
    float: right;
    width: 60px; 
    }

.simplePaging .next a{
    padding-right:10px;
    background: url(/img/pfeil_grey.gif) 49px 3px no-repeat transparent;
    
    }

.simplePaging .pages{
    float:left;
    width: 400px;
    text-align: center;
    font-weight: normal !important;
    }

.simplePaging .pages a{
    font-weight: normal !important;
    }

.simplePaging .pages a.current{
    font-weight: bold !important;
    }

.imageNavigation .headline{
    background: url(/img/bg/inContent_head.png) repeat-x transparent;
    padding: 3px 5px 2px 5px;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    }

.imageNavigation .boxContent{
    background-color: #f8f8f8 !important;
    padding: 3px 5px 5px 5px;
    margin: 0;
    border-top: 1px solid #fff;
    }

.imageNavigation li{
	float:left;
	width:93px;  
	overflow:hidden;
	margin:0 5px 0 5px;
}

.imageNavigation .imgwrap{
	height: 91px;
	width:91px;
	background-color: Silver;
	text-align:center;
	border: 1px solid White;
}

.imageNavigation img{
	width:91px;
	padding:0;
	margin:0;
}

.imageNavigation a{
	text-decoration:none;
	background: none;
	margin:0px;
	padding:0px;

}

/* link-variations */
.gray .contentNavigation a,
.gray .simplePaging a{
    color: #7d7d7d !important;
    }   
.gray .imageNavigation .current .imgwrap{
    border-color: #7d7d7d !important;
    }

.green .contentNavigation a.current,
.green .simplePaging a{
    color: #54aa5e !important;
    }
.green .imageNavigation .current .imgwrap{
    border-color: #54aa5e !important;
    }

.orange .contentNavigation a.current,
.orange .simplePaging a{
    color: #ff9b3b !important;
    }
.orange .imageNavigation .current .imgwrap{
    border-color: #ff9b3b !important;
    }
    
    
.petrol .contentNavigation a.current,
.petrol .simplePaging a{
    color: #53aaa9 !important;
    }
.petrol .imageNavigation .current .imgwrap{
    border-color: #53aaa9 !important;
    }

.purple .contentNavigation a.current,
.purple .simplePaging a{
    color: #a9549e !important;
    }
 .purple .imageNavigation .current .imgwrap{
    border-color: #a9549e !important;
    }
 
.viola .contentNavigation a.current,
.viola .simplePaging a{
    color: #7a8cbb !important;
    }
.viola .imageNavigation .current .imgwrap{
    border-color: #7a8cbb !important;
    }
   
.yellow .contentNavigation a.current,
.yellow .simplePaging a{
    color: #e8cd4c !important;
    }   
.yellow .imageNavigation .current .imgwrap{
    border-color: #e8cd4c !important;
    }

.khaki .contentNavigation a.current,
.khaki .simplePaging a{
    color: #a2a880  !important;
    }   
.khaki .imageNavigation .current .imgwrap{
    border-color: #a2a880 !important;
    }

.brown .contentNavigation a.current,
.brown .simplePaging a{
    color: #cf9b74  !important;
    }   
.brown .imageNavigation .current .imgwrap{
    border-color: #cf9b74 !important;
    }
 
.blue .contentNavigation a.current,
.blue .simplePaging a{
    color: #759cc6  !important;
    }   
.blue .imageNavigation .current .imgwrap{
    border-color: #759cc6 !important;
    }    

.beige .contentNavigation a.current,
.beige .simplePaging a{
    color: #bbb29f  !important;
    }   
.beige .imageNavigation .current .imgwrap{
    border-color: #bbb29f !important;
    }    
    
.lila .contentNavigation a.current,
.lila .simplePaging a{
    color: #a48ec4 !important;
    }
.lila .imageNavigation .current .imgwrap{
    border-color: #a48ec4 !important;
    }

.tuerkis .contentNavigation a.current,
.tuerkis .simplePaging a{
    color: #6dd4b9 !important;
    }
.tuerkis .imageNavigation .current .imgwrap{
    border-color: #6dd4b9 !important;
    }

/* Media Stage */

.mediastage{
	width: 530px;
	margin-left:-5px;
	padding: 15px 15px 0 10px; 
	background: url('/img/bg/mediastage_oben.jpg') top left no-repeat transparent;
}

.mediastageBottom{
    height: 10px;
	margin: 10px 0 0 -10px;
	clear: both;
	background: url('/img/bg/mediastage_unten.jpg') bottom left no-repeat transparent;
    }

.mediastage table td{
    width:70px
    }

.mediastage table .media{
    width: 380px;
    padding: 0 5px 10px 5px;
    }

/* /Media Stage*/

/* box in extra column */

#extra .box {
	width: 300px;
	padding-left: 14px;	
	padding-right: 19px;
	background-image: none;
}

#extra a.teaser {
    padding:0px !important;
    margin:0px !important;
    
    }
    
#extra a.right{
    float:left;
    }    

#extra .box .boxBottom {
    margin: 0 -19px 0 -14px;
	background-image: url('/img/boxes/bg_box_yellow_extra.gif');
}

#extra .box h2,
#extra .box h3{
	margin-right: 0px;
}

#extra .box h2{
	margin-bottom: 0;
}

#extra .box h3{
	margin-bottom: 5px;
}

#extra .box h4
{
    background-image: none !important;
	color: #000;
	padding-bottom: 0;
}

#extra .box img.right{
	float: left;
	padding: 0px;
	margin: 0px;
}

#extra .box p{
	margin-top: 0;
}

#extra .box .stickToTop{
	margin-top: -5px;
	margin-bottom: 10px;
}

#extra .linklist a{
	background-image: url('/img/links/line_linklist_red.gif');
	padding-left: 10px;
	color: #ef0008;
	margin:0;
}

#extra .linklist a:hover,
#extra .linklist a:focus{
	color: #000;
}

#extra ul.list{
	padding:0;
	margin-top:5px;
	margin-left:-5px;
	margin-right:25px;
	margin-bottom:-5px;
}

#extra .list li{
	padding:0px 10px 0px 5px;
	margin-bottom:10px;
	border-bottom: 1px dotted #ef0008;
	border-width: 1px 0;
}

#extra .list li.last{
	border: none;
	margin-bottom:7px;
}

#extra .list img{
	margin:0px 10px 0px 0px;
	padding:0px;
}




/* ------------------  Forms ----------------------*/

input.submit,
input.radio{
	width: auto !important;
	height: auto;
}

.watermarked { color:#3f3f3f; }

/* ---- forms in Content ------- */

#content .form {
    width: 530px;
    }
    
#content .form fieldset,
#content .form p{
	padding: 5px 5px 10px 5px;
	margin-left: -5px;
}

#content .form p{
	padding-top:10px;
}

#content .form fieldset{
    clear:both;
    width: 100%;
    height: auto; 
	border-bottom: 1px dotted #ef0008;
}



/* Comment Form */

#comment textarea{
	width:100%;
}

/* Contact Form */

#contact .form label{
	font-weight: bold;
	margin-top:10px;
	margin-bottom:5px;
	display: block;
}

#contact .form .formColumn{
	width: 48%;
}

#contact .form .formColumn select{
	width: 50%;
	color: #3f3f3f;
}

#contact .form .formColumn input,
#contact .form .formColumn textarea{
	width: 98%;	
	color: #3f3f3f;
}

/* ---- forms in extra column -----------*/
#content #extra input,
#content #extra textarea,
#content #extra select
{
	font: 1em Arial, Helvetica, sans-serif;
}

#content #extra textarea,
#content #extra select{
	
	width: 280px;
}

#content #extra select{
	width: 284px;
}


/* ---------- tagcloud - list of links ------------- */
.tagcloud {
    font-size:0.95em;
    overflow:hidden;
	clear:none;
	padding:0px 5px 5px 5px;
}

.tagcloud a {
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0 2px 4px 0;
	background-image: none;
	font-weight: normal;
}

/* ------------ tables  -------------*/
#content table{
    width: 100%;
	border-collapse: collapse;
}

/* /tables */

.article{
	border-bottom: 1px dotted #006699;
	padding: 10px 0px 10px 5px;
	margin-right:0px;
	margin-bottom:10px;
	min-height:1px;
  	height:auto !important;
  	height:1px;
}

.articleImage{
	float:left;
	width: 55%;
	text-align:center;
}

.articleImage img{
	float:none;
}

.articleContent{
	float:right;
	width: 45%;
}

.multipleArticles li{
	border-bottom: 1px dotted #6babd5;
	padding: 5px 0 3px 0;
}


/* ----------------  Utilities ------------ */

/* Clearing Floats */
.textblock:after,
.simplePaging:after,
#header:after,
#navigation:after,
#content:after,
#navigation2:after,
#footer:after,
.bottomTeaser:after,
.box:after,
.tabs:after,
.tabs_extended:after,
.article:after,
.recipe:after,
.teaserBlock:after,
.contentNavigation:after,
.list li:after,
.ImageList:after,
.Stats:after,
.ClearFix:after,
p:after{
    content: ".";
    display: block;
    height: 0px;
    max-height: 0px;
    clear: both;
    visibility: hidden;
}

/* Editierlinks */

.EditArea{
	clear:both;
	width: 100%;
}
.EditArea a:link, 
.EditArea a:visited,
.EditArea a:hover,
.EditArea a:active{
    display: inline !important;
	padding: 1px !important;
	font-size: 11px !important;
	font-weight: normal !important;
	background: Navy !important;
	color: White !important;
	line-height:20px !important;
}

a.EditLink:link,
a.EditLink:visited,
a.EditLink:hover,
a.EditLink:active{
    display: inline;
	margin: 0px 5px 0px 0px;
	padding: 1px;
	font-size: 11px;
	font-weight: normal;
	background: Navy!important;
	color: White !important;
	line-height:20px;
}

a.ModuleLink:link,
a.ModuleLink:visited,
a.ModuleLink:hover,
a.ModuleLink:active{
    display: inline;
	margin: 5px 10px 5px 0px;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
	background: Teal !important;
	color: White !important;
	line-height:20px;
}

.ModuleInstanceName{
	padding: 5px;
    display: block;
    width:85%;
	margin: 0px 5px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	background: Navy !important;
	color: White !important;	
}

.ValidationError
{
	color:Red;
	font-weight:bold;	
}


/* RichTextEditor */
#RichTextWrapper
{
	height:300px;	
}

#RichTextEditor
{
	position:absolute;
	z-index:99;
	width:529px;
	height:300px;
}

#RichTextEditor table,
#RichTextEditor table td
{
	width:auto;
	margin: 0px;
	padding: 0px;
}

#RichTextEditor table td
{
	border:0px;
}

#RichTextEditor table td img
{
	border:1px solid transparent;
	padding:1px;
}

#RichTextEditor table.RadEToolLongOnOver td img,
#RichTextEditor table.RadEToolLongOffOver td img,
#RichTextEditor table td img.RadEToolOnOver,
#RichTextEditor table td img.RadEToolOffOver,
#RichTextEditor table td img.RadEToolOn
{
	background-color:White;
	border:1px solid #000000;
}

#RichTextEditor table td img.RadEToolOn
{
	background-color:#eeeeee;
	background-image:none !important;
}

#RichTextEditor table.RadEToolLongOnOver,
#RichTextEditor table.RadEToolLongOffOver
{
	border:0px !important;
	background-image:none !important;
}


/* --- BLOG --- */

#blog .entrylist {
    margin-bottom:20px;
    }

#blog table.noborder{
    background: #FAFAFA url(/img/bg/box_bg.png) repeat-x;
    padding-top:2px;
    width: 523px !important;
    }

#blog .DateBox{
    width:50px !important;
    text-align:center;
    margin-right: 5px;
    background-image: url(/img/bg/blog_cal.jpg);
    }

#blog .DateBox .month{
    font-weight: bold;
    display:block;
    }
    
#blog .DateBox .day{
    font-family: Georgia, serif !important;
    font-size: 2.0em;
    display:block;
    }

#blog .DateBox .year{
    display:block;
    }
    
#blog .DateBox .boxBottom{
    width: 50px !important;
    }    

#blog .entrylist h2{
    font-size: 1.3em !important;
    }

#blog .noborder h3{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 0.9em !important;
    }

#blog .noborder h2{
    margin-bottom: 10px;
    }

#blog .MetaText{
    font-size: 0.75em;
    }

#blog .bottomBorder
{
    margin:0 0 5px 0 !important;
    padding: 0px !important;
    }

#blog .ContentFooter
{
    clear: both;
    margin: 5px 0 0 5px;
    }

#blog .contentActionmenu ul,
#blog .contentActionmenu li {
    display: inline;
    margin-right: 5px;
    }

#blog .contentActionmenu ul {
  margin-bottom: 25px;
    }

#blog .contentActionmenu a{
   	padding-left: 7px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/pfeil_grey.gif) 0 3px no-repeat transparent;
	margin-right: 5px;
    }

#blog .wide{
    background-image: none;
    }

#blog #extra .box,
#blog .listcontent{
    background: #FAFAFA url(/img/bg/box_bg.png) repeat-x;
    padding:5px;
    font-weight: normal;
    }

#blog .authorprofile img { padding-right:3px; }
#blog .authorprofile a { display:block; font-weight:bold; }  
/* Calendar */

#blog table.calendar h3 { display:inline !important; }
#blog table.calendar { border-collapse: collapse; margin:0px; padding:0px; width:280px !important; margin-left:auto; margin-right:auto; }
#blog table.calendar th { text-align:center !important; padding:5px 0px 5px 0px !important; border-width:0px !important; }
#blog table.calendar td { cursor:default; text-align:center; padding:5px !important; margin:0px !important; border-width:0px !important; width:40px; font-size:0.98em; }
#blog table.calendar td span { padding: 1px 2px 1px 2px; }
#blog table.calendar td.selected { color:#ffffff; }
#blog table.calendar td.selected span { background-color:#ef0008; }

#blog table.calendar a { cursor:pointer; background-image:none; margin:0px; padding:0px; text-decoration:none; font-weight:normal; }
#blog table.calendar td a { text-decoration:underline; color:#ef0008; font-size:1em; }

#blog table.calendar th.description { border-bottom: dotted 1px #006699 !important; }
#blog table.calendar th a { color:#006699; }


#blog .comments { font-size:0.8em !important; line-height: normal;}
#blog .comments h2 { margin-top:20px; font-size: 2.1em !important}

/* ---  /BLOG --- */


.bulletedlistcount { margin:0; padding:0; }
.bulletedlistcount li { display:inline;width:10px;  margin:5px; }
.bulletedlist { margin:0; padding:0;}
.bulletedlist li { display:inline;  margin:5px;list-style-type:none; }
.bulletedlist a:link {color: #000;text-decoration: underline;}
.bulletedlist a:visited {color: #000;text-decoration: underline;}
.bulletedlist a:active{color: #000;text-decoration: underline;}
.bulletedlist a:hover{color: #000;text-decoration: underline;}


/* Cartomancy */

.Cartomancy .CardSelection 
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.Cartomancy .CardSelection a
{
	position:absolute;
	display:block;
	z-index:0;
	background-position:bottom;
	background-repeat:no-repeat;
}

.Cartomancy .CardSelection a.highlight
{
	z-index:1;
	border-top:solid 3px transparent;
}

.Cartomancy .CardDetails h2,
.Cartomancy .CardDetails h1
{
	margin-bottom: 10px;
}

.Cartomancy .CardDetails h2
{
	clear:both;
	margin-top: 20px;
}

.Cartomancy .CardDetails img
{
	float:left; 
	margin:0 10px 10px 0;
}

/* Rating */

.ratingPanel 
{
	width:120px;
}

.ratingStar {
    font-size: 0pt;
    width: 10px;
    height: 10px;
    margin: 0px;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    background-position:left center;
}

.filledRatingStar {
    background-image: url(/img/rating/point_filled.gif);
}


.emptyRatingStar {
    background-image: url(/img/rating/point_empty.gif);
}

.highlightedRatingStar {
	background-image: url(/img/rating/point_highlighted.gif);
}

/* MediaContest */

.MediaContest h3
{
	display:none;
	margin:0;
	padding:0;
}

.MediaContest h2
{
	font-size: 2.15em !important;
	margin-bottom:3px;
}

.MediaContest .boxBottom 
{
	margin-bottom:5px;
}

.MediaContest .sorter
{
	font-size:0.9em;
}

.MediaContest .listcontent a,
.MediaContest .Nick a,
.MediaContest .sorter a
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.8em !important;
}

.MediaContest .sorter a
{
	font-size:0.9em !important;
}

.MediaContest a.teaser
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.8em;
}

.MediaContest .sorter a.current
{
	text-decoration:underline;	
}

.MediaContest .description 
{
	line-height:1.5em !important;
}

.MediaContest .upload {
	background:transparent url(/img/pfeil_grey.gif) no-repeat scroll 0 3px;
	display:block;
	font-size:0.8em;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	padding-left:9px;
	text-transform:uppercase;
}

.MediaContest .popupblocker
{
	margin-bottom:10px;	
}

.MediaContest .ratingPanel
{
	float:left;
	width:300px;
	margin: -2px 0 0 5px;
}

.MediaContest .ratingStar{
	padding: 0px;
	width: 16px;
    height: 16px;	
}

.MediaContest .filledRatingStar {
    background-image: url(/community/modulerating/images/star_full.gif);
}

.MediaContest .emptyRatingStar {
    background-image: url(/community/modulerating/images/star_empty.gif);
}

.MediaContest .highlightedRatingStar {
	background-image: url(/community/modulerating/images/star_full.gif);
}

.MediaContest .box {
	width: inherit !important;
	padding: 0 !important; 
	background-image: none;
	font-size: 1.1em;
}

.MediaContest .pager {
	text-align:center;
}

.MediaContest .contentActionmenu li {
    display: inline;
    margin-right: 5px;
    }

.MediaContest ul.contentActionmenu {
	padding-top:2px !important;
	padding-left:32px;
	}

.MediaContest a.backlink,
.MediaContest .contentActionmenu a{
   	padding-left: 7px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/pfeil_grey.gif) 0 3px no-repeat transparent;
	margin-right: 5px;
    }

.MediaContest .ImageList{
    margin: 0 0 10px 0;
    }

.MediaContest .ImageListItem img{
    display: block;
    width: 117px;
    height: 88px;
    border: 1px solid #000;
    background-image: url('/img/loader.gif');
    background-position:center;
    background-repeat:no-repeat;
    margin: 0;
    }

.MediaContest .ImageListItem {
    margin:5px 15px 5px 0;
    float:left;
    width: 115px;
    }

.MediaContest .ImageListItem .RatingStars{
    float:left;
    width: 80px;
    }
    
.MediaContest .ImageListItem .RatingStars img,
.MediaContest .GalleryContent .RatingStars img{
	display:inline !important;
	width:16px !important;
	height:16px !important;
	border-width:0px;
	background-image:none;
	}

.MediaContest .ImageListItem .RatingValue{
    float:right;
    width: 25px;
    text-align:right;
    font-weight: bold;
    }
    
.MediaContest .ImageListItem a{
	display:inline;
	}   

.MediaContest .PagerLink{
    width: 28px;
    float: left;
    height: 400px;
    text-align:center;
    }

.MediaContest .PagerLink .pager{
    margin: 252px 2px 0 2px;
    }

.MediaContest .GalleryContent h2 {
	margin-left:-28px;
}

.MediaContest .GalleryContent{
    float:left;
    width: 462px;
    }

 .MediaContest .GalleryContent img{
    display: block;
    width: 460px;
    height: 345px;
    border: 1px solid #000;
    background-image: url('/img/loader.gif');
    background-position:center;
    background-repeat:no-repeat;
    margin: 0;
    }
       
.MediaContest .GalleryContent .Nick{
    float: left;
    width:220px;   
    margin-left: -28px;
    }
    
.MediaContest .GalleryContent .Nick a{
    font-size: 1.0em;
    display: inline;
    margin: 0;
    padding: 0;
    background-image: none;
    }    
    
.MediaContest .GalleryContent .Stats{
    float:right;
    text-align:right;
    width: 300px;
    margin-bottom:10px;
    
    }  

.MediaContest .GalleryContent .bu{
    margin: 2px 0 15px 0;
}

.MediaContest td.listcontent {
	padding-bottom:10px !important;
	padding-top:10px !important;
	border-bottom:1px dotted #BFBFBF;
}

.MediaContest .contentActionmenu {
	padding-bottom:10px;
}

/*HangWoman*/

.HangWoman #game_main .game .text_main {width:480px;height:302px;background: url(/images/games/backgroundhangwoman.png) no-repeat 0 0;}
.HangWoman #game_main .game .fg01, .HangWoman #game_main .game .fg02, .HangWoman #game_main .game .fg03, .HangWoman #game_main .game .fg04, .HangWoman #game_main .game .fg05, .HangWoman #game_main .game .fg06, .HangWoman #game_main .game .fg07, .HangWoman #game_main .game .fg08 {position:relative;z-index:100;left:84px;}
.HangWoman #game_main .game .fg01 {top:-11px;}
.HangWoman #game_main .game .fg02 {top:-212px;}
.HangWoman #game_main .game .fg03 {top:-413px;}
.HangWoman #game_main .game .fg04 {top:-614px;}
.HangWoman #game_main .game .fg05 {top:-815px;}
.HangWoman #game_main .game .fg06 {top:-1016px;}
.HangWoman #game_main .game .fg07 {top:-1217px;}
.HangWoman #game_main .game .fg08 {top:-1418px;}
.HangWoman #game_main #points, .HangWoman #game_main #round, .HangWoman #game_main #errors_left {position:relative;z-index:100;left:438px;width:27px;color:#AF0913;font-size:17px;font-style:italic;text-align:left;line-height:21px;}
.HangWoman #game_main #points {top:7px;}


/*VidaVida Diätclub*/
.vidavidaform { position:relative;top:120px;left:115px;width:180px !important; }
.vidavidaform td { padding:3px; *padding:1px;}
.vidavidaform .hl { font-size:0.9em; font-weight:bold !important; text-transform:uppercase;}
.vidavidaform td label { display:block; float:left; *margin-top:3px;}