/*-------------------------------------------------
[Master Stylesheet]

Version:		1.0 (Release)
Last Change: 	09.10.2008
-------------------------------------------------*/


/*------------------------------------
[Table of Content]

* html
* body
	+ #container
	+ #banner
	+ #infobox
		- #infobox_logo
		- #global_nav
	+ #main
		- #nav
		- #content
	
------------------------------------*/


/*------------------------------------
[Color codes]

Globalnav:	#666666
Text:		#4d4d4d


Background:		#ffffff

Logo:			#4c4c4c
Stifte:			#fd1c00

a (standard):	#515151
a (visited):	#515151
a (hover):		#888888
a (active):		#cccccc
------------------------------------*/



html * {
	margin: 			0;
	padding: 			0;
	border-width: 		0;
}

body {
	font: 				13px Helvetica, Arial, sans-serif;
	color:				#cccccc;
}

#container {
	width:				960px;
	margin:				250px auto 0 auto;
}


a:link, a:visited {
	color:				#cccccc;
	text-decoration:	none;
}

a:hover {
	color:				#a36424;
}


/*------------------------------------
[NAVBAR]
------------------------------------*/
#navbar {
	width:				960px;
	height:				100px;
	background:			url(../design/overlay.png) repeat;
	position:			relative;
}

#navbar ul {
	width:				105px;
	padding:			20px 0 0 8px;
	float:				left;
	line-height:		1.3em;
	list-style:			none;
}

.nav a:link, .nav a:visited, #sub-nav a:link, #sub-nav a:visited {
	padding-left:		12px;
	color:				#ffffff;
	text-decoration:	none;
}

.nav a:hover, #sub-nav a:hover {
	padding-left:		12px;
	background:			url(../design/list_active.png) left no-repeat;
	color:				#a36424;
	text-decoration:	none;
}

#ad {
	width:				65px;
	height:				80px;
	float:				left;
	margin:				10px 0 0 0;
}

#logo {
	width:				200px;
	height:				80px;
	float:				right;
	margin:				10px 10px 0 0;
}

#teaser {
	width:				200px;
	height:				200px;
	background:			url(../design/teaser.png) left no-repeat;
	position:			absolute;
	right:				0px;
	top:				-186px;
}


/*------------------------------------
[SUBNAV]
------------------------------------*/
#sub-nav {
	width:				175px;
	float:				left;
	margin:				50px 0 0 20px;
}

#sub-nav ul {
	line-height:		1.3em;
	list-style:			none;
}

#sub-nav h2 {
	padding-bottom:		10px;
	font-size:			1.1em;
	color:				#a36424;
}

.sublevel {
	margin-left:		30px;
}

#info-box-container {
	width:				175px;
	margin:				50px 15px 0 0;
	float:				left;
}

.info-box {
	width:				150px;
	float:				left;
	margin-bottom:		20px;
	padding:			10px;
	background:			url(../design/overlay.png) repeat;
	line-height:		1.2em;
}
.info-box h4 {
	font-size:			1.2em;
	margin-bottom:		10px;
}

.info-box h5 {
	font-size:			1em;
}

.info-box li {
	margin-bottom:		20px;
	list-style:			none;
}

#info-box-container-left {
	width:				175px;
	margin:				0px 15px 0 0px;
	overflow: hidden; float: left;
}


/*------------------------------------
[MAIN]
------------------------------------*/
#main {
	width:				500px;
	float:				left;
	margin-top:			50px;
	padding:			40px 40px 40px 40px;
	background:			url(../design/overlay.png) repeat;
}

#main h3 {
	font-size:			3em;
	margin-bottom:		40px;
}

#main h4 {
	font-size:			2em;
	margin-bottom:		20px;
}

#main h5 {
	font-size:			1em;
	margin-bottom:		5px;
}

#main p {
	font-size:			1.1em;
	line-height:		1.3em;
	margin-bottom:		10px;
}

#main p strong {
	color:				#ffffff;
}

#content {
	width:				500px;
	float:				left;
	margin-top:			50px;
	padding:			40px 40px 40px 40px;
	background:			url(../design/overlay.png) repeat;
}

#content h3 {
	font-size:			3em;
	margin-bottom:		20px;
}

#content h4 {
	font-size:			1.6em;
	margin-top:			10px;
}

