@CHARSET "UTF-8";

/* --------------------------------------------------------------

    Page Name:  chatpartner-roulette
    WP-Theme:   chatpartner-roulette01

    Version: 1.0

    VersionDate: Spring 2010

    Author: Thomas Harta
    E-Mail: harta@basis-audionet.de
    H-Page: http://www.basis-audionet.de

    style.css
    * Sets up the page layout.

-------------------------------------------------------------- */


/* Avoids "page jumps" by forcing the vertical scrollbar
   Should work in Firefox, Safari, IE 6
-------------------------------------------------------------- */
html {
    overflow-y: scroll;
}


/* These rather presentational classes are generated by WordPress,
    so it's useful to have some styles for them.
-------------------------------------------------------------- */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.wp-caption {
    margin: 10px;
    padding: 10px;
    text-align: center;
    background: #cccccc;
    border: 1px solid #666666;
}


/* Body settings
-------------------------------------------------------------- */
body {
    color: #000;
    font: 11px/14px Verdana, Tahoma, sans-serif;
    background: #000000 url(img/bg_body.png) repeat-x top center;
}


/* Typography settings like headlines, paragraphs, etc.
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    line-height: 22px;
    padding: 11px 0 0 0;
}
h1 { font-size: 22px; text-indent: -9999px; }
h2 { font-size: 20px; text-indent: -9999px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

a, a:focus {
    color: #000;
    text-decoration: none;
    outline: 0;
    -moz-outline:0;
}
a:hover {
    color: #ff8400;
}

p {
    padding-bottom: 12px;
}

li {
    list-style-type: none;
    padding-bottom: 10px;
}


/* Miscellaneous classes
-------------------------------------------------------------- */
.hidden {
    display: none;
}

.clear {
    clear: both;
}

em,
.italic {
        font-style: italic;
}

.bold {
        font-weight: bold;
}

.big {
    font-size: 11px;
}

.bigger {
    font-size: 36px;
}

.disclaimer {
    padding-top: 18px;
    margin: 0 0 0 10px;
    font-size: 9px;
}

.with_minheight {
        min-height: 510px;
        height: auto !important;
        height: 510px;
}

address {
    font-style: normal;
}

.orange {
	color: #ff8400;	
}

/* Wrapper
-------------------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    width: 1080px;
}


/* Header
-------------------------------------------------------------- */
#header {
    height: 280px;
    background: transparent url(img/bg_header.png) no-repeat top center;
}

#chatpartner-roulette-logo {
	clear: both;
	width: 385px;
	height: 69px;
	margin-top: 10px;
}

#chatpartner-roulette-text {
	text-indent: -99999px;
	width: 499px;
	height: 128px;
	margin-top: 22px;
	background: transparent url(img/chatpartner-roulette-text.png) no-repeat top left;
}

#text_cloud {
	margin: -230px 0 0 550px;	
	width: 489px;
	height: 228px;
	background: transparent url(img/bg_cloud1.png) no-repeat top left;
}
#link_to_numbers {
	font-size: 12px;
	font-weight: bold;
	padding: 110px 0 0 250px;	
}
#link_to_numbers a, #link_to_numbers a:focus {
    color: #000;
    text-decoration: underline;
    outline: 0;
    -moz-outline:0;
}
#link_to_numbers a:hover {
    color: #ff8400;
}
#disclaimer_cloud {
	font-size: 9px;
	color: #000000;
	width: 380px;
	padding: 14px 0 0 50px;
}

	
/* Navigation
-------------------------------------------------------------- */
#navigation {
    height: 30px;
    padding: 0 0 0 600px;
    margin-top: -15px;
}
#navigation li {
	float: left;
	margin-left: 7px;
	font-size: 14px;
}


/* Content Box
-------------------------------------------------------------- */
#content_box {
    width: 1080px;
    min-height: 510px;
    background: transparent url(img/bg_content_box.png) repeat-y top left;
}


/* Content
-------------------------------------------------------------- */
#content_site {
    width: 1080px;
    min-height: 510px;
    background: transparent url(img/bg_content.png) no-repeat top left;
}


