/***************************
*****
*****
*****  screen.css von Arno Helm - ah@agentur-lindner.de
*****
*****
***************************/

/***************************
Positionierung & Grafik
***************************/
* {
    margin:0;
    padding:0;
    border:0;
}
body {
    text-align:center;
    background-image: url(../img/holz-nahtlos.jpg);
    background-repeat: repeat;
    background-position: top center;
}

div#orbit {
    width:1005px;
    background-color: transparent;
    text-align:left;
    margin:7px auto;
}
div#kopf {
    width:1005px;
    height: 29px;
    background-image: url(../img/kopf.png);
    background-position: left;
    background-repeat:no-repeat;
}
div#bauch {
    width:1005px;
    background-image: url(../img/backg.png);
    background-position: 0 0;
    background-repeat: repeat-y;
}

img#headerbild {
    float:left;
    margin-left: 245px;
}

div#col1 {
    width:665px;
    float:left;
    min-height:385px;
}
div#content-mantel {
width:587px;

    margin-left:78px;
    background-color:white;
}

div#content {
    padding:7px 7px 7px 40px;
    width:540px;
}

div#col2 {
    width:340px;
    float:right;
    
}
div#menu {
    height:340px;
}
div#clearer {
    width:1005px;
    height: 1px;
    clear:both;
    background: transparent;
}
div#schuh {
    width:1005px;
    height: 31px;
    clear:both;
    background-image: url(../img/bottm.png);
    background-position: left;
    background-repeat:no-repeat;
}
.clearer {clear:both;}

/* MENU */
div#menu ul li a{
    font-family:"Comic Sans", "Comic Sans MS", "Lucida Casual", fantasy;
    font-style:italic;
    font-variant: small-caps;
    font-weight: lighter;
    font-size:22px;
    color:#006;
    text-decoration: none;
} 
div#menu ul {
    display:block;
    width:306px;
    height:180px;
    float:right;
    display:block;
    text-align:right;
}
div#menu ul li {
    list-style: none;
}
div#menu ul li a{
    display:block;
    padding-right:120px;
}

/* AKTIVE */
#menupunkt1-aktiv {
    height:126px;
    background-image: url(../img/aktiv_02.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
#menupunkt1-aktiv a{
    padding-top:55px;
}
#menupunkt2-aktiv {
    height:98px;
    background-image:url(../img/aktiv_03.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
#menupunkt2-aktiv a{
    padding-top:17px;
}
#menupunkt3-aktiv {
    height:119px;
    background-image: url(../img/aktiv_04.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
li#menupunkt3-aktiv  a{
    padding-top:35px;
} 
/* INAKTIVE */
#menupunkt1-inaktiv {
    height:126px;
    background-image: url(../img/inaktiv_02.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
#menupunkt1-inaktiv a{
    padding-top:55px;
}
#menupunkt2-inaktiv {
    height:98px;
    background-image: url(../img/inaktiv_03.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
#menupunkt2-inaktiv a{
    padding-top:17px;
}
#menupunkt3-inaktiv {
    height:119px;
    background-image: url(../img/inaktiv_04.png);
    background-repeat:no-repeat;
    backgorund-align:left;
}
#menupunkt3-inaktiv  a{
    padding-top:35px;
}
/* Schriftgröße für einzelen Menüpunkte ändern */
div#menu ul li#menupunkt2-aktiv a, div#menu ul li#menupunkt2-inaktiv a{
	text-align:left;
	padding-left:92px;
}
/***************************
Typografie
***************************/

body {
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helevetica, sans-serif;
    color: #000;
    vertical-align:baseline;
}
p {
    text-align: block;
    margin-bottom:0.6em;
}
h1 {
    color: #86110a;
    font-size:1.5em;
    margin-bottom:0.6em;
}
h2 {
    font-size:1.2em;
    color: #86110a;
    margin-bottom:0.2em;
}
h3 {
    font-size:1.2em;
    color: #86110a;
}
div#menu ul li a:hover,div#menu ul li a:active,div#menu ul li a:focus{
    color: #86110a;
}
hr {
    border-top: 1px solid #D3C9C4;
    margin:4px 0px;
}
a {
    color: #5b524d;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #86110a;
}
a.knopf {
    float:left;
    padding:3px;
    display:block;
    height:121px;
    width:121px;
    text-align:center;
    margin:3px;
    border: 1px solid #D3C9C4;
    font-size:8px;
    cursor: pointer;
    cursor: hand;
}
a#Button_1 {
	border:1px dashed #86110A;
}
a.bereichwahl {
    cursor: pointer;
    cursor: hand;
	}
strong {
	letter-spacing:1px;
}
ul {
	margin-left:1em;
	width:-1em;
	margin-bottom:0.7em;
}
span.header-inside-form {
    font-size:14px;
    color:#86110A;
    font-weight:bolder;
}
#knopfleiste {
	margin-bottom:1em;
	height:129px;
	}
#Formular_1, #Formular_2, #Formular_3, #Formular_4{
    float:left;
}

fieldset {
    margin-bottom:0.5em;
    padding:6px;
    border:1px solid #D3C9C4;
}
legend {
    font-size:1.2em;
    color:#86110a;
    font-weight: bolder;
}
select, textarea{
    width:360px;
    border: 1px solid #D3C9C4;
}
input {
    width:360px;
    border: 1px solid #D3C9C4;
}

input.radio, input.checkbox {
    width:14px;
}
input.radio{
	margin-right:6px;
	width:16px;
	border:0;
	}
