/* CSS Document */ /* Guten Morgen!! */
body {
    background-color: #EEEEEE;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #FAFAFA url(/images/greygradient.jpg) repeat-x fixed center bottom;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 20px;
    height: 101%;
} 
#mainpage {
    width: 758px; 
	border: 1px solid gray;
	margin: 20px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	min-height:    400px;
}

h5 {
    font-size: 100%;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 0px;
    padding-top: 4px;
    margin-top: 0px;
}

h4, h3 {
    font-size: 1.175em;
    color: #444444;
    font-weight: bold;
    letter-spacing: 0.03em;
}

h4 {
}

h2 {
    font-size: 1.25em;
    /*color: #FDF2D5;*/
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 12px;
    margin-bottom: 8px;
    border-bottom: 2px solid #DDDDDD;
    letter-spacing: 0.06em;
}

h1 {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #C00202;
    font-weight: bold;
    letter-spacing: 0.03em;
}

p, ol, ul, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0.1pt;
    line-height: 140%;
    color:#555;
}

p {
    padding-top: 0;
    margin-top: 4px;
} .blueprint_info li {
    padding-top: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0.2pt;
    margin-left: 14px;
} .smallText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}

span.smallText {
    font-size: 0.9em;
    font-style: italic;
}

p.smallText {
    font-size: 0.9em;
    line-height: 120%;
}

/* Title-Area */ /**************/ #titleArea {
} #topBar {
} #titleBar {
    position: absolute;
    left: 0;
    top: 30px;
    width: 760px;
    height: 52px;
    background-color: #004972;
    background-position: 754px 0px;
    background-repeat: no-repeat;
    background-image: url('/images/cornerBlueTopRight.gif');
} #titleImage {
    position: absolute;
    left: 236px;
    top: 12px;
    border: 0;
}

/* Navigation */ /*************/ #navigationArea {
    margin-top: 1px;
    height: 20px;
    width: 758px;
    background-color: #EEEEEE;
}

/* Main navigation */
ul.mainnavigation_links {
    margin: 0;
    margin-left: 34px;
    padding: 0;
}

li.mainnavigation_links {
    display: block;
    float: left;
    padding: 0;
    margin-right: 20px;
    margin-top: 1px;
}

li.mainnavigation_links a {
    color: #666666;
    text-decoration: none;
    font-weight: normal;;
    font-size: 0.95em;
}

li.mainnavigation_links a:hover {
    color: #C00202;
    text-decoration: none;
    font-weight: normal;;
}

li.mainnavigation_links_selcted {
    margin-top: 1px;
    display: block;
    float: left;
    background-color: #FDF2D5;
    background-color: #DDD;
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin-right: 12px;
}

li.mainnavigation_links_selcted a {
    color: #C00202;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 0.95em;
} #secNaviLinks {
    margin-top: 1px;
    width: 100%;
    height: 2px;
} #subNavigation {
    margin-top: 1px;
    width: 758px;
    border-top: 2px solid #DDD;
}

ul.subNavigation_links {
    background-color: #DDD;
    margin: 0;
    padding: 0;
    padding-left: 34px;
    height: 18px;
    width: 560px;
    border-bottom: 1px solid #C00202;
    height: 18px;
}

li.subNavigation_links {
    display: block;
    float: left;
    padding: 0;
    margin-right: 20px;
    font-size: 0.85em;
}

li.subNavigation_links a {
    color: #333333;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
    font-weight: normal;
}

li.subNavigation_links a:hover {
    color: #C00202;
}

li.subNavigation_links_selected {
    display: block;
    float: left;
    background-color: #FFFFFF;
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    margin-right: 12px;
    font-weight: normal;
    font-size: 0.85em;
}

li.subNavigation_links_selected a {
    color: #C00202;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
}

li.subNavigation_links_selected {
    display: block;
    float: left;
    padding: 0pt 4px 4px;
    margin-right: 20px;
    margin-top: 1px;
}

/* Admin-Section */ #adminNavigation {
    margin-top: 1px;
    width: 100%;
    border-top: 2px solid #C00202;
}

ul.adminNavigation_links {
    background-color: #622;
    margin: 0;
    padding: 0;
    padding-left: 34px;
    height: 18px;
}

li.adminNavigation_links {
    display: block;
    float: left;
    padding: 0;
    margin-right: 10px;
}

li.adminNavigation_links a {
    color: #ddd;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 7px;
    font-size: 0.8em;
}

li.adminNavigation_links a:hover {
    color: white;


}