#content li { margin-left: 20px;}

.left-par { width: 150px; float: left;}
.right-par { width: 150px; float: left;}


/* Sola-Journal */
#sola-journal li { list-style: none; border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px; }
.journal-title { float: left; font-size: 1.2em; font-weight: bold; }
.journal-date { float: right; }
#sola-journal img { float: left; width: 200px; height: 150px; margin: 0 10px 0 0; }
#sola-journal p { line-height: 1.2em; }



/*------------------------------------
[SIDEBAR]
------------------------------------*/
.sidebar {
	width:				150px;
	float:				right;
	margin-top:			50px; margin-bottom: -30px;
	padding:			10px;
	background:			url(../design/overlay.png) repeat;
	line-height:		1.2em;
}

.sidebar h4 {
	font-size:			1.2em;
	margin-bottom:		10px;
}

.sidebar h5 {
	font-size:			1em;
}

.sidebar li {
	margin-bottom:		20px;
	list-style:			none;
}

.sidebar-highlight {
	background:			url(../design/highlight_overlay.png) repeat;
}

.sidebar-list li {
	margin-bottom:		0;
}


.sidebar-pic {
	width:				170px;
	float:				right;
	margin-top:			50px; margin-bottom: -30px;
}

/*------------------------------------
[News]
------------------------------------*/

#news li {
	width:				500px;
	margin-bottom:		20px;
	padding-bottom:		20px;
	list-style:			none;
	border-bottom:		1px solid #a36424;
}

#news h4 {
	float:				left;
	margin-bottom:		5px;
	font-size:			1.3em;
}

#news .news-date {
	float:				right;
}

#news p {
	clear:				both;
}



/*------------------------------------
[Programm]
------------------------------------*/

#programm li {
	width:				500px;
	margin-bottom:		10px;
	padding-bottom:		10px;
	list-style:			none;
	/*border-bottom:		1px solid #a36424;*/
}

#programm h4 {
	margin-bottom:		5px;
	font-size:			1.8em;
}

#programm span {
	display:			block;
}


/*------------------------------------
[Gruppen]
------------------------------------*/

#group li {
	width:				500px;
	height:				120px;
	margin:				0 40px 20px 0;
	list-style:			none;
	font-weight:		bold;
}

#group img {
	width:				200px;
	height:				112px;
	float:				left;
	margin-right:		20px;
	border:				5px solid #332000;
}

#group div {
	width:				250px;
	float:				left;
	bottom:				0;
}

#group .gruppen_name {
	width:				100%;
	float:				left;
	font-size:			2em;
	text-align:			left;
}

#group div label {
	display:			block;
	font-size:			0.9em;
	color:				#888888;
	text-align:			right;
}

#group div span {
	margin-bottom:		0px;
	display:			block;
	text-align:			right;
	font-size:			1em;
}


/*#group a:hover img {
	border: 			5px solid #a36424;
}*/


/*------------------------------------
[Leiter]
------------------------------------*/

#leiter li {
	width:				500px;
	height:				200px;
	margin-bottom:		20px;
	list-style:			none;
	font-weight:		bold;
}

#leiter img {
	width:				150px;
	height:				188px;
	float:				left;
	margin:				0 20px 0 0;
	border:				5px solid #332000;
}


#leiter div {
	width:				300px;
	float:				left;
}

#leiter .leiter_name {
	float:				left;
	font-size:			2em;
	text-align:			left;
}

#leiter h4 {
	float:				left;
	font-size:			2em;
	text-align:			left;
}

#leiter div label {
	display:			block;
	font-size:			0.9em;
	color:				#888888;
	text-align:			right;
}

#leiter div span {
	margin-bottom:		5px;
	display:			block;
	text-align:			right;
	font-size:			1em;
}



/*------------------------------------
[Gruppenstunden]
------------------------------------*/

#gruppenstunden li {
	width:				500px;
	margin-bottom:		15px;
	padding-bottom:		10px;
	list-style:			none;
}

#gruppenstunden h4 {
	width:				280px;
	float:				left;
	font-size:			1.8em;
	margin-bottom:		0;
}

.gruppenstunden-treffpunkt {
	width:				150px;
	float:				left;
}

.gruppenstunden-zeit {
	width:				70px;
	float:				left;
}

