body {margin: 0px; padding: 0px; text-align:center; background-image: url('/filesystem/images/back.jpg'); background-repeat: repeat-x;}

/*#speedpromo {border-left: 2px solid #91BF6B; width: 200px; height: 60px; float: left; padding-left: 5px; }*/
#speedpromo {}

a {color: blue;}
a:hover {font-weight:normal;}

#weiter_intro {width: 750px; font-family: georgia; color: #666; font-size: 1.2em;}

.space {height: 20px; }

#teaser {padding: 5px; padding-top: 0px; text-align: center; margin: auto;  height:50px; font: 1.2em/1.3em Georgia,"Bitstream Vera Serif","Times New Roman",serif; color: #666; margin-bottom: 0px; }

#navigation {width: 800px;}
#titel {display: block; float: left; width: 445px;}
#sub_titel {margin-top: 0px; display: block; color: #999; font-size: 1.3em; width: 445px;}

#infobox {color: #156F2D; display: block; border: 1px solid #ccc; padding: 5px; }

/* FishEye */

#wrap {width: 130px; height: 70px; float: left; }
#wrap a {margin-right: 10px; display: block; text-align: right;}
*html #wrap { margin-left: 0px;	}
#fisheye_menu { list-style: none; padding: 0; margin: 0px; }
#fisheye_menu li { position: relative; display: block; float: left; margin-right: 20px;}
#fisheye_menu span {font-size: 1.5em; position: absolute; top: 100%; left: 0; text-align: center; padding: 1px; margin: 0; border: solid 1px #bbb; color: #6296C7; background: #eee; margin-top: 5px; padding: 5px; width:100px; -moz-border-radius: 10px;}
#fisheye_menu a { text-decoration: none; }
/*
#fisheye_menu img { border: 0; vertical-align: top; }
*/
/* FishEye */

#wrapper {text-align: left; margin: auto; margin-top: 20px; }
div {width: 827px; display: block;}
img {border: none;}
.clear {clear: both;}


#intro {margin-top: 35px; width: 827px; height: 356px; background-image:url('/filesystem/images/intro_back.png'); background-repeat: no-repeat;}
#intro_head {text-align: right; font-family: times new roman; font-size: 2em; letter-spacing: 0.05em; font-weight: normal; color: #666;}
#intro_head p {margin: 0px; margin-right: 10px; }
#intro_footer {margin-top: 10px; text-align: left; font-family: times new roman; font-size: 1.2em; color: #156f2d;}
#intro_footer p {margin: 0px; margin-left: 10px; }
#intro_beschreibung {width: 827px; margin-top: 10px; text-align: left; font-family: times new roman; font-size: 1.05em; color: #444;}
#intro_beschreibung p {border-top: 1px solid #e0e0e0; margin: 0px; margin-right: 3px; background: #f7f7f7; padding: 10px; }

#keyboard_help_box {display: block; height: 210px;}
#keyboard_image {margin-left: 10px; margin-top: 10px; float: left; width: 525px;}
#help {margin-top: 20px; float: left; width: 250px; }

#outer_inner_wrapper {background: white; margin-top: 20px; border: 2px solid #ddd; -moz-border-radius: 15px; width: 827px; padding-top: 0px; }
#outer_inner_wrapper div {width: 827px;}
#inner_wrapper {background: white; margin-top: 20px; width: 815px; padding-top: 0px; }
#inner_wrapper div {width: 815px;}

ul#list_progress {list-style-type: none;}
ul#list_progress li {text-align: center; margin-bottom: 20px; border: 1px solid #dddddd; display: block; width: 2.1em; float: left; font-size: 2em;}
ul#list_progress li:hover {background: #dddddd;}
ul#list_progress li a {color: #8bbb36; display: block; text-decoration: none;}
li#current_progress {background: #dddddd;}

#uebersicht_anfaenger {clear: both;}
#uebersicht_anfaenger h2 {color: #6296c7; margin-left: 50px;}
#uebersicht_anfaenger ul {border: 1px solid #B1CFB8; width: 300px; list-style: none; margin-left: 50px; background: #E7F2F4; width: 550px; -moz-border-radius: 15px; padding: 10px; }
#uebersicht_anfaenger li {margin-bottom: 10px; font-size: 1.1em; line-height: 1.5em;}
#uebersicht_anfaenger li a {font-size: 1.3em; background-image:url('/filesystem/images/list_norm.png'); background-repeat: no-repeat; background-position: 0px; padding-left: 20px; font-family: georgia; text-decoration: none; border-bottom: 1px solid #bbb;}
#uebersicht_anfaenger li a:hover {background-image:url('/filesystem/images/list_hover.png'); background-repeat: no-repeat;}

#abfragewrapper a {font-weight: normal;}
#abfragewrapper a:hover {border-bottom: 1px solid blue; font-weight: normal;}

#abfragewrapper h2 a {margin-left: 20px; }

#abfragewrapper .submit {-moz-border-radius: 7px; border: 2px solid #ccc; font-size: 1.2em; margin-top: 20px; color: 333;}

#anleitung_wrap {display: block; width: 790px;}
#anleitung_wrap img {margin-top: 10px; margin-bottom: 30px;}
#anleitung {background: white; border: 1px solid gray; width: 490px; margin-top: 40px; float: left;}
#anleitung_text {padding: 5px; width: 450px;}

#anleitung h3 {padding: 0px; margin: 0px; border-bottom: 1px solid gray; padding-left: 10px; background: #ddd; color: #2c710a;}

.task {margin-left: 70px; font-size: 1.8em; letter-spacing: 4px; font-family: Times New Roman, Times, serif;}
input.input_value {margin-left: 65px; width: 700px; font-size: 1.8em; letter-spacing: 4px; font-family: Times New Roman, Times, serif; padding-left: 2px;}

#footer {margin-top: 150px; border: 1px solid white; padding-top: 15px; width: 100%; background-image: url('/filesystem/images/footer_back.png'); background-repeat: repeat-x; height: 50px; text-align: center; display: block; padding: 0px !important;}
#footer #inner_text {margin:auto; margin-top: 15px;}
#footer img {margin-right: 5px;}
#footer a {color: #006400;}

#create_user {width: 400px; padding: 20px; padding-top: 10px;}
#create_user input {margin-bottom: 10px;}
#create_user h2 {color: #6296C7; }
#create_user h3 {color: #6296C7; }

#create_user_box {margin: 20px;}

#werbung {text-align: center; margin: auto; width: 100%;}

#artikel {margin-top: 20px; border: 1px solid #ccc; padding: 10px; -moz-border-radius: 15px; background:#EEE}