@charset "utf-8";


/******************************/
/* ALLGEMEINE REGELN	  */
/******************************/
* {
    margin: 0;
    padding: 0;
}

body {
    font: normal 80% Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color:#EFEFEF;
    text-align:center;
}

li {
    list-style-position:inside;
    list-style-type:square;
}

p {
    margin: 0.5em 0 1.8em 0;
}

table tr td{
    padding: 0.3em 0.8em;
}

/* Diese Klasse sollte in einem div- oder break-Element platziert werden
und das letzte Element vor dem Schließen eines Containers sein,
der wiederum einen vollständigen Float enthalten sollte. */
.clearfloat {
    clear:both;
    height:0.1px;
    font-size: 1px;
    line-height: 0px;
}

/* ueberschriften
----------------------- */

h1, h2, h3, h4 {
    font-family:Geneva, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}

h1 {
    color:	#000f87;
    padding: 0 0 0.8em 0;
    font-size:1.4em;
}

h2 {
    color:	#777;
    font-size:1.2em;
    padding-bottom: 0.8em;
}

h3 {
    color: #000f87;
    padding-bottom: 0.3em;
}


h4 {
    background-position:left;
    background-repeat:no-repeat;
    background-image:url(../gfx/red.gif);
    padding: 0px 0 3px 20px;
    margin: 10px 0 0 0;
    color:	#777;
}

/* links
----------------------- */
a {
    color:#3C6;
    text-decoration: none;
    margin: 0;
}

a:hover  {
    color:#3C6;
    text-decoration: underline;
    margin: 0;
}

a:visited  {
    color:#3C6;
    text-decoration: none;
    margin: 0;
}

a.block {
    display:block;
}

a.www {
    background-image:url(../gfx/icon_www.jpg);
    background-position:left;
    background-repeat:no-repeat;
    padding-left: 20px;
}

a.pdf {
    background-image:url(../gfx/icon_pdf.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left: 20px;
}

/* bilder
----------------------- */
img {
    border:0;
}

img#fotos {
    border:1px #333333;
}


/******************************/
/* PAGE 		  */
/******************************/
#pagebox {
    margin:0 auto;
    text-align:left;
    width:960px;

}

#page {
    background-color:#FFFFFF;
    border: 1px solid #CCC;
    margin: 20px 0;
}


/******************************/
/* MAIN 		  */
/******************************/

div#main {
    background-color:#ffffff;
    font-size: 100.01%;
    margin: 0;
    padding: 0;
    border:0;
    display: block;
}

/******************************/
/* HEADER 		  */
/******************************/
#header {
    background-image:url(../gfx/wci10_headgrafik_960px.png);
    background-repeat:no-repeat;
    border-bottom: 1px solid #000f87;
    height:120px;
    margin:  0;
}


#header h1#title {
    padding: 10px 0px 0px 25px;
    font-size: 1.9em;
    font-weight:bold;
    color: #3C6;
}
#header h2 {
    font-size: 1.4em;
    color: #fff;
    padding:0;
}

#header h2#date {
    margin: 5px 0px 0px 260px;
}
#header h2#location {
    margin: 5px 0px 0px 320px;
}

/******************************/
/* LEFT        		  */
/******************************/

#left {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 0 0px 0;
}
#languagebox {
    background-color:#FFF;
    padding: 3px 0 3px 10px;
    border: 1px solid #CCC;
    height: 19px;
    margin: 10px 15px 8px 15px;
}


/******************************/
/* NAVIGATION 	     	  */
/******************************/

#nav {
    text-transform:uppercase;
    font-family: Verdana, sans-serif;
}

/* navigationsebene 1
----------------------- */
#nav1 {
    background-color:#FFF;
    margin: 15px 15px 8px 15px;
}

#nav1 li {
    list-style-type:none;
    background-color:#EEE;
    margin: 0;
    border: 0;
    margin-top: 8px;
    padding: 3px 0;
    border: 1px solid #CCC;
}

#nav1 li a {
    display: block;
    padding-left: 10px;
    color: #000;
}

#nav1 li:hover {
    background-color: #555;
    border: 1px solid #333;
}

#nav1 li:hover a {
    color: #FFF;
    text-decoration:none;
}

#nav1 li.selected {
    background-color:#627fbf;
    border: 1px solid #000f87;
    padding-bottom: 0;
}

#nav1 li.selected a {
    color: #FFF;
    padding-bottom: 2px;
}
.nav1no {
    margin-right: 5px;
}

/* navigationsebene 2
----------------------- */
#nav2 {
    color: #000;
    margin-top: 3px;
}
#nav2 * {
    color: black;
}


#nav2 li {
    margin: 0;
    border: none;
    background-color: white;
    color: black;
}



#nav1 li.selected ul#nav2 li a {
    padding-left: 10px;
    display: block;
    color: #000;
}

#nav2 li:hover {
    background-color:#555;
    border: none;
}
#nav1 li.selected ul#nav2 li:hover a {
    color: white;
}

#nav2 li.selected {
    background-color:#FFF;
    border: none;
}

#nav1 li.selected ul#nav2 li.selected a {
    color: #627fbf;
}

/******************************/
/* CONTENT 		  */
/******************************/

#content {
    line-height: 1.4em;
    padding: 15px 20px 0 0;
    margin: 0 0 0 200px;
    min-width:16em;
    width: 740px;
}

