/*
 * Project:	BBK-Bundesverband Bildender Kuenstlerinnen und Kuenstler
 * Version:	1.0
 * Date:	01.09.2008
 * Author:	http://www.arendtnetwork.de/
 *             robert@arendtnetwork.de
 *
 *
 */


/***************************************
 * neue Schrit implementieren fuer          *
 * CSS 2.0 unterstützende Browser         *
 **************************************/
@font-face {
	font-family: "Atrotis";
	src: url("fileadmin/vorlagen/fonts/atrssb.ttf"),
	url("fileadmin/vorlagen/fonts/atrssb.ttf"),
	format("Type-1");
}

/***************************************
 * Body-Tag definieren                           *
 **************************************/
body {
  font-family: Arial;
  font-size: 12px;
  color:#003E02;
  margin: 0 auto;
  line-height: 18px;
  vertical-align:top;

	
  background-color: #FFFFFF;
  color:#414141;
  font-size: 12px; 
  text-align: left;
 /* font-family: normal ATRotisSansSerif, ATRotisSansSerif-Bold, arial, sans-serif, Verdana, Helvetica;
  font: normal ATRotisSansSerif, ATRotisSansSerif-Bold, arial, sans-serif, Verdana, Helvetica; */
}


/***************************************
 * Formatieren der Haupt-Tabelle            *
 **************************************/
table.main {
  width:900px;
  border:0px;
  padding:0px;
}


/***************************************
 * Formatieren des Image-Frames top left*
 **************************************/
td.logo_left {
  width:900;
}


/***************************************
 * Formatieren der Sub-Tabellen              *
 **************************************/
table.top{
  width:100%;
  border:0px;
  padding:0px;
}


/******************************************
 * Formatieren der Trailer- und Logo -Spalte *
 *****************************************/
td.trailer {
  width:790;
  height:110;
  text-align:left;
}

td.logo {
  width:110;
}

td.logo_small{
  width:110;
  height:30;
  vertical-align:center;
}


/************************************************
 * Formatieren der linken Menu-Spalte                   *
 ************************************************/
td.menu_left {
  vertical-align:top;
  text-align:left;
  width:210px;
}
	
div.menu_left {
  position:relative;
  top:-17px;
  left:2px;
  bottom:0px;
  width:210px;
  height:500px;
  overflow:none;
}	

/*IE 5, 6 Hack*/
div.menu_left_ie {
  position:relative;
  top:-10px;
  left:2px;
  bottom:0px;
  width:210px;
  height:500px;
  overflow:none;
}	


/***************************************
 * Formatieren der Text-Ueberschriften  *
 **************************************/
div.header h1{
  font-size:16px;
  font-weight:bold;
  margin-bottom:-10px;
  margin-top: 0px;
}
 


/************************************************
 * Formatieren der linken Menu-Div-Box                 *
 ************************************************/
 /*Haupt-Menu-Punkt*/
div #navcontainer ul li.navigation_main{
  list-style-type:none;
  text-align:left;
  margin-left: -38px;
  font-weight:bold;
  padding: 0;
  margin-top:-5px;
  margin-bottom:-10px;
  line-height: 300%; 
} 

/*Sub-Menu-Punkt*/
div #navcontainer ul li.navigation_sub{
  list-style-type:square;
  margin-left:0px;
  color:#000000;
  line-height: 120%; 
}
 

div #navcontainer ul li.navigation_main a.active {
  text-align:left;
  margin:0 0 0 0;
  font-weight:bold;
  color:#CC1F2F;
}

div #navcontainer ul li.navigation_sub_active a.active {
  list-style-type:square;
  color:#CC1F2F;
  line-height: 120%; 
}


div #navcontainer ul li.navigation_sub_active {
  list-style-type:square;
  color:#CC1F2F;
  line-height: 120%; 
}

div #navcontainer > ul li:hover {
	/*margin-top: -10px;
	margin-left: -25px;*/
	color: #CC1F2F;
}


/************************************************
 * Formatieren der Main-Content-Box                    *
 ************************************************/
div.main_content_teaser {
	position:relative;
	top:0px;
	left:0px; 
	width:565px; 
	height:280px; 
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden;
}


