/**
 * JuraForum.de - CSS (allgemein)
 *
 */

body {
	margin: 0px;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	background-color: #fff;
	background: #fff url(../grafiken/layout/hintergrund.png) repeat-y top left
}

img {
	border: none;
}

a {
	color: #335BA3;
	text-decoration: none;
}

a:hover {
	color: #3366CC;
	text-decoration: underline;
}

.kopfzeile a:visited,
.fussbereich a:visited {
    	color: #335BA3;
}

hr {
	border: 0px;
	border-top: solid 1px #c9c7c7;
	border-bottom: solid 1px #FFFFFF;
	margin: 5px 0px 5px 0px;
}

.unsichtbar {
	display: none;
}

.umbruch {
	clear: both;
}


/**
 * Seitenstruktur (Kopf, Mitte, Fuss)
 */


.kopf {
	background-color: #fff;
	width: 980px;
	margin: 0px;
	padding: 20px 20px 0 20px;
}

.mitte {
	background-color: #fff;
	width: 980px;
	margin: 0px;
	padding: 0px 20px 0 20px;
}

.fuss {
	background-color: #fff;
	width: 980px;
	margin: 0px;
	padding: 0px 20px 20px 20px;
}


.layout-2 {
	background: #fff url(../grafiken/layout/grau.gif) repeat-y 700px 20px !important;
}


.abstand {
	background-color: #fff;
	width: 980px;
	margin: 0px;
	padding: 5px;
}


.kopfzeile {
	border-top: 1px solid #c9c7c7;
	font-size: 0.85em; color: #666;
	padding-top: 5px;
	margin-top: 5px;
	width: 100%;
	height: 30px;
	position: relative;
	top: -75px;
}

.kopfzeile #datum {
	float: left; width: 260px; padding-top: 3px;
}

.kopfzeile #links {
	float: left; padding-top: 3px;
}

.kopfzeile #willkommen {
	float: right;
    padding-top: 3px;
}

.kopfzeile #login {
	float: right;
}

.kopfzeile #login-benutzername,
.kopfzeile #login-passwort {
	width: 75px;
    height: 13px;
    font-size: 0.85em;
	padding: 3px;
	color: #333;
	border-collapse: collapse;
	border: 1px solid #c9c7c7;
	font-family: Verdana, sans-serif;
}

.kopfzeile #login-passwort {
	width: 60px;
}

.kopfzeile #login-button {
	background: #fff url(/grafiken/layout/kopf/button-Login.gif);
    vertical-align: bottom;
    height: 21px;
	width: 45px;
	padding: 0;
    margin: 0;
	border: none;
	font-size: 0px;
	cursor: pointer;
}

*+html .kopfzeile #login-button {
    vertical-align: baseline;
}


.kopfbereich {
	height: 70px;
	position: relative;
	top: 33px;
	width: 100%;
}

* html .kopfbereich {
    top: 38px;
}

*+html .kopfbereich {
    top: 35px;
}

.kopfbereich #logo {
	width: 260px; height: 70px; float: left;
}

.kopfbereich #grafik {
	width: 720px;
	height: 70px;
	float: left;
	background: url(/grafiken/layout/kopf/hintergrund_forum.gif) no-repeat top left;
}

.kopfbereich #grafik-wiki {
	width: 720px;
	height: 70px;
	float: left;
	background: url(/grafiken/layout/kopf/hintergrund_wiki.gif) no-repeat top left;
}

.kopfbereich #suche {
	text-align: right;
	margin-top: 22px;
	margin-right: 20px;
}

.kopfbereich #suche-begriff,
.kopfbereich #suche-bereich {
	font-family: Verdana, sans-serif;
	padding: 3px;
	margin: 0px 8px 0 0;
	color: #333;
	border-collapse: collapse;
	border: 1px solid #c9c7c7;
}

.kopfbereich #suche-begriff {
	padding: 4px;
}

