/* CSS Document */
body{background:url(../images/layout/main-bg.jpg) 0 0 repeat-x #9b9b9b; color:#1A1917; padding:0; font:56% Verdana;}
div, p, h1, h2, h3{padding:0px; margin:0px;}

/*--BODY PANEL--*/
#bodyPan{width:880px; color:#333333; position:relative; margin:0 auto; padding:0; margin-top: 10px;}
#bodyPanLeft{background-color: #A9A9A9; width:585px; padding: 10px 10px 40px 10px; min-height: 550px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 10px;}
#bodyPanRight{width:275px; height: 100%; margin: 0px 0px 40px 605px; position: absolute; top: 0px;}
#bodyPan h1{
	font-size: 20px;
    color:#1F1B1A;
    display: block;
    border-bottom: 1px solid #1F1B1A;
    min-height: 28px;
    padding: 0;
    margin-bottom: 10px; 
	}

#end{width:880px; height: 40px; position:absolute; margin:0 auto; padding:0; display: block;}

#bodyPan p{padding:0 0 0 0; font-size: 1.2em;}
#bodyPan p img {max-width: 585px;}
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
#bodyPan p.more{width:89px; height:39px;}
#bodyPan p.more a{display:block; width:89px; height:39px; background:url(../images/layout/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(../images/layout/more2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(../images/layout/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(../images/layout/more1.jpg) 0 0 no-repeat;}

#bodybottomPan{width:464px; height:42px; background:url(../images/layout/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }

#bodyPan ul{ margin: 0;}
#bodyPan ul li a{color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}

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

a:hover {
    text-decoration:underline;
}

strong {
    font-weight:bold;
}

blockquote{
    margin: 0 0 15px 0;
}

.wrapper {
 
 font-size: 1.2em;
 width: 880px;
 margin: auto;
 text-align:left
}

h1 {
 font-size: 4.0em;
}

h3{
 font-size: 1.4em;
 color: #000;
 margin: 0 0 5px 0;
}

.errors {
	font-size: 1.4em;
	color: red;
	padding-bottom: 10px;
}








#pageactions { bottom:0px;
position:absolute;
right:275px;}

#footer { bottom:0px;
position:absolute;}

.smallmenu { width: 200px; height: 40px; display: block; padding: 0px 0px 0 680px; margin-top: 35px;

}

.popup {
position: relative;
float: left;
padding: 10px;
}
 
div.popup em {
background: url(../images/bubble.png) no-repeat;
width: 100px;
height: 34px;
position: absolute;
top: -40px;
left: -30px;
text-align: center;
z-index: 2;
display: none;
padding-top: 5px;
color: #1F1B1A;
}

