/*///////////////////////////////////////////////////////////////////////
/
/	Author: 		Claudio Casoni and Marc Thalmann
/	Date:			12.09.2006
/	Description:	CSS-Stylesheet - Content
/
///////////////////////////////////////////////////////////////////////*/


/* -------------------- Allgemeine Formatierungen ----------------------------- */

p {
	margin: 0px;
	padding: 0px;
}

h1 {
	font:25px Verdana, Arial, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: normal;
	color: #006699;
}

h2 {
	font:12px Verdana, Arial, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	color: #006699;
}

body{
	font: 11px Verdana, Arial, sans-serif;
	color: #2c3c59;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
}

table {
	font: 11px Verdana, Arial, sans-serif;
	color: #2c3c59;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
}

th {
	font: 11px Verdana, Arial, sans-serif;
	color: #2c3c59;
	font-weight: bold;
	text-align: left;
}


td {
	font: 11px Verdana, Arial, sans-serif;
	color: #2c3c59;
	font-weight: normal;
}


img {
	border: 0px solid #C2C2C2;
	margin: 0px;
	padding: 0px;
}


a:link { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }
a:visited { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }
a:active { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }
a:hover { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }


ul li {
	list-style-type: square;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}


/* -------------------- Porträt - Wir über uns ----------------------------- */

#wir_ueber_uns_content_allgemein {
	float: left;
	width: 380px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
}

#wir_ueber_uns_foto_1 {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 20px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}

#wir_ueber_uns_foto_2 {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 0px 0px 40px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}


/* -------------------- Porträt - Team ----------------------------- */

.image_border {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 20px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}


/* -------------------- Porträt - Schulungsräume ----------------------------- */

#schulungsraeume_content {
	float: left;
	width: 640px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
}

#schulungsraeume_foto {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 15px 30px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}



/* -------------------- Home ----------------------------- */

#home_content_allgemein {
	float: left;
	width: 360px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
}

#home_foto {
	float: left;
	border: 1px solid #C2C2C2;
	margin: 4px 15px 10px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}

#home_einstufungstest {
	position: relative;
	width: 420px;
	height: 75px;
	border: 0px;
	margin: 40px 0px 40px -30px;
	padding: 0px;
	background: transparent;
	z-index: 10;
}

#home_aktuell {
	float: right;
	width: 230px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 15px;
	color: #006699;	
	z-index: 9;
}




/* -------------------- Kursdetails (Abendkurse und Tageskurse) ----------------------------- */

#kurs_details {
	float: left;
	width: 420px;
	border: 0px solid #C2C2C2;
	margin: 0px 20px 50px 0px;
	padding: 0px;
	background: transparent;
}


#kurs_stufen {
	float: right;
	width: 175px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 14px;
	color: #006699;	
	z-index: 9;
}

#kurs_image {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 20px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}


#kurs_stufen a:link { text-decoration: none; color: #2c3c59; font-weight: bold; -moz-outline: none; }
#kurs_stufen a:visited { text-decoration: none; color: #2c3c59; font-weight: bold; -moz-outline: none; }
#kurs_stufen a:active { text-decoration: none; color: #2c3c59; font-weight: bold; -moz-outline: none; }
#kurs_stufen a:hover { text-decoration: underline; color: #2c3c59; font-weight: bold; -moz-outline: none; }


td.kurs_details{
	padding: 0px 0px 15px 0px;	
	text-align: left;
}

.kurse_image_border {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 20px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}

#kurs_info {
	float: left;
	width: 410px;
	height: 28px;
	border: 0px solid #ff00ff;
	margin: 50px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	z-index: 10;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 14px;
}


#kurs_info a:link { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kurs_info a:visited { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kurs_info a:active { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kurs_info a:hover { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }



#kurs_info_image{
	float: left;
	border: 0px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	background: transparent;
	z-index: 10;
}

#probelektion_info {
	float: left;
	width: 410px;
	height: 28px;
	border: 0px solid #ff00ff;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	z-index: 10;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 14px;
}