#gruppenstunden span {
	display:			block;
	margin-top:			2px;
}

.gruppenstunden-bemerkungen {
	padding-left:		20px;	
}



/*------------------------------------
[Gästebuch]
------------------------------------*/

#gaestebuch li {
	width:				500px;
	margin-bottom:		20px;
	padding-bottom:		20px;
	list-style:			none;
	border-bottom:		1px solid #a36424;
}

#gaestebuch h4 {
	float:				left;
	margin-bottom:		5px;
	font-size:			1.3em;
	display:			block;
}

#gaestebuch .gb_date {
	float:				right;
}

#gaestebuch label {
	float:				left;
	width:				100px;
	padding-left:		10px;
}

#gaestebuch span {
	float:				left;
	width:				350px;
}

#gaestebuch p {
	clear:				both;
	padding-top:		10px;
}
.wrapper {
	clear: both;
}

.gaestebuch label {
	float:				left;
	width:				100px;
	line-height:30px;
}

.gaestebuch input, .gaestebuch textarea {
	float:				left;
	margin-bottom:		20px;
	padding:			5px;
	background-color:	#332000;
	border:				1px solid #ffffff;
	font: 				1.2em Helvetica, Arial, sans-serif;
	color:				#a36424;
	font-weight: 		bold;
}

.gaestebuch input {
	width:				300px;
	height:				20px;
	margin-right:		50px;
}

.gaestebuch textarea {
	width:				300px;
	height:				150px;
	margin-right:		50px;
}


/*------------------------------------
[Kontakt]
------------------------------------*/
.kontakt li {
	width:				250px;
	float:				left;
	margin-bottom:		50px;
	list-style:			none;
	font-size:			1em;
	font-weight:		bold;
}


/*------------------------------------
[Leiterinfos]
------------------------------------*/
.leiterinfos label {
	float:				left;
	width:				100px;
	line-height:		30px;
}

.leiterinfos input, .leiterinfos textarea, .leiterinfos select {
	width:				350px;
	float:				left;
	margin-bottom:		10px;
	padding:			5px;
	background-color:	#332000;
	border:				1px solid #ffffff;
	font: 				1.2em Helvetica, Arial, sans-serif;
	color:				#a36424;
	font-weight: 		bold;
}

.leiterinfos select {
	width:				350px;	
}

/* Adressdatenbank - Suche */
#adressdatenbank-suche li {
	margin-bottom:		20px;
	list-style:			none;
	clear:				both;
	border-bottom:		1px solid #a36424;
}

.suche-kinder li {
	width:				100%;
}

.mit-eltern { height: 135px; }
.ohne-eltern { height: 80px; }

.suche-leiter li {
	height:				120px;
}

#adressdatenbank-suche span {
	font-weight:		bold;
	display:			block;
}

#adressdatenbank-suche .box-left {
	float:				left;
	width:				230px;
}

#adressdatenbank-suche .box-right {
	float:				right;
}

/* Export-Liste */
.export-liste {
	margin-top:			-20px;
	margin-bottom:		20px;
}

.export-liste li {
	list-style:			none;
}

/* Teilnehmerlisten */
.teilnehmerlisten-verein {
	font-size:			1.4em;
	font-weight:		bold;
	display:			block;
}
.teilnehmerlisten-gruppe {
	font-size:			1.2em;
	font-weight:		bold;
	display:			block;
	margin-top:			10px;
}

.teilnehmerlisten-box-left {
	float:				left;
	width:				230px;
	margin-bottom:		20px;
}

.teilnehmerlisten-box-left li {
	list-style:			none;
	padding-left:		20px;
}

.teilnehmerlisten-box-right {
	float:				right;
	width:				220px;
	margin-bottom:		20px;
}

.teilnehmerlisten-box-right li {
	list-style:			none;
	padding-left:		20px;
}