input.submit {
    float:left;
    margin-bottom:0.5em;
}
input[readonly = "readonly"]{
	color:#666;
	}
checkbox{
    margin-top:3px;
}
legend {
    font-size:14px;
}
div.Anfrageseite div fieldset div {
	width:500px;
	}
fieldset div {
    text-align:left;
    margin:5px;
    float:left;
}
fieldset div div {
	margin-top:-1.7em;
	display:inline;
    float:right;    
}
div.Anfrageseite div fieldset div div{
    width:330px;
}
/* Gestaltungsfragebogen */
.umrahmt {
	border:1px solid #D3C9C4;
	width:inherit;
	padding:3px;
	float:none;
	margin:0;
	display:inline-table;
	width:352px;
	}
.abstand-rechts{
	float:left;
	margin:0;
	margin-right:2em;
	margin-bottom:2px;
}
#layer1, #layer2, #layer3, #layer4{
	width:200px;
	height:283px;
	background:transparent;
	border:1px solid #D3C9C4;
}
.overlay {
	margin-top:-290px;
	}
/* accordion */
.accordion_toggler_1 {
	font-size:1.1em;
	font-weight:bold;
}
.accordion_toggler_2 {
	font-size:1.1em;
	font-weight:bold;
}
dt {
	background-image: url(../img/arrow1.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 16px;
    cursor: pointer;
    cursor: hand;
}

dt.kategorie1 {
	background-color:#FEDFB4;/* Kat1 Hintergrund Dunkel */
}
dt.kategorie1[class ~= "open"]{
	color:#FF7F00;/* Kat1 Schriftfarbe */
	background-image: url(../img/arrow-kat1.gif);
}
dd.kategorie1 dl dt.open {
	color:#FF7F00;/* Kat1 Schriftfarbe */
	background-image: url(../img/arrow-kat1.gif);
}
dd.kategorie1 {
	background-color:#FEEFD9;/* Kat1 Hintergrund Hell */
}
dd.kategorie1 table{
	background-color:#FEDFB4;/* Kat1 Hintergrund Dunkel */
}

dt.kategorie2 {
	background-color:#E3F4BD;/* Kat2 Hintergrund Dunkel */
}
dt.kategorie2[class ~= "open"]{
	color:#8CC919;/* Kat2 Schriftfarbe */
	background-image: url(../img/arrow-kat2.gif);
}
dd.kategorie2 dl dt.open {
	color:#8CC919;/* Kat2 Schriftfarbe */
	background-image: url(../img/arrow-kat2.gif);
}
dd.kategorie2 {
	background-color:#F1FADE;/* Kat2 Hintergrund Hell */
}
dd.kategorie2 table{
	background-color:#E3F4BD;/* Kat2 Hintergrund Dunkel */
}

dt.kategorie3 {
	background-color:#C1E7F1;/* Kat3 Hintergrund Dunkel */
}
dt.kategorie3[class ~= "open"]{
	color:#00A0C6;/* Kat3 Schriftfarbe */
	background-image: url(../img/arrow-kat3.gif);
}
dd.kategorie3 dl dt.open {
	color:#00A0C6;/* Kat3 Schriftfarbe */
	background-image: url(../img/arrow-kat3.gif);
}
dd.kategorie3 {
	background-color:#E0F3F8;/* Kat3 Hintergrund Hell */
}
dd.kategorie3 table{
	background-color:#C1E7F1;/* Kat3 Hintergrund Dunkel */
}

dt.kategorie4 {
	background-color:#E5E4F1;/* Kat4 Hintergrund Dunkel */
}
dt.kategorie4[class ~= "open"]{
	color:#9999C9;/* Kat4 Schriftfarbe */
	background-image: url(../img/arrow-kat4.gif);
}
dd.kategorie4 dl dt.open {
	color:#9999C9;/* Kat4 Schriftfarbe */
	background-image: url(../img/arrow-kat4.gif);
}
dd.kategorie4 {
	background-color:#F3F2F8;/* Kat4 Hintergrund Hell */
}
dd.kategorie4 table{
	background-color:#E5E4F1;/* Kat4 Hintergrund Dunkel */
}

dd p {
	margin:0.2em;
	}	
dd {
	padding-left:1em;
}
dt, dd{
	padding-top:0.2em;
	padding-bottom:0.2em;	
	}


/* Tabellen auf Akkordion-Seite */
.accordion_content table {
	margin: 2px;
	border: solid 1px #5B524D;
	border-collapse:collapse;
	font-size:0.8em;
	}
.accordion_content table td {
	border-bottom:1px dotted #5B524D;;
	}
.accordion_content table tr.hinterlegt td {
	background-color: #FFFFF7;	
	border-bottom:1px solid #5B524D;
	border-top:1px solid #5B524D;
	}
.accordion_content table tr td {
	text-align:right;
	padding-right:10%;
	}
.accordion_content table tr.hinterlegt td {
	text-align:center;
	padding:0.3em;
	}
.smaller {
	font-size: 0.8em;
	font-weight: light;
}
/* ToolTip Start */
.info {left:3px;margin-bottom:-5px;}
		.tip { position:relative; width:180px; background:#F3E7E7; border:1px solid #86110A;}
		.Gestaltungsfragebogen .tip	{width:120px;}
		.tip-top			{ }
		.tip-title		{ color:#86110A; font-weight:bold; margin:3px; }
		.tip-text		{ color:#000; padding:3px; }
		.tip-bottom		{ }
	
/* ToolTIp Ende */
.invalid {background-color:#FF5555;}