/************************************************
 * Formatieren der News-Teaser-Box                    *
 ************************************************/
div.news_teaser {
	position:relative;
	text-align:center;
	top:5px; 
	left:0px; 
	width:565px; 
	height:230px; 
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
}


/************************************************
 * Formatieren der News-Teaser-Eintraege            *
 ************************************************/
div.news_teaser_item {
	position:relative;
	float:left;
	text-align:left;
	margin-right:10px;
	top:0px; 
	left:0px; 
	width:170px; 
	height:230px; 
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
	/*background-color:#CC1F2F;	*/
}


/***************************************
 * Formatieren des Main-Content             *
 **************************************/
.main_content_2 font {
  font-family:'Arial';
  text-align: left;
  color:#414141;
}

.main_content_2 {
  font-family:'Arial';
  color: #414141;
  text-align: left;
  margin-right:15px;
}

/* Formatierung aller Links im Text */
.main_content_2 > a  {
  color:#CC1F2F;
}

.main_content_2 . a:hover  {
  color:#414141;
  text-decoration:underline;
}


/****************************************
 * Formatieren der Sub-Menu-Box             *
 ***************************************/
div.footer_menu {
 margin-left: -3px;
 color:#414141;
 text-align:left;
 font-weight:bold;
}

div.footer_menu A{
 font-family:Arial;
 font-size:12px;
 color:#414141;
}

div.footer_menu A:hover{
 font-family:Arial;
 font-size:12px;
 color:#CC1F2F;
}
 
div.footer_menu A.active {
 font-size:12px;
 color:#CC1F2F;
}	
 
 
 
/******************************************
 * Formatieren der Untermenu-Ebene rechts  *
 *****************************************/
div.footer_menu_right {
 color:#414141;
 text-align:right;
 font-weight:bold;
}

div.footer_menu_right A:hover{
 color:#414141;
 text-align:right;
 font-weight:bold;
 color:#CC1F2F;
}

/***************************************
 * Formatieren des Kontaktformulars        *
 * Stern  | Hinweis                                *
 **************************************/
.stern {
 margin-left:3px;
 color:#CC1F2F;
 font-size:9px;
}

.hinweis {
  font-size:9px;
}

/***************************************
 * Formatieren aller Input-Felder            *
 * Searchbar Menue_unten                      *
 **************************************/
.input {
   border: 1px solid ##CC1F2F;
   font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color:#CC1F2F;
   width: 140px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom:0px;
   vertical-align:top;
}


.input:focus {
   border: 1px solid #CC1F2F;
   background-color:#FFFFFF;
   font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color:#000000;
   width: 140px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom:0px;
   vertical-align:top;
}



/***************************************
 * Formatieren der SearchEngine             *
 **************************************/
 /* Formatieren das Eingabefeld der Suchzeile */
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
   border: 1px solid #000000;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   color:#DF4242;
   float: left;
   width: 200px;
   margin-top: 10px;
   vertical-align:bottom;
   margin-left: 0px;
   margin-bottom:10px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword:hover {
  border: 1px solid #CC1F2F;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword:focus {
  border: 1px solid #CC1F2F;
}

/* Formatiere nur die Prozent vom Suchergebnis */
.tx-indexedsearch .tx-indexedsearch-res .tx-idexedsearch-percent {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color:#DF4242;
 font-weight: bold;
}


/* Formatieren der Indexed-Search-Info unterhalb der Beschreibung */
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #ffffff;
}


/***************************************
 * Formatieren der News-Eintraege         *
 * News-Single Ansicht 					   *
 **************************************/
.news-single-item h2 {
  margin-bottom:2px;
}


/* News-Bild in der Single-Ansicht*/
.news_image_single{
  float:left; 
  text-align:left;
  margin-top:0px; 
  margin-left:0px;
  margin-right:10px; 
  margin-bottom:0px; 
  vertical-align:top; 
}

/*Datumsformatierung der Single-Ansicht*/
.news-single-timedata {
  font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif;
  font-size:10px;
}


/* Formatieren der Listenansicht der Archivseite */
.news-amenu-container li {
  list-style-type:square;
}

.news-amenu-container h2 {
  margin-top:-4px;
}