li.adminNavigation_links_selected {
    display: block;
    float: left;
    background-color: #C00202;
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    margin-right: 12px;
}

li.adminNavigation_links_selected a {
    color: white;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}

li.adminNavigation_links_selected {
    font-size: 0.85em;
}

/* Content-Area */ 
#contentArea {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 20px;
    padding-top: 8px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    height: auto;
    line-height: 2em;
	width:auto;
}

p.serviceText {
    padding-left: 40px;
    text-align: right;
    margin-bottom: 16px;
    margin-top: 16px;
    font-size: 10px;
}

p.serviceTextTop {
    padding-left: 40px;
    text-align: right;
    margin-bottom: -15px;
    margin-top: -15px;
    font-size: 10px;
}

p.serviceTextTopText {
    padding-left: 40px;
    text-align: right;
    margin-bottom: 17px;
    margin-top: -20px;
    font-size: 10px;
}

img.serviceText {
    position: relative;
    top: 4px;
    border: 0;
    margin-right: 4px;
}

/* intend=einr�cken */
p.Intend {
    padding-left: 40px;
}


td.courseProgram {
    vertical-align: top;
    padding-bottom: 8px;
    font-size: 12px;
    letter-spacing: 0.2pt;
    line-height: 140%;
    border-bottom: 1px solid #f3f3f3;
    padding: 4px;
} #logoZi {
    position: absolute;
    left: 108px;
    top: 307px;
} #logoUniFreiburg {
    position: absolute;
    left: 221px;
    top: 337px;
    border: 0px;
} #logoBrtc {
    position: absolute;
    left: 300px;
    top: 310px;
}

h1.Trainer {
    margin: 0;
    margin-top: 4px;
    padding: 0;
}

p.Trainer {
    margin-bottom: 40px;
} .Formular {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    letter-spacing: 0.2pt;
    line-height: 140%;
}

div.Formular {
    width: 100%;
    background: #F3F3F3;
    margin-bottom: 10px;
    padding: 10px;
}

textarea.Formular, input.Formular {
    width: 95%;
    border: 1px solid #004972;
    padding: 4px;
}

select.Formular {
    border: 1px solid #004972;
    left: 21px;
    width: 98%;
}

option.Formular {
    padding: 4px;
}

div.TrainerWithImage {
    border: 0px solid white;
}

img.TrainerWithImageLeft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

img.TrainerWithImageRight {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    border-top: 2px solid #004972;
    padding-top: 2px;
    border-right: 2px solid #004972;
    padding-right: 2px;
}

/* this is a special syntax:
 for every h2 within a div with class TrainerWithImage */
div.TrainerWithImage h2 {
    padding-top: 20px;
}

p.backlink {
    font-size: 9px;
    text-align: right;
}

table.booking {
    width: 600px;
    border-bottom: 4px solid #F3C43E;
    background: #F3F3F3;
}

table.booking * td {
    padding-left: 4px;
}

textarea {
    font-family: Verdana;
    font-size: 10pt;
}

/* Formulare */
fieldset.InputForm {
    width: 70%;
    float: left;
    margin-right: 32px;
    padding-top: 8px;
    border-color: #C00202;
}

table.InputForm {
    border: 1px solid #ababab;
    width: 75%;
    float: left;
    margin-right: 32px;
}

fieldset.InputForm table.InputForm {
    width: 100.1%;
    margin-right: 0px;
}

fieldset.InputForm legend {
    font-size: 1.4em;
} .InputForm tr {
    min-height: 40px;
}

td.form_odd, td.form_even {
    min-height: 42px;
}

td.form_odd {
    background-color: #EEEEEE;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 8px;
}


td.form_even {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 8px;
} 

td.colRight {
	font-weight:bold;
}

.InputForm label {
    display: block;
    height: 20px;
    margin-right: 20px;
    padding-top: 2px;
	font-weight:normal;
}

input.text-input {
    width: 480px;
    border: 1px solid #ababab;
    font-weight: bold;
	font-size:130%;
	letter-spacing:0.05em;
	padding:2px;
}

input.short {
    width: 60px;
    padding: 0 4px;
    text-align: right;
}

textarea, textarea.text-input {
	padding:2px;
    width: 500px;
    border: 1px solid #ababab;
    font-weight: bold;
	font-size:130%;
	letter-spacing:0.05em;
    height: 120px;
} 

.form_even select, .form_odd select {
	font-weight: bold;
	font-size:130%;
	letter-spacing:0.05em;
    border: 1px solid silver;
}

select.text-input {
    width: 500px;
}