.popup a, .popup a:visited { color: #948882; }


div.popupautoplay em {
background-color: #FFFFFF;
width: 50px;
height: 16px;
position: absolute;
right: 0px;
text-align: center;
z-index: 2;
display: none;
color: #000;
}

em1 {
background: url(../images/bubble_le.png) no-repeat;
width: 102px;
height: 34px;
position: absolute;
top: -50px;
left: 0px;
text-align: center;
z-index: 2;
display: none;
padding-top: 5px;
}

em2 {
background: url(../images/bubble_rs.png) no-repeat;
width: 102px;
height: 34px;
position: absolute;
top: -50px;
left: 0px;
text-align: center;
z-index: 2;
display: none;
padding-top: 5px;
}

em3 {
background: url(../images/bubble_dj.png) no-repeat;
width: 102px;
height: 34px;
position: absolute;
top: -50px;
left: 0px;
text-align: center;
z-index: 2;
display: none;
padding-top: 5px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* MaxiGallery Styles */
ul.thumbs li { list-style:  none; float:  left; display: block; list-style-image: 	none !important; margin: 4px 4px 0 4px !important; }
ul.thumbs { list-style: none; margin: 6px; clear: both; display: inline-block;}
ul.thumbs li.gallerythumb {    background: none repeat scroll 0 0 #747474;
    height: 170px;
    width: 187px;}
ul.thumbs li .gallerytitle { padding: 5px;}
ul.thumbs li img { border: none; margin: 0 !important; }
ul.thumbs li a { background: none !important; text-decoration: none; border: 0; }
ul.thumbs li p { overflow: hidden; }
.thumbs .clearboth { clear:  both; }
.childscontainer { margin-bottom: 0px; }
.thumbscontainer { margin-bottom: 0px;}
.pagenumbers { margin-bottom: 20px;}
.picturecontainer { text-align: center;}
.picturecontainer .title { font-weight: bold; margin-top: 	20px;}
.picturecontainer .picture img { border: none; margin: 0 !important;}
.picturecontainer .picture a { background: none !important; text-decoration: none; border: 0;}
.managecontainer { float:  left;}
.managecontainer textarea { width: 395px; }
.managecontainer hr { width: 400px; text-align: left; margin: 20px auto 20px 0; }
.pictureform .managepicture { float: left; clear: left; }
.pictureform .shortfields { margin-left: 20px; float: left; }
.pictureform .clearboth { clear: both; }
.uploadcounter { width: 20px; margin-bottom: 10px; float: left; clear: left; }
.uploadfile { margin-bottom: 10px; float: none; }
.uploadfile input { width: 385px; }
.uploadform { margin-top: 20px; margin-bottom: -10px; clear: both; }
.uploadform .clearboth { clear: both; }
.slideshowwrapper { text-align: center; }
.deleteform { float: left; }
.synchform { float: left; }
/* Ende MaxiGallery Styles */

/* Jot (G�¤stebuch) Styles */
.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #FFFFFF;margin-bottom: 10px;background-color: #292320;}
.jot-row-alt {background-color: #292320;}
.jot-row-author {background-color: #715f58;}
.jot-row-me {background-color: #292320;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #FFFFFF;}
.jot-info {float: right;width: 400px;text-align: right; font-size: 10px; height: 17px; color:#FFFFFF;}
.jot-info img {margin: 0px 0px 0px 0px;}
.jot-comment a {color: #FFFFFF;}
.jot-subject {font-weight: bold; font-size: 12px; color:#FFFFFF;}
.jot-message {padding: 2px;overflow: auto; color:#FFFFFF;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-extra {text-align: right; font-size: 10px;}
.jot-extra img {margin: 0px 0px 0px 0px;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}
/* Ende Jot (G�¤stebuch) Styles */

fieldset { border: 0px; }






div.addInfo 			{background:#f1f1f1; color:#666; height:22px}
div.addInfoBottom 	{background:#c9c9c9; color:#000000; height:16px; font-size: 0.8em;}
div.addInfo ul.fLeft	{float:left; padding:3px 0 0 0}
div.addInfo ul.fLeft li	{float:left; margin:0 0 0 16px; display:inline}
div.addInfo ul.fLeft img{padding-right:4px}
div.addInfoBottom p	{font-size: 0.8em; float:left; margin: 2px 0 0 5px; }
div.addInfoBottom div.paging ul,
div.addInfoBottom div.paging p{padding:4px 0 0 0}


/* Footer */
.Footer {
    background-color: #333333;
    clear: both;
    color: #FFFFFF;
    height: 17px;
    margin: 20px auto 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.FooterInner {
    color: #FFFFFF;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    margin: 0 auto;
    padding: 0 5px 0 5px;
    text-align: left;
    width: 880px;
}

.FooterLeft {
    color: #FFFFFF;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    margin: 0 auto;
    text-align: left;
    width: 440px;
    position: absolute;
}

.FooterRight {
    color: #FFFFFF;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    margin: 0 auto;
    text-align: right;
    width: 440px;
    margin-left: 440px;
    position: absolute;
}
/* Footer Ende */

#team { background-color: #333333; color: white; display: block; height: 85px; margin-bottom: 5px; }
#team img { padding: 5px; float: left; }
#teamname { padding: 5px 0 0 90px; float: left; position: absolute; font-weight: bold; font-size: 12px; }
#teamfunktion { padding: 25px 0 0 90px; float: left; position: absolute; font-size: 10px; }
#teammobiletitle { padding: 25px 0 0 330px; float: left; position: absolute; font-size: 10px; }
#teammobilenr { padding: 25px 0 0 400px; float: left; position: absolute; font-size: 10px;}
#teammaillink { padding: 39px 0 0 400px; float: left; position: absolute; font-size: 10px; }







.menu{
	border:none;
	border:0px;
	margin:0 auto;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	z-index: 999;
	position: relative;
	width: 880px;
	margin-top: -30px;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding: 0 10px 0 10px;
	margin-bottom: 7px;
	margin-top: 3px;
	}
	
#menuul1 { background:#45acdd; }
#menuul2 { background:#ff9d50; }
#menuul3 { background:#c645dd; }
#menuul4 { background:#f5fc4f; }	

	
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a {
		background: url("../images/seperator.gif") bottom right no-repeat;
		color:#333333;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin: 5px 0px 5px 0px;
		padding:0px 12px;
		text-align:center;
		text-decoration:none;
			-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
		
			.home {
		   float: left;
    height: 20px;
    padding: 7px;
    width: 20px;
		}
		
		
		.menu li a:hover, .menu ul li:hover a{
	background: #333333;
	color: #FFFFFF;
			text-decoration:none;
}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#747474;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}
		
		
		
		
#RightBlock {
    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    background: none repeat scroll 0 0 #747474;
    border: 1px solid #FFFFFF;
    margin: 0px 5px 10px 5px;
    padding: 3px;
}

#RightBlock h1 {
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    border-bottom: 1px solid #FFFFFF;
    height: 28px;
    padding: 0;
}

#RightBlock #button {
    border-top: 1px solid #FFFFFF;
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 2px;
    text-align: right;
}

#Termin {
    display: block;
    border-bottom: 1px solid #979797;
    margin-bottom: 3px;
    padding-bottom: 3px;
    font-size: 10px;
}

#TerminTitel {
    width: 70%;
    min-height: 25px;
}

#TerminDatum {
    width: 30%;
    float: right;
    text-align: right;
    clear: right;
}

#TerminZeit {
    width: 30%;
    float: right;
    text-align: right;
    clear: right;
}

.loginpassword {
	padding-left: 20px;
	background: url("../images/password.png") no-repeat scroll 2px #FFFFFF;
	margin: 2px;
	border: 1px solid #333333;
}

.loginusername {
	padding-left: 20px;
	background: url("../images/username.png") no-repeat scroll 2px #FFFFFF;
	margin: 2px;
	border: 1px solid #333333;
}



/* manager layout */
.tab-page {
overflow: auto !important; 
height: 1%;
}
#fm_bsApp { display:block; float:left; width:100%; margin:0; padding:0; }
#fm_bsApp .fm_row { display:block; float:left; width:100%; margin:0 0 8px 0; padding:0; }
#fm_bsApp .fm_row label { display:block; float:left; width:15%; margin:0; padding:0; }
#fm_bsApp .fm_row .fm_entry { display:block; float:left; width:60%; margin:0; padding:0; }
#fm_bsApp .fm_row .fm_actions { display:block; float:left; width:60%; margin:0 0 0 30%; padding:0; }


div.message { display:block; float:left; width:100%; margin:0; padding:10px; color:#4d4d4d; border:1px solid #4d4d4d; }
div.message H3, div.message H2 { }
div.message .error { font-weight:bold; color:red; }
div.message .save { font-weight:bold; color:green; }

/* CALENDAR LAYOUT */
#calbody {
    background-color: transparent;
    color: #4d4d4d;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 10px;
    width: 100%;
}
#calbody .cal_month { line-height:18px;font-size:16px; margin:10px 0; }
#calbody table.small {
    width: 125px;
}
#calbody table {
    width:100%;
}
#calbody td {
    padding: 1px;
    border: 1px solid #666666;
    text-align: center;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
#calbody table.cal_month td { border:none; vertical-align:middle; text-align:center; }

#calbody td .datestamp {
background-color:#CCC; color:#000; font-weight:bold;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
border: 1px solid #CCC;
padding: 0;
}
#calbody td { vertical-align:top; }
#calbody td.today { border:1px solid #000;  }
#calbody td.today .datestamp { background-color:#000; color:#FFF; }
#calbody td .event { font-size:9px; background-color:transparent; text-align:left; padding:3px; min-height:75px; }
#calbody td .event .title { font-weight:bold; margin-right:5px; }
#calbody td .event .description { display:block; font-weight:normal; margin:0 0 8px 0; }
#calbody td .event .durantion { font-size:.85em;}
#calbody span#prevMonth {float:left; margin:0 5px;}
#calbody span#nextMonth {float:right; margin:0 5px;}
#calbody span#prevMonth a, #calbody span#nextMonth a {font-size:12px; color:#4d4d4d; text-decoration:none;}


/* tool tips */
#calbody img.Tips1, #calbody .Tips1 { border:none; vertical-align: top; margin:2px; padding:0; }
#calbody .tool-tip {
	position: absolute;
	z-index: 300;
	border: 2px solid #4B9493;
	background-color: #d4d4d4;
	font-size:12px;
	padding: 5px;
	opacity: 0.90;
}

#calbody .tool-tip h3, #calbody .tool-tip div { margin: 0; font-size:12px; }


#calbody .tool-tip.pretty {

	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}

#calbody .tool-tip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}

#calbody .tool-tip.pretty div { width: 220px; text-align: left; }

#calbody .tool-tip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}

#calbody .tool-tip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#calbody #extended { margin: 2em 0; }

#calbody #extended label { text-decoration: underline; }

#calbody #yahoo { width: 7em; }

#calbody #right, #right2 { text-align: right; }

#calbody .tool-tip.right { width: 250px; }

#calbody #fancy2 { float: right; }

#calbody .bsCalBack { display:block; margin:0 0 7px 0; padding:0; }

/* calendar events list */
#calendar { width:214px; float:left;}

#calendar .event { clear:both; padding:0 4px 20px;}
#calendar .event h6 { padding:0; margin:0;}
#calendar .event p { font-size:11px; padding:0; margin:0;}
#calendar .event h6 a, #calendar .event p a
{ color:#4d4d4d;}

#calendar .date { width:27px; height:26px; text-align:center; color:#045985; padding:0 8px 20px 0; float:left;}
#calendar .date p {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    border:1px solid #4d4d4d; padding:0; margin:0; font-size:14px;}

#calendar .date .month p { 
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#4D4D4D;
color:#FFFFFF;
font-size:8px;
line-height:8px;
text-transform:uppercase;
}
/* end calendar */


/************ MODAL CSS *****************/
/* Container */
#calbody .modalContent { display:none; }

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(i/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}





.list-2 {
    margin: 0 0 -16px;
    overflow: hidden;
    width: 100%;
}

.list-2 li {
    overflow: hidden;
    padding: 0 0 16px;
    vertical-align: top;
    width: 100%;
}

.list-2 li img {
    float: left;
    margin: 0px 10px 0px 0px;
}

.list-2 li strong {
    line-height: 15px;
    padding: 0 0 1px;
    font-size: 1.2em;
}

.list-2 li p {
    margin-left: 242px;
}