/* CSS Document */ /* ++++++++++++++++++++++++++++++++++++++ Global ++++++++++++++++++++++++++++++++++++++ */ html *{margin:0;padding:0;} html,body{background-color:#F7DE84; height:100%; font-family: Arial, Helvetica, sans; font-size:16px; } /*definition für die links*/ a:link{color: #000000;font-family: Arial, Helvetica, sans;} a:visited{color:#000000;font-family: Arial, Helvetica, sans;} a:hover{color: #000000;font-family: Arial, Helvetica, sans;} a:active{color: #000000;font-family: Arial, Helvetica, sans;} /* +++++++++++++++++++++++++++++++++++++++++++ Überschriften ++++++++++++++++++++++++++++++++++++++++++++ */ h2{font-family:Arial, Helvetica, sans; font-size: 32px; color:#993300} h3 {font-family:Arial, Helvetica, sans; font-size: 24px; color:#993300} h4 {font-family:Arial, Helvetica, sans; font-size: 24px; color:#000000} h1 {font-family:Arial, Helvetica, sans; font-size: 18px; color:#000000} /* +++++++++++++++++++++++++++++++++++++++++++ Div Definitionen ++++++++++++++++++++++++++++++++++++++++++++ */ #navigation { position:absolute; top:10px; left:8px; width:220px; height:600px; background-image: url(../images/navigation.jpg);} #navigation-mobile { position:relative; top:10px; left:-1px; width:220px; height:600px; background-image: url(../images/navigation.jpg);} #anmeldefenster { position:absolute; top:-10px; left:-8px; width:220px; height:20px;} #content { position:absolute; top:10px; left:250px; width:1000px; height:600px; } #content-mobile { position:absolute; top:0px; left:0px; width:480px; } #content-large { position:absolute; top:10px; left:250px; width:1200px; height:600px; } #nav-koreanisch { position:absolute; top:575px; left:0px; width:1000px; height:20px; } #nav-koreanisch-mobile-index { position:relative; top:35px; left:0px; width:480px; height:20px; } #nav-pfeile-koreanisch { position:absolute; top:526px; left:0px; width:1000px; height:40px; } #nav-pfeile-koreanisch-mobile { position:relative; top:20px; left:0px; width:480px; height:40px; } #content-links { position:absolute; top:10px; left:250px; width:1000px; height:600px; } #news { position:absolute; width:1000px; } #videothek { position:absolute; width:1000px; } #linkliste { position:absolute; top:90px; left:12px; width:215px; height:400px; line-height:22px; list-style-type:none } #linkliste-log { position:absolute; top:80px; left:12px; width:215px; height:400px; line-height:22px; list-style-type:none } #link-hkd-hanja { position:absolute; top:534px; left:0px; width:220px; height:25px; line-height:22px; list-style-type:none } #link-hkd-hanja-mobile { position:absolute; top:534px; left:0px; width:220px; height:25px; line-height:22px; list-style-type:none } #form-login-1 { position:absolute; top:489px; left:20px; width:215px; height:44px; line-height:18px; list-style-type:none } #form-login-2 { position:absolute; top:534px; left:20px; width:215px; height:44px; line-height:18px; list-style-type:none } #form-login-3 { position:absolute; top:576px; left:18px; width:215px; height:44px; line-height:18px; list-style-type:none } #form-logout { position:absolute; top:555px; left:10px; width:215px; height:44px; line-height:18px; list-style-type:none } #layer1 { position:absolute; left:12px; top:564px; width:788px; height: 36px; z-index: 1; line-height:12px; font-size:10px;} #layer1a { position:absolute; left:12px; top:34px; width:788px; height: 36px; z-index: 1; line-height:12px; font-size:10px;} #layer1a-mobile { position:absolute; left:2px; top:34px; width:480px; height: 36px; z-index: 1; line-height:12px; font-size:10px;} #checkbox { background-color:#ff0000 } #schrift14 { position:absolute; font-size:14px;} #zahlenspiel { font-size:16px;} /* ++++++++++++++++++++++++++++++++++++++ C O N T E N T ++++++++++++++++++++++++++++++++++++++ */ #content a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #linkliste a:link{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste a:visited{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste a:active{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste a:hover{color:#F7DE84;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste-log a:link{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste-log a:visited{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste-log a:active{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #linkliste-log a:hover{color:#F7DE84;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:18px;} #content-links a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #content-links a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #content-links a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #content-links a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #news a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #news a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #news a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #news a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #videothek a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:11px;} #videothek a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:11px;} #videothek a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:11px;} #videothek a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:11px;} #content a.linkliste:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #content a.linkliste:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #content a.linkliste:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #content a.linkliste:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #schedule a:link{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #schedule a:visited{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #schedule a:active{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #schedule a:hover{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:12px;} #content a.bold:link{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a.bold:visited{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a.bold:active{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #content a.bold:hover{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #layer1 a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1 a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1 a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1 a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1a a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1a a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1a a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #layer1a a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:10px;} #hangul-titel a:link{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:32px;} #hangul-titel a:visited{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:32px;} #hangul-titel a:active{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:32px;} #hangul-titel a:hover{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:32px;} #hangul-titel2 a:link{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:25px;} #hangul-titel2 a:visited{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:25px;} #hangul-titel2 a:active{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:25px;} #hangul-titel2 a:hover{color:#993300;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:25px;} #hangul-text1 a:link{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:17px;} #hangul-text1 a:visited{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:17px;} #hangul-text1 a:active{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:17px;} #hangul-text1 a:hover{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:17px;} #hangul-text2 a:link{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:24px;} #hangul-text2 a:visited{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:24px;} #hangul-text2 a:active{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:24px;} #hangul-text2 a:hover{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:24px;} #hangul-text3 a:link{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:30px;} #hangul-text3 a:visited{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:30px;} #hangul-text3 a:active{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:30px;} #hangul-text3 a:hover{color:#000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:30px;} #hangul-nav-mob a:link{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #hangul-nav-mob a:visited{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #hangul-nav-mob a:active{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #hangul-nav-mob a:hover{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #nav-mob a:link{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #nav-mob a:visited{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #nav-mob a:active{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #nav-mob a:hover{color:#000000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:16px;} #schrift14 a:link{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #schrift14 a:visited{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #schrift14 a:active{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #schrift14 a:hover{color:#000000;font-weight:normal;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:14px;} #zahlenspiel a:link{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:20px;} #zahlenspiel a:visited{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:20px;} #zahlenspiel a:active{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:20px;} #zahlenspiel a:hover{color:#000000;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans;font-size:20px;} #startseite-probetraining a:link{color:#ff0000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:18px;} #startseite-probetraining a:visited{color:#ff0000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:18px;} #startseite-probetraining a:active{color:#ff0000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:18px;} #startseite-probetraining a:hover{color:#ff0000;font-weight:bold;text-decoration:underline;font-family: Arial, Helvetica, sans;font-size:18px;} /* ++++++++++++++++++++++++++++++++++++++ FORMULAR ++++++++++++++++++++++++++++++++++++++ */ form {} td, input, select, textarea { font-size:13px; font-family:Arial, Helvetica, sans; font-weight:normal; } input, select, textarea { color:#000000; } .bereich, .feld { background-color:#F7DE84; width:191px; border:0px solid #0000; } .auswahl { background-color:#F7DE84; width:191px; border:1px solid #000000; font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal;} .check, .radio { background-color:#F7DE84; border:1px solid #000000; } .button { background-color:#F7DE84; color:#000000; width:80; } .label { font-size:13px; font-family:Arial, Helvetica, sans; font-weight:normal;} .bereich1, .feld1 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:250px; border:1px solid #F9DFA6; } .bereich2, .feld2 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:250px; border:1px solid #FF0000; } .bereich3, .feld3 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:305px; border:1px solid #F9DFA6; } .bereich4, .feld4 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:305px; border:1px solid #FF0000; } .bereich5, .feld5 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:25px; border:1px solid #F9DFA6; } .bereich6, .feld6 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:480px; border:1px solid #F9DFA6; } .bereich7, .feld7 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:31px; border:1px solid #F9DFA6; } .bereich8, .feld8 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:41px; border:1px solid #F9DFA6; } .bereich9, .feld9 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:50px; border:1px solid #F9DFA6; } .bereich10, .feld10 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:180px; border:1px solid #F9DFA6; } .bereich11, .feld11 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; width:650px; border:1px solid #F9DFA6; } .text1 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; border:1px solid #F9DFA6; } .text2 { font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal; background-color:#F9DFA6; border:1px solid #FF0000; } .button1 { background-color:#F7DE84; color:#000000; width:200; font-size:16px; font-family:Arial, Helvetica, sans; font-weight:normal;} /* ++++++++++++++++++++++++++++++++++++++ TABLE ++++++++++++++++++++++++++++++++++++++ */ table.koreanisch{ border-collapse:collapse; border:1px solid #000; } table.koreanischa{ border-collapse:collapse; border:0px solid #000; } td.koreanisch1{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:18px; font-weight:bold; text-align:center; padding: 4px; } td.koreanisch2{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:16px; font-weight:bold; text-align:left; padding: 4px; } td.koreanisch2a{ border:0px solid #000; font-family: Arial, Helvetica, sans; font-size:16px; font-weight:bold; text-align:left; padding: 4px; } td.koreanisch3{ border:0px; font-family: Arial, Helvetica, sans; font-size:18px; font-weight:bold; text-align:left; padding: 0px; } td.koreanisch4{ border:0px; font-family: Arial, Helvetica, sans; font-size:18px; font-weight:bold; text-align:center; padding: 0px; } table.myhapkido{ border:1px solid #000; } td.myhapkido{ font-family: Arial, Helvetica, sans; font-size:16px; vertical-align: top; padding: 8px; } td.myhapkido1{ border-top:1px solid #000; font-family: Arial, Helvetica, sans; font-size:16px; text-align:center; padding: 4px; } td.myhapkido2{ font-family: Arial, Helvetica, sans; font-size:12px; vertical-align: top; padding: 8px; background-color:#00ff00 } td.myhapkido3{ font-family: Arial, Helvetica, sans; font-size:12px; vertical-align: top; padding: 8px; background-color:#ff0000 } td.myhapkido4{ font-family: Arial, Helvetica, sans; font-size:12px; text-align:center; padding: 4px; } td.myhapkido5{ font-family: Arial, Helvetica, sans; font-size:16px; vertical-align: top; padding: 2px; } td.myhapkido5grau{ font-family: Arial, Helvetica, sans; font-size:16px; vertical-align: top; padding: 2px; color: #999999 } td.myhapkido6{ font-family: Arial, Helvetica, sans; font-size:12px; vertical-align: top; padding: 8px; background-color:#ddeb44; } table.test-kinder{ border-collapse:collapse; border:1px solid #000; } td.test-kinder1{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:12px; background-color: #cdcdcd; text-align:left; padding: 3px; } td.test-kinder2{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:12px; background-color: #ededed; text-align:left; padding: 3px; } td.test-kinder-ge{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:12px; background-color: #d6ee83; text-align:center; padding: 3px; } td.test-kinder-bl{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:12px; background-color: #0090E0; text-align:center; padding: 3px; } td.test-kinder-ro{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:12px; background-color: #fd3f50; text-align:center; padding: 3px; } table.test-erwachsene{ border-collapse:collapse; border:1px solid #000; } td.test-erwachsene-ge{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #d6ee83; text-align:center; padding: 3px; } td.test-erwachsene-ge-l{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #d6ee83; text-align:left; padding: 3px; } td.test-erwachsene-ge-gr{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; color: #484848; background-color: #d6ee83; text-align:left; padding: 3px; } td.test-erwachsene-bl{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #0090E0; text-align:center; padding: 3px; } td.test-erwachsene-bl-l{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #0090E0; text-align:left; padding: 3px; } td.test-erwachsene-bl-gr{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; color: #484848; background-color: #0090E0; text-align:left; padding: 3px; } td.test-erwachsene-ro{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #fd3f50; text-align:center; padding: 3px; } td.test-erwachsene-ro-l{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; background-color: #fd3f50; text-align:left; padding: 3px; } td.test-erwachsene-ro-gr{ border:1px solid #000; font-family: Arial, Helvetica, sans; font-size:14px; color: #474747; background-color: #fd3f50; text-align:left; padding: 3px; } td.trainer{ border:0px solid #000; font-family: Arial, Helvetica, sans; font-size:16px; text-align:left; padding: 3px; } td.zusatzinfo{ border:0px solid #000; font-family: Arial, Helvetica, sans; font-size:16px; text-align:left; padding: 4px; } /* ++++++++++++++++++++++++++++++++++++++ FLOAT ++++++++++++++++++++++++++++++++++++++ */ .floatleft { float: left; clear: left; margin: 0px 10px 5px 0px; } .floatright { float: right; margin: 0px 0px 5px 5px; } /* ++++++++++++++++++++++++++++++++++++++ Linie ++++++++++++++++++++++++++++++++++++++ */ .linie { border :none; border-top: 2px solid #c6a52f; background-color:#d2b344; height: 1px; margin: 2px 0px 2px 0px; } .linie1 { border :none; border-top: 1px solid #c6a52f; background-color:#d2b344; height: 1px; margin: 0px 0px 0px 0px; }