/* --- Information -------------------------------------------------------
 *  Projekt : Befrager.de
 *  Autor   : Christian Hansen
 *
 *  Version : 1.0.0.0
 *  Datum   : 26. Nov 2006
 * --------------------------------------------------------------------- /


/* --- Body ----------------------------------------------------------- */

body {
    background:         #FFFFFF;
    margin:             0px;
    }


/* --- Container (Table's) -------------------------------------------- */

.containerlogo {
    width:              144px;
    height:             159px;
    background:         url('../gfx/logo.jpg') no-repeat;
    }

.containerbanner {
    height:             159px;
    background:         url('../gfx/banner.jpg') no-repeat;
    }

.containernavigation {
    width:              144px;
    background:         url('../gfx/navigation.jpg') no-repeat #F3F6FB;

    text-align:         left;
    vertical-align:     top;
    font:               12px/20px verdana;
    color:              #111111;
    }

.containercontent {
    background:         url('../gfx/background.jpg') no-repeat #FFFFFF;

    text-align:         left;
    vertical-align:     top;
    font:               12px/20px verdana;
    color:              #111111;
    }


/* --- Div's & Td's --------------------------------------------------- */

div.font {
    width:              100%;
    text-align:         left;
    padding-left:       10px;
    }

div.navigation {
    margin-top:         10px;
    width:              134px;
    text-align:         right;
    color:              #034CA5;
    }

div.whereiam {
    margin:             10px;
    border-bottom:      2px solid #F3F6FB;
    font:               10px/20px verdana;
    }

div.copyright {
    margin:             10px;
    border-top:         2px solid #F3F6FB;
    font:               10px/20px verdana;
    color:              #95A4BB;
    }


.content {
    text-align:         left;
    vertical-align:     top;
    font:               12px/20px verdana;
    color:              #111111;
    padding:10px;
    }

.advertising {
    width:              180px;
    text-align:         center;
    vertical-align:     top;
    }



div.post {
    }

div.header {
    background:         #F3F6FB;
    padding:            5px;
    font:               12px/20px verdana;
    color:              #123456;
    font-weight:        bold;
    }

div.text {
    padding:            10px;
    text-align:         justify;
    font:               12px/20px verdana;
    color:              #111111;
    }

div.textcenter {
    padding:            10px;
    text-align:         center;
    font:               12px/20px verdana;
    color:              #111111;
    }

/* --- Links ---------------------------------------------------------- */

a:link {
    color:              #034CA5;
    text-decoration:    none;
    }

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

a:hover {
    color:              #135;
    text-decoration:    none;
    border-bottom:      1px solid #000000;
    }

a:active {
    color:              #135;
    text-decoration:    none;
    border-bottom:      1px solid #000000;
    }

a:focus {
    color:              #135;
    text-decoration:    none;
    border-bottom:      1px solid #000000;
    }


/* --- Inputs --------------------------------------------------------- */

/*
input.text {
  font: 8pt Verdana; color: #FFFFFF; background-color: #635353; border: 1px solid #FFFFFF; width: 200px;
}

input.button {
  font: 8pt Verdana; color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; height: 23px; width: 140px;
}

textarea {
  font: 8pt Verdana; color: #FFFFFF; background-color: #635353; border: 1px solid #FFFFFF; height: 100px; width: 300px;
}

select {
  font: 8pt Verdana; color: #FFFFFF; background-color: #635353; border: 1px solid #FFFFFF;
}
*/

/* --- Sonstige Fonts ------------------------------------------------- */

.redfont {
  font: 8pt Verdana; color: #701217; font-weight: Bold;
}

.MainSeitenZeileGerade 
{
	background-color : #ffffff;
    font:               12px/20px verdana;
}
.MainSeitenZeileUnGerade 
{
	background-color : #f6f7fc;
    font:               12px/20px verdana;
}


/*Blöcke auf der Seite FragenbogenSeite*/
.elementeBlock 
{
	background-color : #f0f0f0;
	font-family : Arial;
	border-color : #f0f0f0;
	border-style : solid;
	border-width : 5px;
}

/*Kopfzeile*/
.kopfzeile 
{
	background-color : #f0f0ff;
	font-family : Arial;
	border-color : #f0f0ff;
	border-style : solid;
	border-width : 5px;
}

/*Tabelle auf der Seite FragenbogenSeite mit den Einzelfragen*/
.seiteZeileGerade 
{
	background-color : #e0e0e0;
	font-family : Arial;
}
.seiteZeileUnGerade 
{
	background-color : #d0d0ff;
	font-family : Arial;
}

/*Überschrift über einer FragebogenSeite. auch in Auswertung und Codebook*/
.seitentitel 
{
	font-family : Arial;
	font-size : medium;
	font-weight : bold;
	width : 100%;
	text-align : center;
	background-color : #d0d0d0;
}

/*Text der Frage in Auswertung und Codebook*/
.fragentext
{
	font-family : Arial;
	font-weight : bold;
	background-color : #e0e0e0;
}

/*text einer einzelnen Matrixfrage in auswerzung und Codebook*/
.matrixfragentext
{
	font-family : Arial;
	font-style : italic;
	background-color : #f0f0f0;
}

/*FragenText im Fragebogen*/
.fragentextFrageBogen
{
	font-family : Arial;
	font-weight : bold;
	width: 100%;
	background-color : #e8e8e8;
	border-color : #e8e8e8;
	border-style : solid;
	border-width : 5px;
}

/*ErläuterungsText im Fragebogen*/
.erlaeuterungFrageBogen
{
	font-family : Arial;
	font-size : x-small;
	width: 100%;
	background-color : #e8e8e8;
	border-color : #e8e8e8;
	border-style : solid;
	border-width : 5px;
}

/*------------------------------------------------------------------------------------*/
/*EINFACH UND MEHRFACHANTWORTEN*/
/*------------------------------------------------------------------------------------*/
/*tabelle mit den antworten zu einer Frage, bei einfach und mehrfach*/
.tabelleFragebogen
{
	table-layout: auto;
	width: 100%;
	border-collapse: separate;
}
/*Antwortkategorien im Fragebogen, bei einfach und mehrfach antworten*/
.zeileGeradeFragebogen 
{
	background-color : #f5f5f5;
	font-family : Arial;
	font-size : x-small;
}
.zeileUnGeradeFragebogen 
{
	background-color : #f0f0ff;
	font-family : Arial;
	font-size : x-small;
}
/*spalte mit den antwortkästchen*/
.kreuzspalteFragebogen 
{
	width : 15px;
}

/*------------------------------------------------------------------------------------*/
/*MATRIX*/
/*------------------------------------------------------------------------------------*/

.headFragebogenMatrix 
{
	font-family : Arial;
	font-size : xx-small;
	background-color : #e0e0e0;
}

.zeileGeradeFragebogenMatrix 
{
	font-family : Arial;
	font-size : x-small;
	background-color : #f5f5f5;
}

.zeileUnGeradeFragebogenMatrix 
{
	font-family : Arial;
	font-size : x-small;
	background-color : #f0f0ff;
}

.matrixfragentext
{
	font-family : Arial;
	font-style : italic;
	background-color : #f0f0f0;
}

.kategorie
{
	font-family : Arial;
}

.matrixkategorie
{
	font-family : Arial;
	text-align : right;
}

/*------------------------------------------------------------------------------------*/
/*AUSWERTUNG*/
/*------------------------------------------------------------------------------------*/

.textantwort
{
	font-family : Arial;
	font-size : x-small;
}

/*Buttons*/
.buttons 
{
	width : 100%;
}