/*------------------------------------
[Formular]
------------------------------------*/
em { font: 1.5em Helvetica, Arial, sans-serif; color: #a36424; }

/***** NORMAL *****/
.form label { float: left; width: 100px; line-height: 30px; }

.form input, .form textarea, .form select {
	width:				350px;
	float:				left;
	margin-bottom:		10px;
	padding:			5px;
	background-color:	#332000;
	border:				1px solid #ffffff;
	font: 				1.2em Helvetica, Arial, sans-serif;
	color:				#a36424;
	font-weight: 		bold;
}

.form select { width: 360px; }



/***** SCHMAL *****/
.form-center label { float:	left; width: 200px; line-height: 30px; }

.form-center input, .form-center textarea, .form-center select {
	width:				250px;
	float:				left;
	margin-bottom:		10px;
	padding:			5px;
	background-color:	#332000;
	border:				1px solid #ffffff;
	font: 				1.2em Helvetica, Arial, sans-serif;
	color:				#a36424;
	font-weight: 		bold;
}

.form-center select { width: 260px; }


/*------------------------------------
[IMG-BOX]
------------------------------------*/

#img-box {
	/*width:				420px;*/
}

#img-box img {
	margin-bottom:		30px;
	border:				5px solid #332000;
}

#img-box .img-quer {
	width:				490px;
	height:				275px;
}

#img-box .img-hoch-links {
	width:				225px;
	height:				300px;
	margin-right:		30px;
	float:				left;
}

#img-box .img-hoch {
	width:				225px;
	height:				300px;
	float:				left;
}



/*------------------------------------
[CLASSES]
------------------------------------*/
.nav-active {
	background:			url(../design/list_active.png) left no-repeat;
	color:				#a36424;
}

.active, .error, .highlight {
	color:				#a36424;
}

.source {
	font-style:			italic;
}

.list li {
	margin-bottom:		10px;
	margin-left:		20px;
}

.geruechte {
	width:				500px;
	height:				400px;
	margin-bottom:		20px;
	padding:			10px 0 10px 10px;
	color:				#cccccc;
	font: 				13px Helvetica, Arial, sans-serif;
	background:			url(../design/overlay.png) repeat;
}


.two-cols-box {
	width:				250px;
	float:				left;
}


.item-list { margin-bottom: 10px; margin-left: 30px; }
.item-list li { list-style: disc; }


.item-list-two-cols {
	width:				230px;
	float:				left;
	margin-right:		20px;
}

.item-list-two-cols li {
	width:				200px;
	margin:				0 0 0 20px;
}



button, .buttons {
	float:				left;
	margin:				0 10px 0 0;
	padding:			10px 10px 10px 40px;
    border:				1px solid #cccccc;
    font-size:			1.2em;
    /*line-height:		3.3em;*/
    font-weight:		bold;
    color:				#cccccc;
    cursor:				pointer;
}

.buttons {
    padding:			14px 10px 11px 40px;
}


button:hover, .buttons:hover {
	background-color:	#3c2413;
    border:				1px solid #ffffff;
    color:				#ffffff;
}


.button-ok {
	background:			#332000 url(../design/buttons/button_ok.png) 10px no-repeat;
}

.button-edit {
	background:			#332000 url(../design/buttons/button_edit.png) 10px no-repeat;
}

.button-delete {
	background:			#332000 url(../design/buttons/button_delete.png) 10px no-repeat;
}

.button-prev {
	background:			#332000 url(../design/buttons/button_prev.png) 10px no-repeat;
}

.button-next {
	background:			#332000 url(../design/buttons/button_next.png) 10px no-repeat;
}

.button-search {
	background:			#332000 url(../design/buttons/button_search.png) 10px no-repeat;
}

.button-add {
	background:			#332000 url(../design/buttons/button_add.png) 10px no-repeat;
}

.subpages {
	float: left;
	margin-right:		5px;
	line-height:		40px; font-size: 1.1em;
}

.subpages li {
	float:				left;
	list-style:			none;
	margin-right:		5px;
}

.subpages span {
	color:				#a36424;
	font-weight:		bold;
}








.form-normal label {
	float:				left;
	width:				100px;
	line-height:		30px;
}

.form-normal input, .form-normal textarea, .form-normal select {
	width:				380px;
	float:				left;
	margin-bottom:		10px;
	padding:			5px;
	background-color:	#332000;
	border:				1px solid #ffffff;
	font: 				1.2em Helvetica, Arial, sans-serif;
	color:				#a36424;
	font-weight: 		bold;
}

.form-normal .dp-input-normal {
	width: 				350px; display:block;
}

.form-normal select {
	width:				390px;	
}