#probelektion_info a:link { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#probelektion_info a:visited { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#probelektion_info a:active { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#probelektion_info a:hover { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }



#probelektion_info_image{
	float: left;
	border: 0px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	background: transparent;
	z-index: 10;
}



/* -------------------- Kurse - Privatkurse ----------------------------- */

#privatkurse_foto {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 4px 0px 15px 30px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}




/* -------------------- Kontakt ----------------------------- */

/* Allgemeiner Text mit Foto */

#kontakt_content_allgemein {
	float: left;
	width: 400px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	background: transparent;
}

#kontakt_foto {
	float: right;
	border: 1px solid #C2C2C2;
	margin: 0px 5px 50px 0px;
	padding: 5px;
	background: #FFFFFF;
	z-index: 10;
}


/* Lageplan */

#kontakt_lageplan {
	float: left;
	border: 1px solid #C2C2C2;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background: #FFFFFF;
}

#kontakt_content_lageplan {
	float: none;
	width: 270px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 30px 130px;
	padding: 0px;
	background: transparent;
}

/* IE Hack */
* html #kontakt_content_lageplan {
	margin: 0px 0px 30px 127px;
}

#kontakt_content_lageplan a:link { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kontakt_content_lageplan a:visited { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kontakt_content_lageplan a:active { text-decoration: none; color: #2c3c59; font-weight: normal; -moz-outline: none; }
#kontakt_content_lageplan a:hover { text-decoration: underline; color: #2c3c59; font-weight: normal; -moz-outline: none; }




/* Adresse */

#kontakt_content_address {
	float: none;
	width: 270px;
	border: 0px solid #C2C2C2;
	margin: 0px 0px 0px 130px;
	padding: 0px;
	background: transparent;
}


/* Formulare - #anmeldeform gilt fuer Einstufungstest, Privatkurse und Firmenkurse */

#anmeldeform {
	position: relative;
	width: 410px;
	min-height: 450px;
	margin: 0px 113px 0px 114px;
	background: transparent url(../images/einstufungstest/box-bg.gif) repeat-x 0 0;
}

#anmeldeform td.text {
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
}

#anmeldeform td.infotext {
	font: 11px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #006699;	
}

#anmeldeform td.textpflicht {
	font: 11px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000000;	
}

#anmeldeform select.select {
	width: 230px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #fcfcfc;
}

#anmeldeform input.input {
	width: 230px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #fcfcfc;
}

#anmeldeform input.input_error {
	width: 230px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #ffcccc;
}

#anmeldeform input.input_plz {
	width: 35px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #fcfcfc;
}

#anmeldeform input.input_plz_error {
	width: 35px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #ffcccc;
}

#anmeldeform input.input_ort {
	width: 191px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #fcfcfc;
}

#anmeldeform input.input_ort_error {
	width: 191px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #ffcccc;
}


#anmeldeform textarea.textarea {
	width: 230px;
	height: 75px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px;
	padding: 0px;
	background: #fcfcfc;
}

#anmeldeform input.submit {
	width: 230px;
	height: 18px;
	font: 10px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: #eaeaea;
}

/* Kontakt - Formular */

#kontakt_form {
	float: right;
	border: 0px solid #C2C2C2;
	margin: -4px 0px 30px 0px;
	padding: 0px;
	background: transparent;
	font: 10px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 14px;
	color: #006699;	
	z-index: 9;
}

#kontakt_form input.input {
	width: 175px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background: #fcfcfc;
}

#kontakt_form input.input_error {
	width: 175px;
	height: 18px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background: #ffcccc;
}

#kontakt_form textarea.textarea {
	width: 175px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	background: #fcfcfc;
}

#kontakt_form textarea.textarea_error {
	width: 175px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	background: #ffcccc;
}

#kontakt_form input.button {
	width: 175px;
	height: 18px;
	font: 10px Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #000000;	
	border: 1px solid #006699;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: #eaeaea;
}