ul.indexnavi {
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
} .indexnavi {
    padding: 2px;
}

ul.indexnavi li {
    display: inline;
    font-size: 0.85em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-right: 2px;
    padding: 0;
    width: 80px;
    height: 15px;
    padding-bottom: 1px;
} .indexnavi a, .indexnavi a:visited {
    padding: 2px 5px;
    border: 1px solid #AAAAAA;
    text-decoration: none;
    color: #AAAAAA;
} .indexnavi a:hover {
    padding: 4px 5px 4px 5px;
    /*background-color:black;*/
    border: 1px solid black;
    text-decoration: none;
    color: black;
} #selectedIndex {
    padding: 4px 5px 4px 5px;
    background-color: #C00202;
    border: 1px solid #C00202;
    color: white;
    font-size: 0.95em;
    font-weight: bold;
}

div.blueprints {
    background: #FDF2D5;
    padding-bottom: 8px;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-top: 2px solid #C00202;
	background-image:url("/images/blueprint_table_back.png");
	background-position:bottom;
	background-repeat:repeat-x;
	
} .shadow {
    border: 1px solid #EEEEEE;
    border-top: none;
} 
.blueprints a {
    display: block;
    background-color: #FEFEFE;
	background-image:url("/images/button_back.png");
	background-position:top;
	background-repeat:repeat-x;
    color: #444;
    padding: 4px;
    padding: 6px 13px 10px 13px;
    text-decoration: none;
    margin: 8px;
    margin-left: 12px;
    margin-right: 12px;
    border: 1px solid #DDDDDD;
    line-height: 160%;
    width: 75%;
    /*text-transform:uppercase;*/
} 
.blueprints a:hover {
    background-color: #535353;
	background-image: url("/images/button_hover.png");
	background-position:bottom;
	background-repeat:repeat-x;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: white;
} .tre-hover {
    background-color: #E8E8E8;
    /*background-image:url("/images/table_hover.gif") !important;*/
    background-repeat:repeat-x;
    background-position:bottom;
    color:black;
}

.tre-hover td {
  color:black !important;
    background-image:url("/images/table_hover.gif") !important;
    background-color:#EFECE5;
}

ul.literature {
    padding-left: 64px;
    margin-top: 32px;
}

ul.literature li {
    margin-bottom: 16px;
}

/* Certificates */
div.cert {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    bottom: 0;
    font-size: 10pt;
    padding: 0;
    margin: 0;
    width: 71%;
    border: 0;
}

div.cert_footer {
    bottom: 0;
    width: 100%;
}

p.address {
    top: 0;
    left: 0;
    display: inline;
    float: left;
    /*padding-top:60px;*/
} .address strong {
    font-size: 11pt;
    color: black;
}

p.logo {
    float: right;
    border: 1px solid blue;
}

div.cert_header {
    height: 10%;
} .cert_body h4 {
    text-align: center;
    font-size: 14pt;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
} .cert_body h5 {
    text-align: center;
    font-size: 14pt;
    margin-bottom: 20px;
}

div.cert_body {
    padding-top: 100px;
    font-size: 12pt;
    height: 80%;
}

div.leftFloat {
    float: left;
    text-align: center;
    margin-right: 8px;
    font-size: 100%;
}

div.leftFloat a {
    text-decoration: none;
}

div.leftFloat a:hover {
    text-decoration: underline;;
}

div.leftFloat span {
    float: none;
} #cockpit {
    position: fixed;
    width: 160px;
    border: 1px solid #C00202;
    bottom: 50px;
    left: -170px;
    background: white;
    padding-left: 10px;
    border-right: 8px solid #C00202;
} #cockpit ul {
    list-style: none;
    font-size: 8pt;
    padding: 0;
} #cockpit li {
    padding: 0 0 2px 2px;
} #cockpit li.border {
    border-bottom: 1px solid silver;
} #loadingicon {
    position: absolute;;
    top: 40px;
    margin-left: 920px;
    display: none;
} .cockpit a {
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    color: black;
} .cockpit a:hover {
    background-color: #C00202;
    color: white;
    margin-left: 4px;
} .cockpit a:hover {
    background-color: #C00202;
    color: white;
}

/*Search*/ #search {
    margin-left: 32px;
} #search form {
    /*
     float:left !important;
     */
    color: red;
    display: inline;
} #search label {
    color: silver;
} #searchfield {
    border: 1px solid;
    font-size: 8pt;
    padding: 2px;
    padding-top: 1px;
    width: 140px;
} #searchresult {
    width: 75%;
    float: left;
    margin-right: 32px;
} #searchresult table {
    width: 100%;
} .leftfloat {
    float: left;
} .adminmenu {
    float: right;
    margin-top: 0px;
    background-color: #fafafa;
    padding: 8px;
    border: 1px solid #D1D1D1;
    border-top: 0;
    border-left: 0;
}

