/*
-----------------------------------------------
Seitensprung-Ratgeber Stylesheet
Design:     Dimension-Z.de
Version:    19.06.2006
----------------------------------------------- */

body
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: black;
	background-color: white;
	margin: 0;
	padding: 0;
	text-align: center;
}

hr
{
	color: black;
	width: 90%;
	border-color: black;
	border-width: 2px 2px 0 2px;
	border-style: solid;
}

a, a:link, a:visited { color: #E12F34; }
a:active, a:hover { color: red; }

h1, h2, h3 { margin: 10px 10px 5px 10px; }

h1 { font-size: 20px; }
h2
{
	font-size: 18px;
	line-height: 21px;
}
h3 { font-size: 16px; }
h4 { font-size: 14px; }

xyz { font-size: 12px; }

p { margin: 10px; }




/* Seitenstruktur
----------------------------------------------- */

#wrapper
{
	width: 780px;
	margin: 0 auto 10px auto;
	text-align: left;
}


#header
{
	width: 780px;
	height: 256px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 167px 0px;
}


#forumheader
{
	width: 780px;
	height: 216px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 167px 0px;
}

#adsense
{
	width: 780px;
	position:relative;
	height: 100px;
	padding-left: 30px;
	top:10px;
}


#header h1
{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
    width: 167px;
    height: 161px;
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

#forumheader h1
{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
    width: 167px;
    height: 161px;
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}


#main
{
    width: 780px;
	background-color: white;    
}

/* Version 1*/

#sidebar
{
	width: 288px;
	float: left;
    line-height: 150%;
}

#content {
    width: 492px;
    float: right;
}

/* Version 2 */


#content-left {
    width: 530px;
    float: left;
    padding: 10px;
}

#content-right {
    width: 200px;
    float: right;
    padding: 10px;
    font-size: 90%;
}

#content .block h2 { margin-top: -15px; }
#content .block h3 { margin-top: -15px; }

#footer
{
    margin-top: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 160%;
	border-color: black;
	border-width: 8px 0 0 0;
	border-style: solid;
}



/* Navigation
----------------------------------------------- */

.nav { height: 45px; }



.nav1
{
    position: relative;
    top: 117px;
    right: 10px;
    width: 374px;
    height: 44px;
    float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav1 li
{
	float: left;
	margin: 0 0 0 5px;
	padding: 5px 10px 5px 10px;
	height: 34px;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	color: white;
	border-color: black;
	border-width: 0 1px 0 1px;
	border-style: solid solid none solid;
	background-color: black;
	background-image: url(../images/tab_bg.gif);
}

.nav1 li.active {
    border: 0;
    background-image: url(../images/tab_active_bg.gif);
}

.nav1 li a, .nav1 li a:link, .nav1 li a:visited, .nav1 li a:active { color: white; }
.nav1 li a:hover { color: red; }
.nav1 li.active a:hover, .nav1 li.active a:visited { color: white; }


.nav2
{
    width: 150px;
    float: left;
    margin: 0;
    padding-left: 10px;
}

.nav2 li
{
	list-style-image: url(../images/list.gif);
}

.nav1 li a, .nav2 li a, .nav2 li a:visited
{
    color: white;
    text-decoration: none;

}


#desc
{
    float: right;
    width: 400px;
    font-size: 11px;
    line-height: 14px;
}

#desc span
{
	border-color: #E7595D #93292C #93292C #E7595D;
	border-width: 1px;
	border-style: solid;
	background-color: #DC262A;
	display: block;
	padding: 5px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#infoblock
{
	position: relative;
	top: 0px;
	width: 780px;
	height: 70px;
	color: white;
	background-color: #E12F34;
	background-image: url(../images/infoblock_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px 10px 10px 30px;
}

#foruminfoblock
{
	height: 40px;
	color: white;
	background-color: #E12F34;
	background-image: url(../images/infoblock_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px 10px 10px 30px;
}

/* Formular
----------------------------------------------- */

form {
    margin: 0;
    padding: 0;
}

label {
	width: 100px;
	float: left;
}

fieldset
{
    padding: 5px;
    margin: 0;
	border-color: #7A6948;
	border-width: 1px 0 1px 0;
	border-style: solid;
}

legend { font-weight: bold; }


input {
	margin-bottom: 10px;
	clear: right;
}

input.inactive { color: #999; }


.field {
	display: block;
	content: ".";
	clear: both;
}


form.login { margin-top: -5px; }


form.login fieldset {
    border: 0;
    padding: 0;
    width: 370px;
    height: 35px;
}

form.login fieldset div {
    width: 150px;
    float: left;
}

form.login fieldset div input {
	margin-bottom: 0;
	clear: right;
}

form.login fieldset div.actions
{
	width: 50px;
	padding-top: 15px;
	float: left;
	text-align: left;
	vertical-align: middle;
}




/* Diverses
----------------------------------------------- */


#content .block
{
    background-color: #F5D391;
    padding: 10px;
}

#sidebar .block
{
	background-image: url(../images/sidebar.gif);
	background-repeat: repeat-y;
}

#intro
{
	background-image: url(../images/intro.jpg);
	background-repeat: no-repeat;
	width: 492px;
	height: 342px;
}

#topview
{
	background-image: url(../images/pict4.jpg);
	background-repeat: no-repeat;
	width: 492px;
	height: 102px;
	
}

.column1
{
    float: left;
    width: 220px;
}

.column2
{
    float: right;
    width: 220px;
}


.date, .disclaimer {
    font-size: 9px;
    color: gray;

}

p.image .desc {
    display: block;
    font-size: 9px;
    color: gray;
    margin: 10px;

}



/* Bugfix
----------------------------------------------- */

.clear
{
	clear: both;
	height: 1px;
}

.wrapper:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapper { display: block; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }