@import url("/wLayout/design/style/weblics_new.css");

/* Basic Definitions */
*, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
	font-size: 12px;
	background: url(/wLayout/design/img/body_bg.jpg) repeat-x #e37eb8;
	color: #434343;
}

tbody {

}

/* Login / Logout */

div#login_stat              { text-align: right; color: white; padding: 0 15px;}
div#login_stat form         { display: inline; }
div#login_stat form a       { background: transparent url(/wLayout/design/img/nav_arrow.gif) no-repeat scroll left 2px; padding-left: 15px;}
div#login_stat form a:hover { text-decoration: underline; cursor: pointer;}


div.vergessen                   { margin-top: 10px; }
div.vergessen .formCaption      { width: 125px; }
div.vergessen .formValue input  { width: 250px; }
div.vergessen .formButton       { padding-top: 15px; }
div.vergessen .formButton .buttonAdmin { color: white !important; font-weight: normal !important; border: 1px solid #FFF; padding: 2px; background: #DC69AC no-repeat; }

div#website {
	width: 910px;
	margin:10px auto;
	min-height: 1px;
position: relative;
}

/* Base-Elements Definitions */
.clear						{ clear:both; height:0; }
.clear_left					{ clear:left; width: 0px; height: 0px; font-size:0px; line-height: 0px; }
.clear_right				{ clear:right; width: 0px; height: 0px; font-size:0px; line-height: 0px; }
label.telfax 				{ float: left; width: 50px;}
div#content img            	{ border: none; }
textarea.agb               	{ font-size: 11px; }
.checkbox { margin-right: 5px; }
hr {
  background-color:#cccccc;
  color:#cccccc;
  border:#cccccc;
  height:1px;
  margin: 20px 0;
}


label.formCaption 			{ float: left; width: 125px; height: 20px;}
.formValue 					{ margin-bottom: 5px; width: 250px; }
.SubmitButton				{ border: 1px solid #434343; }
.zip, .city             	{ margin-bottom: 5px; }

#vicky_fee { position: absolute; top: 65px; left: 35px; z-index: 1;}
#divEditbutton { position: absolute; left: 10px; z-index: 5;}

/* Enviroment Definitions */
div#header{
	background: url(/wLayout/design/img/a_bg.jpg) repeat-y;
	position: relative;
    height: 315px;
    border: none;
}
div#header #logo {
	font-size: 24px;
	font-weight: bold;
	margin-left: 8px;
	position: absolute;
	top: 20px;
	left: 20px;
}
div#header #logo a {
	text-decoration: none;
	color: #434343;
}
h1 {
	font-size: 23px;
	color: #9c1a65;
	font-weight: normal;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	color: #9C1A65;
	font-weight: bold;
	margin-bottom: 8px;
}

div#top_navigation_start {
	height: 50px;
	background: url(/wLayout/design/img/top_start_aktiv.jpg) no-repeat;
}


/* Header */
div#imageline_start { 
	height: 225px;
        width: 892px;
	margin: 0 9px;
	background: url(/wLayout/design/img/long_bg_header.jpg) repeat-x #c62883;
        border: none !important;
}
div#imageline {
	height: 125px;
	margin: 0 9px;
	background: url(/wLayout/design/img/long_bg_header.jpg) repeat-x #c62883;
	position: relative;
}


div#imageline_start div#sprechblase {
	float:right;
	width: 575px;
    height: 177px;
	margin: 25px 20px 0 0;
    position: relative;
}
div#imageline_start div#sprechblase img {
        padding: 0;
        position: absolute;
        left: 10px;
        top: 10px;
        width:575px;
        height: 177px;
}
div#imageline_start div#sprechblase .text {
	width: 380px;
	height: 85px;
	font-size: 11px;
	color: #9c1a65;
	line-height: 21px;
}
/* Content */
div#content {
	background: url(/wLayout/design/img/bg_content_new.png) repeat-y left top transparent;
	width: 910px;
	min-height: 450px;
    height: auto !important;
    height: 450px;
	padding-bottom: 30px;
    border: none;

}

div#content a.anker { text-decoration: none; color: #C62883; } 
div#content a.anker:hover { text-decoration: none; color: #C62883; } 

div#content ol {
	margin: 10px 0 0 20px;
}
div#content ol li p{
	margin: 5px 0;
	color: #434343;
	font-weight:normal;
}
div#content ol li {
	margin-bottom: 30px;
	color: #C62883;
	font-weight:bold;
	
}
div#content ol li ul li{
	margin: 0;
	padding: 0;
	color: #434343;
	font-weight:normal;
}
div#left_side {
	margin: 45px 10px 0px 25px;
    _margin-left: 10px;
	float:left;
	width:260px;
    min-height: 1px;
}
div#left_side .videoclick img { border: 1px solid #FABDDC; }
/* SUCHFELD */
div#left_side div#suchfeld {
    width: 215px;
	background: #FFFFFF url(/wLayout/design/img/akkordionverlauf.jpg) repeat-x;
	border: 1px solid #FABDDC;
	padding: 0 10px 10px;
	margin: 30px 0 0;
	line-height: 21px;
}
div#left_side div#suchfeld .headline {
	color: #9C1A65; 
	font-weight: bold;
	
}
div#left_side div#suchfeld .text {
	font-weight: bold;
	float: left;
	padding: 5px 0;
}
div#left_side div#suchfeld .formCaption {
	float: left; 
	width: 75px;
	height: 50px;
	line-height: 18px;
}
div#left_side div#suchfeld .submitButton {
	width: 53px;
	border: 1px solid #FABDDC;
	background: #DC69AC;
	color: white;
	cursor: pointer;
	margin: 5px 0 0;
}
div#left_side div#suchfeld #field_Wo{
	color: #545454;
	font-size: 11px;
	border: 1px solid #FABDDC;
	padding: 2px;
	width: 135px;
}
div#left_side div#suchfeld select {
	padding: 2px;
	width: 140px;
	border: 1px solid #FABDDC;
}
div#left_side div#suchfeld .radiobutton {
	margin-right: 5px;
}


div#left_side a { color: #9C1A65; text-decoration: none;}
div#left_side a:hover { text-decoration: underline; }
div#left_side h1 {
	font-size: 16px;
	font-weight:bold;
}

div#right_side {
	float:left;
	width:565px;
	line-height: 21px;
	margin-top: 20px;
	padding-left: 15px;
	min-height: 1px;

}
div#content #right_side ul { 
	padding: 10px 0;
	list-style: none;
}
div#content #right_side ul li {
	background: url(/wLayout/design/img/ul_dot.jpg) no-repeat 2px 8px;
	padding-left: 15px;
}
/*.elementHeadline { margin-left: 20px;}*/
.elementHeadline a { text-decoration: none; color: #9C1A65;}
.elementHeadline a:hover { text-decoration: underline; }
.elementStandard { font-size: 11px; line-height: 18px;/* margin-left: 20px;*/}
.elementStandard h2 { 
	font-size:11px; 
	font-weight: bold;
	margin: 0;	
}
.elementStandard h2 a { 
	text-decoration: none;
	color: #434343;
}
.elementStandard a:hover { 
	text-decoration: underline;
}
.fragmentNewsEntry { margin-bottom: 10px; }
.fragmentNewsEntry a { color: #9c1a65; text-decoration: none;}
/* Footer */
div#footer {
	height: 30px;
	background: url(/wLayout/design/img/footer_bg.jpg) no-repeat bottom;
	font-size: 11px;
	margin: 0 0 5px 1px;
	text-align: center;
width: 909px;
}
div#footer a {
	text-decoration: none;
	color: #434343;
}
div#footer a:hover { text-decoration:underline; }

/* Navigation Definitions:  */
div#search {
	background: url(/wLayout/design/img/search.jpg) no-repeat right 30px;
	padding: 30px 0 0 0;
	margin-right: 10px;
	text-align:right;
	height: 20px;
}
div#search input{
 	background: transparent;
 	width: 145px;
	border: none;
	padding: 3px 5px 3px 0;
	margin-left: 30px;
	font-size: 11px;
	color: #9c1a65;
}

div#main_navigation {
	height: 36px;
	border-bottom: 4px solid #C52882;
	margin: 0 9px;
	padding-top:0px;
width: 892px;
overflow: hidden;
}
div#main_navigation #logo {
	width: 75px;
	padding: 4px 0 0 0px;
	float: left;
}
div#main_navigation #nav {
	width: 800px;
	float: right;
	height: 35px;
z-index: 999;
position: relative;
}
div#main_navigation #nav ul {
	margin-top: 9px;
	float:right;
	display:block;
	border-bottom: 1px solid white;
}
div#main_navigation #nav ul li{
	display: block;
	float:left;
	background: url(/wLayout/design/img/top_nav_bg.jpg) repeat-x;
	margin: 0 1px;
}
div#main_navigation #nav a  { 
	float: left;
	color: #7e1f56;
	font-size: 13px;
	text-decoration: none;
	padding: 5px 5px 0;
}
div#main_navigation #nav a:hover {
	color: #FFF;
}
div#main_navigation #nav ul li.aktiv a {
	color: #FFF;
}
div#main_navigation #nav ul li.aktiv{
	background: url(/wLayout/design/img/top_nav_aktiv_bg.jpg) repeat-x;
}
div#main_navigation #nav span.nav_left {
	float:left; width: 8px; height: 26px;
	background: url(/wLayout/design/img/top_nav_bg_left.jpg) no-repeat;
}
div#main_navigation #nav span.nav_left_aktiv {
	float:left; width: 8px; height: 26px;
	background: url(/wLayout/design/img/top_nav_aktiv_left.jpg) no-repeat;
}
div#main_navigation #nav span.nav_right {
	float:left; width: 8px; height: 26px;
	background: url(/wLayout/design/img/top_nav_bg_right.jpg) no-repeat;
}
div#main_navigation #nav span.nav_right_aktiv {
	float:left; width: 8px; height: 26px;
	background: url(/wLayout/design/img/top_nav_aktiv_right.jpg) no-repeat;
}	

/* Sidenavigation */
div#left_side ul {
	list-style: none;
/*	margin-top: 10px;*/
}
div#left_side ul li {
	background: url(/wLayout/design/img/nav_arrow.gif) no-repeat left 2px;
	padding-left: 20px;
	margin-bottom: 12px;
}
div#left_side li.level1 a { font-weight: bold; }
div#left_side ul li a {
	color: #7e1f56;
	text-decoration: none;
}
div#left_side ul li a:hover {
	text-decoration: underline;
}
div#left_side ul li.aktiv a {
	color: #c62883;
}

div#left_side ul li ul {
        margin-top: 10px; 
}

div#left_side ul li ul li a { color:#7E1F56 !important; font-weight: normal !important; }
div#left_side ul li ul li.aktiv a { color:#C62883 !important; }

div#left_side div.box {
       background: url(/wLayout/design/img/akkordionverlauf.jpg) repeat-x 0 0 #FFF;
       border: 1px solid #FABDDC;
       line-height: 21px;
       margin: 30px 0 0;
       padding: 0 10px 10px;
       width: 215px;
}
div#left_side div.box .headline {
       font-weight: bold;
       color: #9C1A65;
}
div#left_side div.box .text {
       float: left;
       font-weight: bold;
       padding: 5px 0;
}

/* Content Elements Definitions */
div#right_side a {
	text-decoration: none;
	font-weight: bold;
	color: #7e1f56;
}
div#right_side a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #c62883;
}

/* Master Template Auto Definitions */

	
div.fliesstext_bild_links div.text, div.fliesstext_bild_rechts div.text {
	float:left;
	width:365px;
}
div.fliesstext_bild_links div.bild, div.fliesstext_bild_rechts div.bild {
	float:left;
	width:180px;
}
div.fliesstext_bild_links div.bild img, div.fliesstext_bild_rechts div.bild img {
	border:none;
}
div.fliesstext_bild_links div.bild {
	margin-right:20px;
}
div.fliesstext_bild_rechts div.bild {
	margin-left:20px;	
}

	
.bilderleiste {
  padding:20px 0 0 0;
}

.bilderleiste .bildbox {
  float:left;
  margin:0 15px 15px 0;
}

.bilderleiste .bildbox img.bild {
  border:1px solid #565656;
}
	
	

input.SubmitButton { color: white; background: #DC69AC; border: 1px solid #FFF; padding: 2px;}
	
	/* Image Alignment Classes */
	#content img.alignleft {
		margin:0 15px 15px 0;
	}
	
	#content img.alignright {
		margin:0 0 15px 15px;
	}


/* Volltextsuche */
div.FormSearch {
	margin-top: 25px;
	padding: 10px 0 10px 75px;
	background: url(/wLayout/design/img/icon_suche.gif) no-repeat 35px center; 
	border-top: 1px solid #D757A1;
	border-bottom: 1px solid #D757A1;
}	
div.FormSearch input.term { width: 300px; }
div.FormSearch label.search { padding-top: 3px; float: left; width: 75px; }
ul.liste_suche li { background: none !important; padding:0 !important; margin-bottom: 10px;}
ul.liste_suche li hr { margin-top: 10px; }
ul.liste_suche li p.text a { color: #DF6EB0 !important; padding-left: 10px; background: url(/wLayout/design/img/ul_dot.jpg) no-repeat scroll left center; }
h3 { color: #9C1A65; font-size: 11px; font-weight: bold; font-family: verdana; margin-bottom: 5px;}

	/* Even-Odd Table */
	table.styled_table td {
		padding:7px 15px 7px 10px;
		line-height:16px;
	}
	table.styled_table tr.odd {
		background:#EBEBEB;
	}
	table.styled_table tr.first {
		background:#545454;
		color:#FFF;
		font-weight:bold;
	}

	
	/* Filetype-Icons */
	a.filetype {
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:29px;
	}
	
	/* Sonstige Datei-Formate */
	a.pdf   { background:url(/wLayout/design/img/fileicons/pdf.gif) no-repeat left center; padding-left:29px; }
	a.exe   { background:url(/wLayout/design/img/fileicons/exe.gif) no-repeat left center; padding-left:29px; }
	a.email { background:url(/wLayout/design/img/fileicons/email.gif) no-repeat left center; padding-left:29px; }
	a.external { background:url(/wLayout/design/img/fileicons/external.gif) no-repeat left center; padding-left:14px; }
	
	/* Musik-Dateien */
	a.aac { background-image:url(/wLayout/design/img/fileicons/aac.gif); }
	a.mid { background-image:url(/wLayout/design/img/fileicons/mid.gif); }
	a.mp3 { background-image:url(/wLayout/design/img/fileicons/mp3.gif); }
	a.ogg { background-image:url(/wLayout/design/img/fileicons/ogg.gif); }
	a.rm  { background-image:url(/wLayout/design/img/fileicons/rm.gif); }
	a.wav { background-image:url(/wLayout/design/img/fileicons/wav.gif); }
	a.wma { background-image:url(/wLayout/design/img/fileicons/wma.gif); }
	
	/* Video-Dateien */
	a.avi { background-image:url(/wLayout/design/img/fileicons/avi.gif); }
	a.flv { background-image:url(/wLayout/design/img/fileicons/flv.gif); }
	a.mp4 { background-image:url(/wLayout/design/img/fileicons/mp4.gif); }
	a.mpeg{ background-image:url(/wLayout/design/img/fileicons/mpeg.gif); }
	a.mpg { background-image:url(/wLayout/design/img/fileicons/mpg.gif); }
	a.swf { background-image:url(/wLayout/design/img/fileicons/swf.gif); }
	a.wmv { background-image:url(/wLayout/design/img/fileicons/wmv.gif); }
	
	/* Archive */
	a.ace { background-image:url(/wLayout/design/img/fileicons/ace.gif); }
	a.gz  { background-image:url(/wLayout/design/img/fileicons/gz.gif); }
	a.rar { background-image:url(/wLayout/design/img/fileicons/rar.gif); }
	a.tar { background-image:url(/wLayout/design/img/fileicons/tar.gif); }
	a.tgz { background-image:url(/wLayout/design/img/fileicons/tgz.gif); }
	a.zip { background-image:url(/wLayout/design/img/fileicons/zip.gif); }
	
	/* Word */
	a.doc { background-image:url(/wLayout/design/img/fileicons/doc.gif); }
	a.docx{ background-image:url(/wLayout/design/img/fileicons/docx.gif); }
	a.odt { background-image:url(/wLayout/design/img/fileicons/odt.gif); }
	a.txt { background-image:url(/wLayout/design/img/fileicons/txt.gif); }
	
	/* Excel */
	a.csv { background-image:url(/wLayout/design/img/fileicons/csv.gif); }
	a.ods { background-image:url(/wLayout/design/img/fileicons/ods.gif); }
	a.xls { background-image:url(/wLayout/design/img/fileicons/xls.gif); }
	a.xlsx{ background-image:url(/wLayout/design/img/fileicons/xlsx.gif); }
	
	/* PowerPoint */
	a.odg { background-image:url(/wLayout/design/img/fileicons/odg.gif); }
	a.pps { background-image:url(/wLayout/design/img/fileicons/pps.gif); }
	a.ppsx{ background-image:url(/wLayout/design/img/fileicons/ppsx.gif); }
	a.ppt { background-image:url(/wLayout/design/img/fileicons/ppt.gif); }
	a.pptx{ background-image:url(/wLayout/design/img/fileicons/pptx.gif); }
	

/* E-Learning */
div#elearning                       { width: 575px; position: relative; overflow-x:hidden;}
div#elearning label.answer          { float: left; width: 530px; margin-left: 10px; }
div#elearning div.question_num      { font-weight: bold; margin-bottom: 5px; color: #9C1A65; }
div#elearning div.question          { font-weight: bold; margin-bottom: 5px; }
div#elearning div.solution          { border: 1px solid #FABDDC; background: url(/wLayout/design/img/akkordionverlauf.jpg) repeat-x #FFF; margin-bottom: 15px; padding: 0px 10px 10px; }
div#elearning form                  { border: 1px solid #FABDDC; background: url(/wLayout/design/img/akkordionverlauf.jpg) repeat-x #FFF; padding: 0px 10px 10px; margin-bottom: 10px; }
div#elearning form.no_style         { border: none; background: none; position: absolute; top: 48px; left: 140px; margin: 0; padding: 0;}
div#elearning input.submitButton    { cursor: pointer; width: 125px !important; padding: 2px; color: white; border: 1px solid white; background: #DC69AC; margin-top: 5px;}
div#elearning label.right_answer    { font-weight: bold; color: green; }
div#elearning label.wrong_answer    { color: red; font-weight: bold; }
 

/* Akkordion */
div.akkordion div.headline { background: url(/wLayout/design/img/akkordionverlauf.jpg) repeat-x; }
div.akkordion h3 {
        border: 1px solid #FABDDC;
        padding: 2px 40px 2px 10px;
        margin-bottom: 3px;
        background: url(/wLayout/design/img/buttons.gif) no-repeat 530px center;
        font-weight: normal;
}
div.akkordion .text {
        margin: 5px 0 15px 0px;
        padding: 0 10px;
}

div.akkordion h3 {
	cursor: pointer; 
}

/* Print Definitions */
@media print
{
	#header, #footer, #left_side {
		display: none;
	}
	
	#website, #content {
		background: none !important;
	}
	#right_side {
		width: 100%;
	}
	body {
	  background:none !important;
	  background-color:#FFF;
	  margin:0;
	  width:auto;
	}

}