a.steplink {
    padding: 2px;
    padding: 1px 3px 2px 4px;
    background-color: #F57900;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

a.steplink:hover {
	text-decoration:underline;
}

a.positive {
    background-color: #3b0;
}

strong {
    letter-spacing: 0.02em;
}

/*list options, for filtering*/
ul.listoptions {
    display: inline;
    padding-bottom: 8px;
} .listoptions li {
    display: inline;
} .listoptions li a {
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    border: 1px solid white;
    color: #888;
} .listoptions li a:hover {
    text-decoration: none;
    border: 1px solid silver;
    color: #000;
}

a.selected {
    border: 1px solid black !important;
    color: #000 !important;
} .infoToggle p {
    display: none;
    color: #888;
}

div.attention {
    position: absolute;
    top: 386px;
    margin-left: 516px;
	background:white;
	padding: 16px;
} 

.attention a {
    color: white;
    margin: 0;
    display: block;
    width: 194px;
	height: 50px;
    margin-right: 0;
    text-decoration: none;
	background-image: url('/images/button_2state.png');
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:0px 100%;
} 

.attention a:hover {
background-position:0px 0%;
    text-decoration: underline;
	/*
background-image: url('/images/button_h.png');
*/
} 

.announcebox {
    background-color: #EEEEEE;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom:4px;
    display: inline;
    border: 1px solid silver;
    float: right;
}

.awp_red {
	color:#C00202;
}

div.shadow > h3 {
	background-image:url("/images/button_back.png");
	background-position:top;
	background-repeat:repeat-x;
}


body {
    font-family: arial;
    }

table {
   vertical-align:top;
}    

td {
vertical-align:top;
}

td.NameCol {
    text-transform: uppercase;
    padding-right: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    vertical-align:top;
}

table.datelist {
    width:75%;
    float:left;
    border:2px solid #FDF2D5;
    border-right:2px solid #cccccc;
    border-top:1px solid #FDF2D5;
    border-bottom:3px solid #cccccc;
    vertical-align:top;
    margin-bottom:32px;
    padding:0;
	margin-right:32px;
}

.datelist caption {
    text-align:left;
    font-weight:bold;
    color: black;
    margin-bottom:-6px;
}

.datelist th {
    padding:2px;
    margin:0;
    background:#FDF2D5;
    background-image: url("/images/table_back.gif");
    background-position:bottom;
    background-repeat:repeat-x;
    font-size:7pt;
    text-align:left;
    font-weight:normal;
}

.datelist td {
    padding:4px;
    border-top:1px solid #cccccc;
    color:#666;
    padding-top:5px;
    padding-bottom:5px;
    background-image:url("/images/table_td_back.png");
    background-repeat:repeat-x;
    background-position:bottom;

}

.datelist.tr {
    vertical-align:top;
    padding:0;
}


.datelist a:link{
    text-decoration:none;
    color:black;
}
.datelist a:visited{
    text-decoration:none;
    color:black;
}
.datelist a:hover {
    text-decoration:underline;
    color:#C00202;
}

.blueprint_info p{
    margin-bottom:16px;
    padding-bottom:16px;;
}

.blueprint_info h3{
    border-bottom:4px solid #99BDC6;
}
.blueprint_info h4{
    margin-top:0;
    margin-bottom:8px;
   font-size:12px;
    border-bottom:2px solid #DDDDDD;
	padding-bottom:0;
}

div.shortcuts {
	border:1px silver solid;
	width:200px;
	float:right;
	padding-left:16px;
}
.blueprint_info ul{
    margin:0;
    padding:0;
}
.blueprint_info ul{
    margin-bottom:32px;
    padding:0;
    padding-left:1px;
}


ul.linklist {
	padding:0;
	padding-left:16px;
	margin-top:0;
}
.linklist li {
	
}
table.fullWidth{
	width:100%;
}
table.twoCols{
	width:64%;
}

#news {
	margin-top:6px;
	width:33%;
	float:left;
	margin-right:16px;
}

#news ul {
	padding:0;
	margin-top:0;
}

#news li {
	list-style:none;
	padding:0;
	margin-bottom:8px;
}

#news li>a {
	text-decoration:none;
}
#news li a:hover {
	text-decoration:underline;
}