/* Home
-------------------------------------------------------------- */
#post-5 {
    min-height: 510px; /* necessary for ie7 to display complete bg graphic */
    
}

#home_information {
	padding: 30px 0 0 10px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}	
.icon {
    text-indent: -99999px;
    float: left;
    margin-top: 2px;
    width: 18px;
    height: 15px;
    background: transparent url(img/icon.png) no-repeat top left;
}
#home_description {
	text-indent: -99999px;	
	margin-top: -72px;
}	

.home_clouds {
	position: absolute;
	margin: -210px 0 0 640px;
	z-index: 4;
}	

#swf {
	margin-top: 5px;
	z-index: 2;
}

#fokus {
	position: relative;
	margin: -394px auto 0 auto;
	width: 190px;
	height: 434px;
	z-index: 3;
	background: transparent url(img/focus.png) no-repeat center center;	
}


/* Carrier access code (cac)
-------------------------------------------------------------- */
.number1 {
	padding: 8px 0 0 35px;	
}

#newsbox_cac {
    margin: 0 0 20px 0;
    height: 110px;
    color: #ffffff;
    background: transparent url(img/bg_newsbox_wide.png) no-repeat top center;
}
#newsbox_cac_content {
    padding: 8px 20px 0 20px;
}
#newsbox_cac_content h6 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}
#newsbox_cac_content p[class~=bigger] {
    margin: 20px 0 15px 40px;
}

#newsbox_mobile {
    margin: 20px 0;
    height: 110px;
    color: #ffffff;
    background: transparent url(img/bg_newsbox_wide.png) no-repeat top center;
}
#newsbox_mobile_content {
    padding: 8px 20px 0 20px;
}
#newsbox_mobile_content h6 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}
#newsbox_mobile_content p[class~=bigger] {
    margin: 20px 0 15px 40px;
}

#newsbox_service {
    margin: 20px 0;
    height: 110px;
    color: #ffffff;
    background: transparent url(img/bg_newsbox_wide.png) no-repeat top center;
}
#newsbox_service_content {
    padding: 8px 20px 0 20px;
}
#newsbox_service_content h6 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}
#newsbox_service_content p[class~=bigger] {
    margin: 20px 0 15px 40px;
}

#add_info {
    margin: 20px 0;
}
#add_info ul {
    margin: -12px 0 0 30px;
}
#add_info ul li {
    clear: both;
    margin: 10px 0 0 30px;
    color: #ff8400;
    list-style-type: square;
}


/* Disclaimer
-------------------------------------------------------------- */


/* General Terms And Condition
-------------------------------------------------------------- */
#donts {
    margin: 0 0 20px 30px;
}

#donts li {
    list-style-type: square;
    padding-bottom: 0px;
}



/* Footer
-------------------------------------------------------------- */
#footer {
    height: 250px;
    font-size: 12px;
    color: #FFFFFF;
    background: transparent url(img/bg_footer.png) no-repeat top center;
}

#advertise1 {
	position: absolute;
	width: 350px;
	height: 150px;
	margin: 42px 0 0 0;	
}
#banner1, #banner1:hover {
    margin: 1px;
    background: transparent url(img/basis-chathouse-banner.gif) no-repeat top left;
    width: 340px;
    height: 140px;
}
#banner1, #banner2, #banner3 {
    border: 4px solid #0d0d0d;
}
#banner1:hover, #banner2:hover, #banner3:hover {
    border: 4px solid #323232;
}

#advertise2 {
	position: absolute;
	width: 350px;
	height: 150px;
	margin: 42px 0 0 365px;	
}	
#banner2, #banner2:hover {
    margin: 1px;
    background: transparent url(img/partyknack-banner.gif) no-repeat top left;
    width: 340px;
    height: 140px;
}

#advertise3 {
	position: absolute;
	width: 350px;
	height: 150px;
	margin: 42px 0 0 730px;	
}
#banner3, #banner3:hover {
    margin: 1px;
    background: transparent url(img/gut-gremmelin-banner.gif) no-repeat top left;
    width: 340px;
    height: 140px;
}

#copyright {
	text-align: center;
	padding-top: 225px; 
}