.kopfbereich #suche-button {
	background: #fff url(/grafiken/layout/kopf/button-Suchen.gif);
	vertical-align: bottom;
	height: 26px;
	width: 63px;
	padding: 0;
	border: none;
	font-size: 0px;
	cursor: pointer;
}


#mitte {

}

.bereich-forum #spalte-inhalt,
.bereich-allgemein #spalte-inhalt {
	padding: 20px 0;
    width: 100%;
}

.layout-2 #spalte-inhalt {
	padding: 20px 0;
	width: 660px;
	float: left;
}

.layout-2 #spalte-rechts {
	padding: 20px 0;
	width: 300px;
	float: right;
}



.fussbereich {
	text-align: center;
	font-size: 0.8em;
	color: #666;
	border-top: 1px solid #c9c7c7;
}



/**
 * Navigation
 */

.navigation {
	width: 100%;
	height: 57px;
}

.navigation-level-1 {
	text-transform: uppercase;
	border-right: 1px solid #c9c7c7;
	height: 29px;
	background: #fff url(/grafiken/layout/navigation/hintergrund_grau.gif) repeat-x top left;
	font-size: 0.85em;
}

.navigation-level-1 ul,
.navigation-level-2 ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navigation-level-1 ul li,
.navigation-level-2 ol li {
	float: left;
}

.navigation-level-1 ul li a {
    padding: 8px 15px;
	color: #333;
	border-right: 1px solid #c9c7c7;
    height: 13px;
    display: block;
    text-align: center;
}

.navigation-level-1 ul li a.aktiv {
	color: #fff;
	background: #284774 url(/grafiken/layout/navigation/hintergrund_dunkelblau.gif) repeat-x bottom left;
    border-right: none;
}

.navigation-level-2 {
	color: #284774;
	background: #e9eff6 url(/grafiken/layout/navigation/hintergrund_blau.gif) repeat-x bottom left;
	border: 1px solid #b4c5de;
	border-top: none;
	font-size: 0.85em;
	padding: 7px 7px 7px 0;
}

.navigation-level-2 a {
	padding: 0 10px;
	border-right: 1px solid #b4c5de;
	color: #284774;
}

.navigation-level-2 .wiki a {
	padding: 0 10px;
}


.navigation-level-2 a.aktiv {
	font-weight: bold;
}


/**
 * Abstände
 */

.abstand5 {
	padding: 5px;
}

.abstand10 {
	padding: 10px;
}


.w50 {
    width: 50px;
}

.w75 {
    width: 75px;
}

.w100 {
    width: 100px;
}



/**
 * Forum
 */


.navigation-level-2 .vbmenu_popup {
    font-size: 1em;
    padding: 0;
}

.navigation-level-2 .vbmenu_popup a {
    padding: 0;
    border: none;
}

fieldset {
	border-collapse: collapse;
	border: 1px solid #c9c7c7;
}

fieldset legend {
	color: #666666;
}

.vBulletin_editor {
	border-collapse: collapse !important;
	border: 1px solid #c9c7c7 !important;
}


/**
 * Startseite, allgemein
 */

#inhalt .tcat {
	border: 1px solid #c9c7c7;
	text-transform: uppercase;
	padding: 5px;
	background: #fff url(/grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}

#inhalt tr.rahmen td {
	border: 1px solid #c9c7c7;
	padding: 5px;
	background: #fff url(/grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}

#inhalt .thead {
	border: 1px solid #c9c7c7;
	text-transform: uppercase;
	padding: 5px;
	background: #fff url(/grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}


#inhalt tr.rahmen {
	padding: 5px;
	background: #fff url(/grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}

#inhalt tr.rahmen > td:first-child {
   border: 1px solid #c9c7c7;
}

#inhalt tr.rahmen > td {
   border: 1px solid #c9c7c7;
   border-left: none;
}


#inhalt tr.rahmen .titel {
    font-weight: bold;
    text-transform: uppercase;
}


