@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0.1 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
/* @import url(../yaml/print/print_003_draft.css); */

 /* ######################################################################################################
** ### Header ###################################################################### 
** ######################################################################################################
*/

	#header {
		/*background: #97bfe5 url("../images/wellenheader3.gif") left no-repeat;*/
		min-height: 90px;
		/*padding-left: 45px; */
	}
	
	.headtext p {
		padding: 15px;
		color: #336699;
	}


/* Introseite */

#intro {
		padding:0;
		/*width:50px;*/
	}
	
	#intro li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 13px;
	 	/*line-height: 90px !important;*/
	 	font-weight: bold;
		background-repeat: no-repeat;
	 	background-position: 0 0;
		text-decoration: none;
		list-style-type: none;
		padding-top: 10px;
		padding-bottom: 2px;
		display: block;
		margin:0;
	}
	
	#intro li a {
		background-repeat: no-repeat;
		display:block;
		padding-bottom: 2px;
		border-bottom: 1px dashed #39436E;
		height:90px;
		color: #39436E;
	}
	
	#intro li a span {
		line-height: 1.5em;
		margin-left: 125px;
		padding-top: 5px;
		display:block;
	}
	
	#intro li a:hover {
		border-bottom: 1px solid #000;
		text-decoration:none;
		color: #000;
	}
	
	
	#intro .mailer a {
		background-image: url(../images/mailerbutton.gif);
	}
	#intro .mailer a:hover {
		background: url(../images/mailerbutton-over.gif) no-repeat #FFFFFF;
	}

            #intro .chatter a {
		background-image: url(../images/chatbutton.gif);
	}
	#intro .chatter a:hover {
		background: url(../images/chatbutton-over.gif) no-repeat #FFFFFF;
	}

	.balken {
		width: 99%;
		padding: 5px 5px 5px 5px;
		background-color: #97bfe5;
		color: #39436E;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 13px;
	 	font-weight: bold;
	}

	
