@charset "utf-8";

body {
	font-family:"Trebuchet MS",verdana,sans-serif;
	font-size:12px;
	color:rgb(76,76,76);
	background-color:rgb(230,230,230);
	
	background-image:url(simple/body/background.png);
	background-position:top center;
	background-repeat:repeat-y;
	
	margin:0;
	padding:0;
}


/* Header-Bereich (beinhaltet #title und #navigation) */

#header {
	height:314px; height:234px;
	background-color:rgb(67,67,67);
}


/* Gemeinsame Breite, horizontale Zentrierung */

#title, #navigation, #contents {
	width:1000px;
	margin:auto;
}


/* Titelbild-Bereich (mit Flash) */

#title {
	height:280px; height:200px;
	
	background-image:url(simple/title/header.jpg);
	background-repeat:no-repeat;
}


/* Navigationsbereich */

#navigation {
	height:34px;
	line-height:34px;
	font-size:110%;
	letter-spacing:.03em;
	font-variant:small-caps;
	color:rgb(255,255,255);
	background-color:rgb(25,25,25);
}
#navigation ul {
	padding:0;
	margin:0;
	list-style:none;
}
#navigation ul li {
	float:left;
	display:block;
	position:static;
	background-image:none;
}
/*
#navigation ul li.active {
	background-color:rgb(45,45,45);
}
*/
#navigation ul li:hover {
	color:rgb(255,255,255);
	background-color:rgb(255,66,0);
	background-image:url(simple/navigation/hover.png);
	background-repeat:repeat-x;
	background-position:top left;
}
#navigation ul.site li:hover {
	color:rgb(255,255,255);
}
#navigation a {
	color:rgb(255,255,255);
	display:block;
	padding:0 15px 0 15px;
	text-decoration:none;
}
#navigation ul.personal {
	float:left;
}
#navigation ul.site {
	margin-left:310px;	
}

/* Navigationsbereich: Pulldown-Elemente */

#navigation ul li ul {
	z-index:255;
	font-size:1em;
	display:none;
	position:absolute;
	background-image:url(simple/navigation/ul_background.png);
	/*
	background-color:rgb(67,67,67);
	background-repeat:repeat-x;
	*/
}
#navigation ul li:hover ul {
	display:block;
}
#navigation ul li ul li {
	float:none;
	line-height:1.4em;
}
#navigation ul li:hover ul li:hover {
	background-image:none;
	background-color:transparent;
}
#navigation ul li ul li a {
	width:180px;
	padding:4px 10px 4px 15px;
	color:rgb(255,255,255);
}
#navigation ul li ul li a:hover {
	background-color:rgb(0,0,0);
}
/*
#navigation ul.personal li ul li a:hover {
	background-color:rgb(100,100,100);
}
*/

/* Inhaltsbereich */

#contents {
	background-color:rgb(255,255,255);
}
#contents h1, #contents h2 {
	margin:0; /* margin muss 0 sein, sonst treten komische Fehler auf */
	padding-top:20px;
	color:rgb(25,25,25);
	font-size:1.7em;
	font-weight:100;
	font-variant:small-caps;
}
#contents h2 {
	font-size:1.4em;
}
#contents p {
	line-height:1.5em;
}
#contents a {
	color:rgb(204,51,0);
	font-variant:small-caps;
	letter-spacing:.1em;
	text-decoration:none;
}
#contents a:hover {
	text-decoration:underline;
}


/* Bereiche innerhalb von #contents */

#main {
	padding:15px 15px 15px 325px;
}

#main_fullWidth {
	padding:15px;
	background-color:white;
}

#sidebar {
	float:left;
	width:295px;
	padding:15px;
}

#sidebar h1 {
	color:rgb(159,58,25);
	color:rgb(120,120,120);
}

#sidebar p {
	color:rgb(153,153,153);
}







/* Folgende Styles eventuell auslagern */
/* =================================== */

img.thumbnail {
	background-color:white;
	padding:3px;
	border:1px solid rgb(200,200,200);
}


p.introduction {
	font-size:120%;
}


/* Login-Formular im Pulldown-Menü */
form.login {
	margin:10px;
}
form.login label {
	display:block;
	float:left;
	text-align:right;
	padding-right:.3em;
	width:5em;
}
form.login input {
	border-width:0 0 1px 0;
	border-color:rgb(200,200,200);
	border-style:solid;
	color:rgb(180,255,160);
	width:10em;
	background-color:transparent;
	font-weight:bold;
	margin-bottom:.4em;
}
form.login input[type="password"] {
	color:rgb(255,168,96);
}
form.login div {
	text-align:right;
}
form.login button {
	border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:none;
	color:rgb(255,255,255);
}




/* Definitionen für pca Live */
#pcaLiveContainer {
	width:100%;
	overflow:scroll;
}
#pcaLiveTable td {
	padding:5px 2px 5px 2px;
	border:1px solid rgb(255,255,255);
	vertical-align:top;
	text-align:center;
}
#pcaLiveTable td img {
	width:120px;
	height:90px;
	border:1px solid rgb(120,120,120);
	background-color:white;
	padding:5px;
	margin:0 10px 0 10px;
}
#pcaLiveNavigator {
	text-align:center;
}
#pcaLiveNavigator a {
	text-decoration:none;
	padding:0 7px 0 7px;
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
}