/* 2 spaltiger content
----------------------- */

.content2 {
    width:	760px;
    margin:	5px 0px 10px 0px;
    padding: 0;
    text-align:justify;
}

.content2li {
    margin: 0;
    padding: 0;
    float:	left;
    width:	360px;
}
.content2re {
    padding: 0;
    width:	360px;
    margin:	0 0 0 380px;
}

/* 3 spaltiger content
----------------------- */
.content3 {
    margin:0;
    width: 760px;
    line-height:1.4em;
}

.content3li, .content3mi, .content3re {
    width: 210px;
    border: 1px dotted #000f87;
    padding: 10px;
    background-color:#FFFFFF;
}

.content3li {

    margin-left: 0px;
    float:left;
}
.content3mi {

    margin-left: 20px;
    float:left;
}
.content3re {

    margin-left: 505px;
}

.linethrough {
    text-decoration:line-through;
}

/******************************/
/* FOOTER		  */
/******************************/

#footer {
    margin: 10px 0 15px 0;
    padding: 8px 0;
    border-top: 1px solid #DDD;
}

#partner {
    width: 640px;
    margin-left: 20px;
    float:left;
    padding-bottom: 10px;
}
#partner img {
    vertical-align:middle;
    margin: 5px 30px 5px 0px;
}

#copyright {
    width:300px;
    margin-left:640px;
    margin-right: 20px;
    color:#AAA;
    font-size:x-small;
    text-align:right;
    padding: 5px 0px;
}


/******************************/
/* MESSAGE BOX 		  */
/******************************/

#messagebox {
    margin-bottom: 20px;
}

#messagebox ul li {
    margin: 1px;
    list-style-type: none;
}

#errors, #warnings, #statuses, #successes{
    list-style-type: none;
    padding: 2px 2px 2px 10px;
}

#errors{
    color: #FF0000;
    background-color: #FFCCCC;
}
#errors li{
    background:  url(../gfx/phoenity-aura-icons/16x16/exclamation-red-circle.png) 5px 50% no-repeat;
    padding-left: 28px;
}
#statuses{
    color: #333370;
    background-color: #A9DEFC;
}
#statuses li{
    background:  url(../gfx/phoenity-aura-icons/16x16/exclamation-blue-circle.png) 5px 50% no-repeat;
    padding-left: 28px;
}
#successes{
    color: #008000;
    background-color: #DDFFDD;
}
#successes li{
    background:  url(../gfx/phoenity-aura-icons/16x16/exclamation-green-circle.png) 5px 50% no-repeat;
    padding-left: 28px;
}
#warnings{
    color: #DAA520;
    background-color: #FAFAD2;
}
#warnings li{
    background: url(../gfx/phoenity-aura-icons/16x16/exclamation-yellow-circle.png) 5px 50% no-repeat;
    padding-left: 28px;
}

/******************************/
/* SPECIAL 		  */
/******************************/

#vbb .content3li, #vbb .content3mi, #vbb .content3re {
    height: 200px;
}

#vbb h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height: 1.4em;
    padding: 0.5em 0;
    margin: 0;
    font-size:smaller;
    text-transform:none;
    color:#000000;
}


.newsbox {
    border: 1px dotted #000f87;
    padding: 10px;
}

/******************************/
/* Tabelle Tagungsgebuehren */
/******************************/

table#fees {
    font-size: 1em;
    padding:0;
    border: 0;
    margin-left: 10px;
}

table#fees tr th {
    border-top: 1px dotted #999;
}

table#fees tr.topborder td {
    border-top: 1px dotted #999;
}

table#fees tr th {
    padding: 5px 20px;
    font-weight:normal;
    text-transform:uppercase;
    color:#000f87;
}

table#fees tr td {
    text-align:center;
    padding: 5px 20px;
}

/******************************/
/* REGISTRIERUNGSFORMULAR	  */
/******************************/


div.fieldbox {
    padding: 5px 0px;
}

div.fielddescr {
    width: 180px;
    margin-right: 10px;
    float:left;
}

div.fieldcontent {
    margin-left: 185px;
}
div#regli {
    width: 450px;
    float:left;
}

div#regre {
    margin-left: 480px;
    padding-top: 15px;
    width: 250px;
}
fieldset {
    border: 1px solid #999;
    padding: 5px 15px;
}
form#reg {
    width: 550px;
}

input[type=text] {

    border: none;
    padding: 0.2em;
    border-bottom: 1px dotted #777;
    background-color: #EEE;
}

input[type=text]:focus, input[type=text].errorfield:focus {
    background-color: #FFF;
}

input[type=text].errorfield {
    border-bottom: 1px dotted #CC0000 ;
    background-color: #FFCCCC;
}
legend {
    padding: 5px;
    text-transform:uppercase;
    color: #A10D59;
}
span.errorbg {
    background-color: #FFCCCC;
}

span.errordescr {
    color: #FF0000;
}
textarea {
    border: none;
    border-bottom: 1px dotted #777;
    background-color: #EEE;
}

textarea:focus {
    background-color: #FFF;
    border: 1px dotted #777;
}


ul.errors {
    margin: 0px 0px;
    padding: 10px;
    width:530px;
    background-color:#FFCCCC;
}

ul.errors li {
    list-style-position:outside;
    margin-left: 10px;
    padding: 2px;
}