/* CSS welchse in jedem Fall gleich ist
 * Koloradokäfer
 *
 * Diese Datei stellt das Standardlayout fuer meine Homepage zur Verfuegung.
 */

/* Textgrößen */
.large {
    font-size:      16pt;
}

.normal {
    font-size:      12pt;
}

.small {
    font-size:      10pt;
}

/* Textformate */
.text, .quote, .code {
    color:          #000;
    text-align:     justify;
    margin-bottom:  2em;
}

.text {
    line-height:    150%;
}

.title {
    font-weight:    bold;
    color:          #000;
    margin:         3em 0em 1em 0em;
}
	
.quote {
    padding:        10px;
    background-color: #eee;
    border:         1px solid #ccc;
    font-style:     italic;
    line-height:    150%;
}
	
.code {
    padding:        10px;
    background-color: #eee;
    border:         1px solid #ccc;
    font-family:    monospace;	
}

ul.text {
    list-style-type: disc;
}

/* Weiterlesen, Tagzeile */
.readon {
    margin-top: -2em;
}

.tagline {
    margin-top: -2em;
}

/* Rahmen - Begrenzungen */
	.linel {		/* links */
		border-left: 1px solid #f50;
		padding: 0px 10px;
	}

	.liner {		/* rechts */
		border-right: 1px solid #f50;
		padding: 0px 10px;
	}

	.lineo {		/* oben */
		border-top: 1px solid #ccc;
		padding: 10px 0px;
	}
	
	img {
	        border-width: 0px;
	}

/* Sonstige */
	.padd {
		padding: 0px 10px;
	}

	.rand td {
		 border-top: 1px solid #ccc;
	}

	abbr {
		font-variant: small-caps;
		color: #666;
	}
	
	.unimposing {
	        color: #666;
	}

span.itemtext {
        width: 150pt;
        float: left;
}

.warning {
        border: 1px dotted #f50;
        width: 400px;
        padding: 10px;
}

/* Bilder */
img.thumb {
    float:          left;
    max-width:      40%;
    margin:         0pt 20pt 15pt 0pt;
    padding:        5pt;
    border:         1px solid #ccc;
}

img.widethumb {
    max-width:      80%;
    margin:         15pt;
    padding:        5pt;
    border:         1px solid #ccc;
}

/* Balkengrafik */
span.statbar {
        float: left;
        height: 10pt;
        border: 1px solid #666;
        background-color: #ccc;
}

/* Formulare */
form.form {
    background-color: #eee;
    width:          400pt;
    padding:        10px;
    border:         1px solid #ccc;
    font-size:      12pt;
    color:          #000;
}

div.formtext {
        margin-top: 5px;
        width: 120pt;
        float: left;
}

.must {
        margin-top: 5px;
        border: 1px solid #666;
}

.can {
        margin-top: 5px;
        border: 1px solid #ccc;
}

.wide {
        width: 250pt;
}

.short {
        width: 50pt;
}

/* Tabellen */
table {
        border-collapse: collapse;
}

table.text tr td {
        border: 0px solid #fff;
        padding-left: 5px;
        padding-right: 5px;
}