/* Optisch dargestellte Tabellen */
table.default {
	width:100%;
	border-collapse:collapse;
	border-width:1px 0 0 1px;
	border-color:rgb(180,180,180);
	border-style:solid;
}
table.default td, table.default th {
	text-align:left;
	font-weight:normal;
	
	padding:3px;
	
	border-width:0 1px 1px 0;
	border-color:rgb(180,180,180);
	border-style:solid;
}
table.default th {
	color:rgb(0,0,0);
	background-color:rgb(240,240,240);
}

table.default input {
	border:0;
	width:100%;
	padding:0;
	margin:0;	
}


/* Trainings-Tabellen */
#eventDivision {
	margin:20px 0 20px 0;
}
#eventDivision div.header, #eventDivision div.closed, #eventDivision div.departed, #eventDivision div.opened {
	padding:4px;
	border-width:0 0 1px 0;
	border-color:rgb(180,180,180);
	border-style:solid;
	color:rgb(100,100,100);
}
#eventDivision div.departed {
	color:rgb(200,200,200);
}
#eventDivision div.opened {
	color:rgb(76,76,76);
}
#eventDivision div.edited {
	
}
#eventDivision div.closed:hover {
	background-color:rgb(245,245,245);
}
#eventDivision div.header {
	color:rgb(0,0,0);
}
/*
#eventDivision div.date {
	float:left;
	width:35%;
}
#eventDivision div.description {
	float:left;
	width:40%;
}
#eventDivision div.level {
	float:left;
	width:15%;
}
#eventDivision div.action {
	text-align:right;
}
*/

#eventDivision table {
	width:100%;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
#eventDivision table td {
	margin:0;
	padding:0;
	vertical-align:top;
}
#eventDivision table td.date {
	width:35%;
}
#eventDivision table td.description {
	width:40%;
}
#eventDivision table td.level {
	width:15%;
}
#eventDivision table td.action {
	width:10%;
}

#eventDivision a.open, #eventDivision a.close {
	display:block;
	float:right;
	width:13px;
	height:13px;
	background-repeat:no-repeat;
}
#eventDivision a.open {
	background-image:url(simple/icon_open.png);
}
#eventDivision a.close {
	background-image:url(simple/icon_close.png);
}
#eventDivision a.open:hover, #eventDivision a.close:hover {
	background-color:rgb(210,210,210);
}


/* Blinde Tabellen */
table.blind {
	border-collapse:collapse;
}
table.blind th, table.blind td {
	text-align:left;
	vertical-align:top;
	padding:5px 10px 5px 0;
}
table.blind th {
	color:rgb(0,0,0);
	font-weight:normal;
}


/* Registrierungsformular */

form.user_register {
	margin:0;
	padding:0;
}
form.user_register fieldset {
	margin:20px 0 20px 0;
	padding:10px;
}
form.user_register label {
	width:120px;
}
form.user_register switch,
form.user_register input[type="text"],
form.user_register input[type="password"],
form.user_register textarea {
	width:240px;
	padding:2px;
	border:1px solid rgb(160,160,160);
}
form.user_register switch:focus,
form.user_register input[type="text"]:focus,
form.user_register input[type="password"]:focus,
form.user_register textarea:focus {
	border-color:rgb(60,60,60);
}
form.user_register .mandatory {
	background-color:rgb(255,255,180);
}
form.user_register .wrong {
	border-color:rgb(200,0,0);
	background-color:rgb(255,170,170);
}


/* Event-Formular */

form.event {
	margin:0;
	padding:0;
}
form.event input[type="text"],
form.event textarea {
	border:1px solid rgb(160,160,160);
}


/* Dialogfenster */
/*
div.dialogBox {
	display:none;
	position:absolute;
	width:450px;
	height:240px;
	padding:10px;
	background-color:rgb(250,250,250);
	border:1px solid rgb(0,0,0);
}
*/


/* neu */
div.dialogBox {
	position:absolute;
	top:340px;
	left:390px;
	width:398px;
	height:238px;
	margin:0;
	padding:31px;
	padding-top:40px;
	background-image:url(simple/dialog/background.png);
	background-repeat:no-repeat;
}
div.dialogBox h1 {
	font-size:140%;
	font-weight:normal;
	margin:0;
	padding:0 20px 0 20px !important;
	padding-top:0;
	font-variant:small-caps;
}
div.dialogBox h1 span {
	padding:0 10px 0 10px;
	background-color:white;
}
div.dialogBox div.contents {
	height:140px;
	overflow:hidden;
	padding:20px 30px 0 30px;
	color:rgb(80,80,80);
}
div.dialogBox div.buttons {
	width:100%;
	position:absolute;
	text-align:center;
	left:0px;
	top:220px;
}
div.dialogBox button {
	border:1px solid rgb(230,230,230);
	color:black;
	font-weight:bold;
	font-variant:small-caps;
	width:100px;
	line-height:180%;
	background-color:rgb(245,245,245);
	background-image:none;
}
div.dialogBox button:hover {
	border-color:rgb(200,200,200);
	color:black;
}

div.dialogBox.success h1 {
	background-color:rgb(120,200,20);
}
div.dialogBox.error h1 {
	background-color:rgb(200,80,20);
}
div.dialogBox.critical h1 {
	background-color:rgb(200,20,20);
}
div.dialogBox.info h1 {
	background-color:rgb(100,120,160);
}
div.dialogBox.scout h1 {
	background-color:rgb(30,90,150);
}

div.dialogBox textarea {
	width:100%;
	height:100px;
	/*overflow:hidden;*/
	border:1px solid rgb(160,160,160);
	font-family:"Trebuchet MS",verdana,sans-serif;
	font-size:12px;
}
div.dialogBox textarea:focus {
	border-color:rgb(60,60,60);
}