/***************************************
 * Formatieren der News-Eintraege         *
 * News-Archiv 	              				   *
 **************************************/
.news-amenu-container > ul {
	margin-top: -10px;
	margin-left: -25px;
}


.news-amenu-container > ul li:hover{
	color: #CC1F2F;
}


/***********************************
 * Formatieren des Atelierformulars  *
 ***********************************/
div.pagebrowser {
	width:100%; 
	text-align:center; 
	height:20px; 
	border-style:solid; 
	border-width:1px; 
	border-top-color:#CC1F2F; 
	border-left-color:#ffffff; 
	border-right-color:#ffffff; 
	border-bottom-color:#CC1F2F;"
                
	/*margin-left:480px;*/
	position:relative;
	/*text-align:right;*/
	/*color:##CC1F2F;*/
}

div.description {
        width:350px;
}

/* Mandatory (*) Pflichtfelder*/
.powermail_mandatory {
	color:##CC1F2F;
	font-size:9px;
	margin-left:5px;
}

/*
span.link_forward input.tx_powermail_pi1_submitmultiple_forward {
	text-decoration:none;
}
*/

div.tx-powermail-pi1 label {
	font-weight:bold;
	display:block;
}

div.powermail_radio_inner label {
	text-decoration:none;
}

div.powermail_radio_inner input.radio_input {
	float:left;
	width:20px;
	margin-left:-2px;
}

div.backlink {

}

div.forwardlink {

}

div.powermail_radio_inner label.radio {
	text-decoration:none;
	float:left;
}

label.radio {
	text-decoration:none;
}


div.tx-powermail-pi1 input.form {
	width: 350px; 
	line-height: 15px; 
	border: 1px solid #414141; 
	font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 9pt;	
}

/*Backlinks der formulare*/
input.tx_powermail_pi1_submitmultiple_back {
text-decoration:none;
clear:both;
}

div.tx-powermail-pi1 textarea {
	width: 350px; 
	border: 1px solid #414141; 
	font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 9pt;
}

p.powermail_pagebrowser {
	margin-top:0px;
}

p.powermail_pagebrowser:before {
	content:"Schritt ";
}

input.file {
   border: 1px solid #000000;
   font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   width: 350px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom:0px;

}


li.powermail_mandatory_listitem {
  clear:both;
  list-style-type:square;
  color:#000000;
  line-height: 18px;
}


/***************************************************
 * Formatieren des Atelierformulars nach Validierung mittels JS *
 **
 ***********************************/
 input#uid24_cb {
   visibility:hidden;
   margin-top:-20px;
 }
 
 input.jscalendar {
   float:left;
   border: 1px solid #000000;
   font-family: ATRotisSansSerif, ATRotisSansSerif-Bold, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   width: 350px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom:0px;
 }
 
 select.required validation-failed {
  background-color:red;
 }
 
 

/******************************
 * Formatieren der Links           *
 *****************************/
div.weiss {
  color:#999999;
  font:ATRotisSansSerif, ATRotisSansSerif-Bold;
  font-size:18px;
  font-stretch:expanded;
  letter-spacing:inherit;
}

ATag.weiss { color:#666666; font-size:28px;  }

linkweiss { color:#FFFFFF; vertical-align:middle; font-size:28px;  }

td.xx {font-size:16px;  font-weight:bold; text-align:left; font-stretch:extra-expanded; }
td.menue {font-size:16px;  font-weight:bold; text-align:left; font-stretch:extra-expanded; }
td.oben {background-color:#E4E6E7; vertical-align:top; font-size:16px;  font-weight:bold; text-align:right;}


div.menue_unten A{
  color:white;
  font:ATRotisSansSerif, ATRotisSansSerif-Bold;
  font-size:18px;
  font-stretch:expanded;
  letter-spacing:inherit;
}

div.menue_unten{
color:white;
font:ATRotisSansSerif, ATRotisSansSerif-Bold;
font-size:18px;
font-stretch:expanded;
letter-spacing:inherit;
}


 
a{
  text-decoration:none;
  color:#414141;
}


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

a:hover {
  text-decoration:none;
  color:#CC1F2F;
}