/* ######################################################################################################
** ### Navi rechts ###################################################################### 
** ######################################################################################################
*/	
	
	#lbNavi {
		padding:0;
		/*width:50px;*/
	}
	
	#lbNavi li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 13px;
	 	/*line-height: 90px !important;*/
	 	font-weight: bold;
		background-repeat: no-repeat;
	 	background-position: 0 0;
		text-decoration: none;
		list-style-type: none;
		padding-top: 10px;
		padding-bottom: 2px;
		display: block;
		margin:0;
	}
	
	#lbNavi li a {
		background-repeat: no-repeat;
		display:block;
		padding-bottom: 2px;
		border-bottom: 1px dashed #39436E;
		height:90px;
		color: #39436E;
	}
	
	#lbNavi li a span {
		line-height: 1.5em;
		margin-left: 75px;
		padding-top: 5px;
		display:block;
	}
	
	#lbNavi li a:hover {
		border-bottom: 1px solid #000;
		text-decoration:none;
		color: #000;
	}
	
	
	#lbNavi .icon1 a {
		background-image: url(../images/rettungsring-n.gif);
	}
	#lbNavi .icon1 a:hover {
		background: url(../images/rettungsring-n2.gif) no-repeat #D0E0E0;
	}
	
	#lbNavi .icon2 a {
		background-image: url(../images/anker-n.gif);
	}
	#lbNavi .icon2 a:hover {
		background: url(../images/anker-n2.gif) no-repeat #D0E0E0;
	}
	#lbNavi .icon3 a {
		background-image: url(../images/truhe-on.gif);
	}
	#lbNavi .icon3 a:hover {
		background: url(../images/truhe-on2.gif) no-repeat #D0E0E0;
	}
	#lbNavi .icon4 a {
		background-image: url(../images/niko-n.gif);
	}
	#lbNavi .icon4 a:hover {
		background: url(../images/niko-n2.gif) no-repeat #D0E0E0;
	}
	#lbNavi .icon5 a {
		background-image: url(../images/i-taste-n.gif);
	}
	#lbNavi .icon5 a:hover {
		background: url(../images/i-taste-n2.gif) no-repeat #D0E0E0;
	}
	
	/* ######################################################################################################
	** ### mediapaket ###################################################################### 
	** ######################################################################################################
	*/

	
	#mediapaket {
		padding:0;
		/*width:50px;*/
	}
	
	#mediapaket  li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 13px;
	 	/*line-height: 90px !important;*/
	 	font-weight: bold;
		background-repeat: no-repeat;
	 	background-position: 0 0;
		text-decoration: none;
		list-style-type: none;
		padding-top: 10px;
		padding-bottom: 2px;
		display: block;
		margin:0;
	}
	
	#mediapaket  li a {
		background-repeat: no-repeat;
		display:block;
		padding-bottom: 2px;
		border-bottom: 1px dashed #000000;
		height:90px;
		color: #000000;
	}
	
	#mediapaket  li a span {
		line-height: 1.5em;
		margin-left: 125px;
		padding-top: 5px;
		display:block;
	}
	
	#mediapaket li a:hover {
		border-bottom: 1px solid #000;
		text-decoration:none;
		color: #000;
	}
	
	#mediapaket .icon10001 a {
		background-image: url(../images/itseepfass08-but-n.jpg);
	}
	#mediapaket .icon10001 a:hover {
		background: url(../images/itseepfass08-but-n2.jpg) no-repeat #FFFFFF;
	}
	
	#mediapaket .icon10002 a {
		background-image: url(../images/eltern-flyer08-but-n.jpg);
	}
	#mediapaket .icon10002 a:hover {
		background: url(../images/eltern-flyer08-but-n2.jpg) no-repeat #FFFFFF;
	}
	
	#mediapaket .icon10003 a {
		background-image: url(../images/poster08m-but-n.jpg);
	}
	#mediapaket .icon10003 a:hover {
		background: url(../images/poster08m-but-n2.jpg) no-repeat #FFFFFF;
	}
	
	#mediapaket .icon10004 a {
		background-image: url(../images/poster08o-but-n.jpg);
	}
	#mediapaket .icon10004 a:hover {
		background: url(../images/poster08o-but-n2.jpg) no-repeat #FFFFFF;
	}
	
	#mediapaket .icon10005 a {
		background-image: url(../images/buttons08-but-n.jpg);
	}
	#mediapaket .icon10005 a:hover {
		background: url(../images/buttons08-but-n2.jpg) no-repeat #FFFFFF;
	}
	


	/* ######################################################################################################
	** ### Tabs ###################################################################### 
	** ######################################################################################################
	*/	

	.ui-tabs-panel {
	border-top: 1px solid #97bfe5 !important;
	border-bottom: 1px solid #97bfe5 !important;
	}
	.ui-tabs-nav a {
		border:1px solid #97bfe5 !important;
		border-bottom: 0 none !important;
	  color: #000000 !important;
	}
	.ui-tabs-nav .ui-tabs-selected a,
	.ui-tabs-nav a:hover,
	.ui-tabs-nav a:focus,
	.ui-tabs-nav a:active {
		background-color:#97bfe5 !important;
	}
	
	
/* ######################################################################################################
** ### Accordion ###################################################################### 
** ######################################################################################################
*/	
.accordion {
	background: no-repeat bottom left;
	padding-top: 10px;
	/*font-family: Verdana, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #336699;
	border-bottom: 1px solid #336699;
	cursor: pointer;
	height:64px;
	position:relative;
}
.accordion#accordion_a{
	background-image: url(images/a.png);
}
.accordion#accordion_b {
	background-image: url(images/b.png);
}
.accordion#accordion_c {
	background-image: url(images/c.png);
}
.accordion#accordion_d{
	background-image: url(images/d.png);
}
.accordion#accordion_e {
	background-image: url(images/e.png);
}
.accordion#accordion_f {
	background-image: url(images/f.png);
}

.accordion#accordion_mail {
		background-image: url(images/xfmail.png);
	}
.accordion div {
	position:absolute;
	bottom:4px;
	left:70px;
	font-size: 1.2em;
}


/* ######################################################################################################
** ### AnkerplŠtze und Schatztruhe ###################################################################### 
** ######################################################################################################
*/
.anbieter {
	color: #39436E;
}


.langtext {
	
}

.rechts {
	text-align: right;
	color: #39436E;
}

.datum_erstellung {
	font-family: courier, serif;
	font-size: 10px;
}

/* ######################################################################################################
** ### Mailbox ###################################################################### 
** ######################################################################################################
*/

#Mailer {
		border-left: 55px solid #99CCFF;
padding-top: 75px;
                         width: 650px;

background: url(../images/is-mailbereich2o.jpg) no-repeat #99CCFF;

	}

