/*
	--------------------------------------------------
	DDG kompakt

	media:		screen
	authors: 	Mary-Ann Sprenger
	--------------------------------------------------
	--------------------------------------------------
	colors:

	h1		-->	#3b73a9;
	h2		-->	#858585;
	p		-->	#444444;
	a		--> #3b73a9;
	bg		--> #0D2445;
	box b	--> #e4e2e0;
	box bg	--> #f1f0ec;
	
	blau	--> #283583;
	blau2	--> #006eb7;
	blau3	--> #98b1dd;
	blau4	--> #a3c6ea;
	
	--------------------------------------------------
*/

/* @group reset html */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,address {margin:0; padding:0; cursor: default;}
ul,li {list-style-type:none; display: block;}
img {border: none;}
/* @end */

/* @group general font settings */
body { font: normal 0.7512em/1.5em 'Verdana', sans-serif; color: #006eb7;text-align: center;} 
html>body { font-size: 12px; } 
span { margin: 1.8em  0; font-size: 0.8333em; line-height: 1.8em; }
h1, p { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h2 { margin: 1.2857em 0; font-size: 1.1667em; line-height: 1.2857em;}
h3 { margin: 1.125em 0; font-size: 1.3333em; line-height: 1.125em; color: #004a93; }
h4 { margin: 1em 0; font-size: 1.5em; line-height: 1em; }
h5 { padding: 0.75em 0; font-size: 2em; line-height: 0.75em; }
h6 { margin: 0.5em 0; font-size: 3em; line-height: 0.5em; }

a {text-decoration: none;color: #006eb7;}
a:link {text-decoration: underline;color: #006eb7;}
hr {border: none;}
.center {text-align: center;}
ul {}
li {list-style: disc inside;display: list-item;}

/* @end */

/* @group general body settings */
body {background: #283583;}
#wrapper, .wrapper {margin: 0 auto; width: 960px;text-align: left;}
/* @end */

#topnav {background: #fff;text-align: right;padding: 10px 10px 0px 0px;}
#topnav a {color: #006eb7;font-size: 11px;}
#header {height: 400px;background: #fff;}
#header_up {height: 150px;background: #fff;}
#logo {padding-top: 100px;}
#logo_up {padding-top: 20px;}
#intro {height: 180px;background: #006eb7;padding-top: 100px;}
#intro_up {height: 80px;background: #006eb7;padding-top: 20px;}
#intro li {display: inline;padding: 0px 20px;}
#footer {position: absolute; bottom: 10px; right: 10px;}

#upload, #anmeldung, #sponsoren, #sponsorenauskunft {background: #fff; padding-bottom: 50px;}
#upload td, #anmeldung td {font-size: 12px;}

#sponsoren, #sponsorenauskunft {padding-top: 0.75em;}
#sponsoren td {padding-bottom: 5px;}
#sponsorenauskunft td {padding-bottom: 5px;font-size: 13px;font-weight: bold;}
td.amount {text-align: right;width: 150px;}


th {font-size: 12px;}

.anmeldung_tngebuehr {border: #fff;}
.anmeldung_tngebuehr th {color: #fff;background:#006eb7;padding: 5px 0px;}
.anmeldung_tngebuehr td.th1 {color: #fff;background:#006eb7;padding: 5px 0px 5px 5px;}
.anmeldung_tngebuehr td.th2 {background:#98b1dd;padding: 5px 0px 5px 5px;}
.anmeldung_tngebuehr td.th2a {background:#98b1dd;padding: 0px 0px 5px 0px;}
.anmeldung_tngebuehr td.th3 {padding: 5px 0px 5px 5px;}

.anmeldung_workshops {border: #fff;}
.anmeldung_workshops th {color: #fff;background:#006eb7;padding: 5px 5px;text-align: left;}
.anmeldung_workshops td {padding: 5px;}
.anmeldung_workshops td.th1 {color: #fff;background:#006eb7;}
.anmeldung_workshops td.th2 {padding-left: 15px;}
.anmeldung_workshops input {margin:0px 0 0 10px;}

.anmeldung_hotel {border: #fff;}
.anmeldung_hotel th {color: #fff;background:#006eb7;padding: 5px 0px;}
.anmeldung_hotel td {padding: 5px;}
.anmeldung_hotel td.th1 {color: #fff;background:#006eb7;}
.anmeldung_hotel td.th2 {background:#98b1dd;padding: 5px 0px 5px 5px;}

p.zahlungsartinner {padding-left: 25px;margin-top: 0px;}

/* @group general table settings */
table {border-collapse: collapse;table-layout: fixed;font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}
/* @end */


/* @group columns */
.column {display: block; float: left; margin: 0 20px 0 0;}
.lastcol {margin: 0; padding: 0;}
.firstcol {margin-left: 10px; padding: 0;}
.onecol {width: 60px;}
.twocol {width: 140px;}
.threecol {width: 220px;}
.fourcol {width: 300px;}
.fivecol {width: 380px;}
.sixcol {width: 460px;}
.sevencol {width: 540px;}
.eightcol {width: 620px;}
.ninecol {width: 700px;}
.twelvecol {width: 940px;}
/* @end */


#element {
  background-color: #F9F9F9;
  border: 1px solid #6B7B95;
  color: #000;
  float: left;
  height: 60px;
  margin: 50px;
  padding: 10px;
  width: 60px;
}

.myClass {
  background-color: #C6D880;
  border: 3px dashed #000;
  font-size: 20px;
  height: 60px;
  padding: 20px;
  width: 300px;
}


#actions {
  float: right;
  width: 190px;
}
  #actions LI, #reset {
    color: #6B7B95;
    cursor: pointer;
    line-height: 18px;
    text-decoration: underline;
  }
  #actions LI:HOVER, #reset:HOVER {
    color: #E79D35;
    text-decoration: none;
  }
  
#reset {
  margin: 30px 0 0;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 800px;
  max-width: 960px;
  width: 960px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form input#vorname, form input#nachname, form input#telefon, form input#email, form input#efn, form input#institutsname {width: 180px;}
form input#strasse {width: 140px;}
form input#hausnummer {width: 30px;}
form input#plz {width: 45px;}
input#iban {width: 240px;}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}