/**************************************************************
  xmental [c] 2008 burkhardt wenzel
  0.Page setup
 **************************************************************/
 
  @import "navigation.css";
 
 * {margin: 0px; padding: 0px;}

 html {height: 100%;}
 
 body { 
 	color: #333;
	font: 12px/17px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	margin: 0px;
	cursor: default; 
	background: #000 url(../img/back_page.gif) repeat-y;
	height: 100%;
	}
 
#page {	
	width: 960px;    
	position: relative;
	min-height: 100%;
	}

* html #page {height: 100%;}

/* 1. Header */
#header { border-top: 20px solid #FFF;  background: #FFF; width: 960px; height: 200px; }
#mainNav { width: 960px;   }
#bild {  float: left;  width: 640px;  height: 180px;  }
#logo {width: 320px;  height: 180px; float: left; }

/* 2. cols */
#content { width: 960px; min-height: 100%;}
*+ html #content { margin-top: 7px;}




#left { float: left; position: relative; width: 200px; display: block; }
#leftContent {padding: 20px 10px;  float: left;}


#center {	
	position: relative;
	float: left;
	width: 520px;  
	padding: 20px  20px; 
	display: block;	
	}
	

		
#right {position: relative; float: left; width: 200px; display: block; }

	 

	
#globalNav {  background:#000; height: 27px;  float: left; width: 200px;}

#rightContent {padding-left: 10px;  padding-top: 20px;  float: left;}

/* 3. footer */

#footer {  position: relative;  padding: 0px;  color: #fff; clear: left; height: 25px; margin: -25px 0px 0px 220px;    }

#footer a {color: #fff;}
#pageTop, #print, #copyright { float: left; padding: 0px 10px; margin-top: 0px; background: #000; margin-right: 10px;}


/* 4. styles */




h1,
.titel {
	color: #fff;
	font: 24px bold Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	background: #000;
	padding: 6px;
	text-transform: uppercase;
	margin: 0px;		
	}
h1, h2, h3 {background-color: #fff;  color: #000; margin: 0; padding: 0;}	
	


.untertitel {
	color: #000; 
	padding: 5px 10px;	
	line-height: 24px;
	background:#FDCC0E;
	font: 18px bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;

	}
	





#leftContent .titel,
#rightContent .titel {
	font: 11px bold Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	line-height: 21px;
	width: 80%;
	padding: 2px 5px;
	}


#leftContent .untertitel,
#rightContent .untertitel {
	font-size: 11px; 
	font-weight: bold; 
	letter-spacing: 1px;
	line-height: 17px;

	}
	

.bild_titel, 
.csc-textpic-caption {font-size: 9px; color: #000; letter-spacing: 1px;  }


hr {border-bottom:  1px dotted #000; margin: 10px 0px;  width: 100%; height: 1px;}

p {margin: 20px 0px;}


/**************************************************************
  Styles Generic Links
 **************************************************************/

a , a:link, a:visited, a:active { color: #000; text-decoration: none; }
p a {border-bottom: 1px dotted #000;}
a:hover {color: #FDCC0E;  }
img {border: none; }
a img {border: none;}
#logo a {border: none; }


.contenttable {border-collapse:collapse; border-spacing: 10px; border: none; padding: 0px; margin: 0px 0px 20px -3px; width: 100%; }

.tr-even {background: #FDCC0E; padding: 10px; margin: 0px; border-bottom: 1px solid #fff;}
.tr-odd {background: #eee; padding: 10px; margin: 0px; border-bottom: 1px solid #fff}

td {padding:3px;}
th {text-transform:uppercase; }


/*************************************************************************************************************
Forms
*************************************************************************************************************/	
fieldset {border: none; margin: 0px; padding: 0px; width: 100%; }

legend {
	color: #000; 
	padding: 5px 10px;	
	line-height: 24px;
	background:#FDCC0E;
	font: 18px bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;

	}




label {font-weight: bold; }
input, 
textarea {
	 border: 1px dotted #333; 
	 padding: 2px; margin-bottom: 5px; 	
	 font: 11px/14px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	 width: 480px;
	 }


input[type = "checkbox"],
input[type = "radio"] {
	margin-right: 2px;
	border-style: none;	padding: 0;
	background-color: transparent;
	width: 10px;
}

input[type = "submit"] {
	margin: 0px;
	border: none;
	background:#FDCC0E;
	cursor: pointer;
	color: #000;
	width: 120px;
	font-weight: bold;
	padding: 5px 2px;
	}
	
	
	



/*************************************************************************************************************
FCE team member
*************************************************************************************************************/
.team_member {position: relative; width: 100%; height: 100%; border-bottom: 1px dotted #000;  border-width: 1px; margin-bottom: 20px; padding-bottom: 10px; }	
.team_member_image {position: relative; float: left; margin-right: .8em;}
.team_member_description { }

.team_member dl { padding-bottom: .8em;  }

.team_member dt
{
padding: .4em;
float: left;
font-weight: bold;
display: table-cell;
width: 100px;
height: 100%;
}

.team_member dd {
padding: .4em;
display: table-cell;
height: 100%;
}

/*************************************************************************************************************
Send Card
*************************************************************************************************************/

.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector { margin: 0; padding: 0; border-style: none; width: 100%; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-image-selector-column { margin:0; padding:0; float:left; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-first-column { clear: left; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt { padding: 0 0; text-align: center; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { margin: 0; padding: 3px 0;  }

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-stamp { position: absolute; padding: 10px 10px 0 350px;}


.tx-srsendcard-pi1-error-message{
	background:#FDCC0E;
	color: #000;
	padding: 2px;
	width: 280px;
	}
.sendCardPreviewModify {float: left;margin-right: 10px;}




.tx-srsendcard-pi1 ul {list-style-type: none;}
.tx-srsendcard-pi1-clear-float {float: none; clear: left;}