#Mailer p {
		padding: 5px;
	}
	
#Mailer table { 
		border-collapse:collapse; 
		margin-bottom: 0.5em;
		width: 90%;
	}
	
#Mailanzeige {
	
	border-left: 55px solid #99CCFF;
padding-top: 75px;
                         width: 650px;

background: #99CCFF;

	}

#Mailanzeige p {
		padding: 5px;
	}
	
#Mailanzeige table { 
		border-collapse:collapse; 
		margin-bottom: 0.5em;
		width: 90%;
	}
	}	

/* ######################################################################################################
** ### Mailbox ###################################################################### 
** ######################################################################################################
*/

#Chatter {
		border-left: 55px solid #99CCFF;
/*padding-top: 80px;*/
                         width: 740px;
height: 750px;
background: url(../images/is-chatbereich-o.jpg) no-repeat #99CCFF;

	}

#Chatter p {
		padding: 5px;
	}

/* ######################################################################################################
** ### Facebox ###################################################################### 
** ######################################################################################################
*/

#facebox .b {
  background:url(../scripts/facebox/b.png);
}

#facebox .tl {
  background:url(../scripts/facebox/tl.png);
}

#facebox .tr {
  background:url(../scripts/facebox/tr.png);
}

#facebox .bl {
  background:url(../scripts/facebox/bl.png);
}

#facebox .br {
  background:url(../scripts/facebox/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 800px;
  text-align: center;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}


/* ######################################################################################################
** ### Inhalte ###################################################################### 
** ######################################################################################################
*/	
	
	#col1_content { 
		border-right: 2px dashed #336699;
		padding-top: 20px;
		}

	
	 #col1_content p a { text-decoration: underline;}
	
	#col3_content {
		background-color: #D0E0E0;
	}
	
	.marginalie {
	font-size: 1.4em;	
	color: #336699;  
	border-bottom: #336699  1px solid;
	}	
	
	.dokument {
		font-family: Courier, serif;
	 	font-size: 11px;
	 	font-weight: normal;
	}
	
	.headgrafik {
		display:block;
		width:1060px;
		height:92px;
		background:#97bfe5 url("../images/wellenheader3.gif") left no-repeat;
	}
	
	.teaser {
		font-size:1.4em !important;
		font-weight: bold;
	}

	
#sl2-pagination span { padding-left: 2px; padding-right: 2px; }
  .sl2-pagination-selected { border: 1px solid #336699; background-color: #E5F3FE; font-weight: bold; padding: 2px; }
  .sl2-pagination-selected a:link, .sl-pagination-selected a:visited { text-decoration: none; color: #0099FF }
  .item { border-bottom: 1px solid #cccccc; }

.item_meta { 
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	margin-top: 15px; 
	}	
	
	.hinweisliste {
		list-style-type: square;
		color: #336699;
	}
	
	.hinweisliste a {
		text-decoration: underline;
		color: #336699;
	}
	
	#navigate {
		position:relative;
	}
	
	.mitmacher img {
		padding-right: 10px;
	}
	
	img.screenshot {
		margin: 4px 8px 4px 0;
	}

/*************************  Forms ************************/
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:450px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:35px;}
.form_head{height:20px;width:450px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:240px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:center;border:0;}
ul.form li.submit input{background:transparent url(../images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:75px;
width:125px;
overflow:hidden;
/*text-indent:-4000px;*/
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{margin-left:10px;height:90px;width:400px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}