.vbmenu_popup .thead {
    background: #284774 url(/grafiken/layout/navigation/hintergrund_dunkelblau.gif) repeat-x bottom left !important;
    border: none !important;
    text-transform: none !important;
}

.bereich-wiki h1.titel,
.bereich-forum h1.titel,
.bereich-wiki h2.titel,
.bereich-forum h2.titel {
    font-size: 1.25em;
    font-weight: bold;
    border-bottom: 1px solid #c9c7c7;
    padding-bottom: 3px;
    margin-top: 20px;
    margin-bottom: 3px;
}

.bereich-wiki p.titel,
.bereich-forum p.titel {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 11px;
    width: 95%;
}


.bereich-wiki .hinweisbox,
.bereich-forum .hinweisbox {

    border-left: 5px solid red;
    padding: 5px 15px 5px 15px;
    margin: 5px 0px 15px 0px;

}


#sprechblase-registrierung {

	float: right;
	width: 220px;
    height: 20px;
    background: url(/grafiken/forum/sprechblasen-registrierung.gif) no-repeat top right;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
	padding: 70px 5px 0 0;
    display: block;
    color: #335BA3 !important;

}

#sprechblase-wiki {

	float: right;
	width: 220px;
    height: 20px;
    background: url(/grafiken/wiki/sprechblasen-wiki.gif) no-repeat top right;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
	padding: 90px 5px 0 0;
    display: block;
    color: #335BA3 !important;

}


/**
 * Wiki
 */

.autolink_content {
    background-color: #e9eff6;
    border: 1px solid #b4c5de;
}

.vw-content {
	padding: 0px !important;
}



/**
 * Layout
 */

ul.matrix {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #c9c7c7;
	height: 15px;
    padding: 5px 0;
}

ul.matrix.letztes-element {
	border-bottom: none !important;
    padding: 5px 0 !important;
}

ul.matrix li {
	float: left;
	text-align: center;
	border-right: 1px solid #c9c7c7;
    width: 25px;
}

ul.matrix li.letztes-element {
    width: 25px;
    padding: 0;
}

ul.matrix.variabel li {
    padding: 0 8px !important;
    width: auto !important;
    white-space: nowrap;
}

ul.matrix.variabel li h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: small !important;
}

#inhalt .rahmen {
	border: 1px solid #c9c7c7;
	background-color: #fff;
	background: #fff url(../grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}

#inhalt .direkt-oben {
	margin-top: 0;
}

#inhalt .direkt-unten {
	margin-bottom: 0;
}


#inhalt div.rahmen.direkt-oben {
	border-top: none;
}

#inhalt div.rahmen.direkt-unten {
	border-bottom: none;
}

#inhalt rahmen.direkt-unten+.rahmen.direkt-oben {
	border-top: none;
}

#inhalt h3.rahmen {
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 5px;
	background: #fff url(../grafiken/layout/elemente/hintergrund_grau.gif) repeat-x bottom left;
}

#inhalt h3.rahmen.direkt {
	margin-bottom: 0;
}


/**
 * Box: JuraExamen
 */

.box-juraexamen .intro {
	display: block;
	width: 298px;
	height: 60px;
	background: url(../grafiken/juraexamen/intro/intro-klein.jpg);
	text-decoration: none;
}

.box-juraexamen .links a {
	float: left;
	padding: 8px;
	list-style-type: none;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #2A466F url(../grafiken/juraexamen/intro/hintergrund-blau-klein.jpg) repeat-x bottom left;
	border-top: 1px solid #c9c7c7;
}

.box-juraexamen .links a:hover {
	text-decoration: none;
	background: #FED480 url(../grafiken/juraexamen/intro/hintergrund-gelb-klein.jpg) repeat-x bottom left;
}

.box-juraexamen .links a.a {
	width: 153px;
}

.box-juraexamen .links a.b {
	width: 112px;
	border-left: 1px solid #c9c7c7;
}
