/* generally */ * { margin: 0; padding: 0; } html { height:101%; color:#444444; } body { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family:verdana, arial, sanserife; line-height:22px; background:#f0f0f0; } div { font-family: 'Poppins', sans-serif; font-size:16px; } p { font-family: 'Poppins', sans-serif; font-size:16px; margin-bottom:10px; } td { font-family: 'Poppins', sans-serif; font-size:16px; } div.logo { float:left; margin:20px; } div.logo:hover { opacity:0.7; } div.exhibitor { float:left; margin:10px; font-size:32px; text-align:center; } div.exhibitor:hover { opacity:0.7; } hr { border:none; background-color:#cccccc; height:1px; } li { margin-left:30px; } a.link { text-decoration:underline; color:#777777; } a:link { text-decoration:underline; } a:visited { text-decoration:none; } a.link:hover { text-decoration:underline; color:#aaaaaa; } a:active { text-decoration:none; } .breadcrumb,a.breadcrumb { text-decoration:none; font-size:11px; } .smallcenter { font-size:14px; text-align:center; } .strong { font-weight:bold; } .small { font-size:14px; } .framed { border-style:solid; border-width:1px; border-color:#777; } .neptunlink { color:#f79433; text-decoration:underline; } .neptunlink:hover { color:#1d67a5; text-decoration:underline; } h1 { font-family: 'Poppins', sans-serif; font-size:300%; font-weight:bold; color:#b32223; } h2 { font-family: 'Poppins', sans-serif; font-size:200%; font-weight:bold; color:#0071b9; } h3 { font-family: 'Poppins', sans-serif; font-size:150%; font-weight:bold; color:#0071b9; } footer .container .CATEGORY { color:#ffffff; } a.exhibitor { font-size:32px; text-decoration:none; color:#b32223; } a.exhibitor:hover { font-size:32px; text-decoration:none; color:#777777; } #HEAD { width:945px; height:160px; margin: 0 auto; } #LOGO { float:left; width:285px; height:130px; border:solid 1px #ff0; } #TITLE { width:500px; height:120px; background: URL('../images/layout/TraMa_title.png') top left no-repeat; } #SPONSOR { float:left; width:300px; height:130px; border:solid 1px #0ff; text-align:right; } #PINBOARD { padding:20px; } #CONTENT { padding:20px; background:#ffffff; } #GALLERY .row { float:left; width:14%; margin:10px; } #HEADMENU { margin: 0 auto; width:925px; height:70px; padding:10px; background:#95d0ee; } #HEADMENU #MENU { float:left; padding:10px; width:120px; text-align:center; color:#0086a9; font-size:15px; font-weight:bold; line-height:30px; } #HEADMENU #MENU:hover { float:left; padding:10px; width:120px; text-align:center; color:#00afdc; background:#e1eef4; font-size:15px; font-weight:bold; line-height:30px; } #HEADMENU #MENUo { float:left; padding:10px; width:120px; text-align:center; color:#00afdc; background:#e1eef4; font-size:15px; font-weight:bold; line-height:30px; } #BREADCRUMB { width:945px; margin: 0 auto; height:30px; color:#ffffff; line-height:30px; } /* #PINBOARD { position:relative; width:950px; height:977px; margin: 0 auto; background:#bec1c1 URL('../images/layout/map.jpg') no-repeat; } */ /* #PINBOARD { position:relative; width:905px; margin: 0 auto; margin-top:20px; border:solid 20px #f6d8a2; background-color:rgba(255,255,255,0.5); } */ /* das ermöglicht transparenten hintergrund, ohne dass der Inhalt transparent wird. RGB Farben und Transparet-Grad: rgba(255,255,255,0.5) */ /* #PINBOARD #CONTENT { width:850px; padding:20px 30px 30px 30px; } */ /* TOP RIGHT BOTTOM LEFT */ #TEASER_ABOUT { float:left; width:230px; height:200px; margin-right:20px; padding:20px; background:#dddddd URL(../images/layout/teaser_about.jpg); color:#ffffff; line-height:30px; } #TEASER_ABOUT:hover { float:left; width:230px; height:200px; margin-right:20px; padding:20px; background:#95d0ee URL(../images/layout/); color:#ffffff; } #TEASER_TAK { float:left; width:230px; height:200px; margin-right:20px; padding:20px; background:#dddddd URL(../images/layout/trama_teaser_tak.gif); text-align:center; color:#0086a9; } #TEASER_TAK:hover { float:left; width:230px; height:200px; margin-right:20px; padding:20px; background:#95d0ee URL(../images/layout/trama_teaser_tak_hover.gif); text-align:center; color:#00afdc; } #TEASER_MITSEGELN { float:left; width:230px; height:200px; padding:20px; background:#dddddd URL(../images/layout/teaser_mitsegeln.jpg); color:#ffffff; line-height:30px; } #TEASER_MITSEGELN:hover { float:left; width:230px; height:200px; padding:20px; background:#95d0ee URL(../images/layout/); } #CLEAR { clear:both; } /* page footer */ #FOOTER { background-color:#004b6a; min-height:100px; padding:20px; border-top:solid 1px #36abdc; } #FOOTER a { color:#ffffff; text-decoration:none; } #FOOTER_PINNBOARD { margin: 0 auto; width:945px; } #FOOTERMAP { float:left; font-size:12px; color:#ffffff; } #FOOTERLOGO { float:left; color:#ffffff; } #FOOTERRIGHT { float:right; color:#ffffff; font-size:12px; line-height:20px; text-align:right; } #COPYRIGHT, #COPYRIGHT a { width:200px; height:20px; margin: 0 auto; margin-top:10px; color:#777777; text-decoration:none; } #TEXTE { visibility:hidden; } @media only screen and (max-width: 1020px) { h1 { font-size: 2em; } h2 { font-size: 1.7em; } } @media only screen and (max-width: 320px) { h1 { font-size: 1.5em; } h2 { font-size: 1.2em; } } #INSERT { border:solid 1px #6ca7cb; margin-bottom:5px; } #INSERT #small { font-size:13px; line-height:16px; padding:5px; margin-bottom:10px; border-bottom:solid 1px #eeeeee; } #INSERT #LEFTFORM { float:left; width:300px; margin-right:1px; padding:5px; background:#ffffff; line-height:30px; } #INSERT #RIGHTFORM { float:left; width:370px; padding:5px; background:#ffffff; line-height:30px; } #INSERT #MIDDLEFORM { float:left; width:180px; padding:5px; background:#ffffff; line-height:30px; } #INSERT #SMALLRIGHTFORM { float:left; width:180px; padding:5px; background:#ffffff; line-height:30px; } #INSERT input[type="radio"].registration { width:100px; } #INSERT #ALLFORM { padding:5px; } #INSERT input, select, textarea { width:350px; padding:5px; background-color:#ededed; border:none; font-family:'Raleway', verdana, arial, sanserife; font-size:16px; color:#444444; } #INSERT textarea { height:200px; font-family:'Raleway', verdana, arial, sanserife; font-size:16px; color:#444444; } #INSERT input:hover,select:hover,textarea:hover { padding:5px; background-color:#6ca7cb; color:#ffffff; border:none; } #INSERT input[type="text"].ALERT, input[type='password'].ALERT, textarea.ALERT, select.ALERT { background-color:#ff0033; color:#ffffff; } #INSERT input[type="text"].ALERT:hover, input[type='password'].ALERT:hover, textarea.ALERT:hover, select.ALERT:hover { background-color:#ff8d00; color:#ffffff; } #INSERT input[type="password"].ALERT { background-color:#ff0033; color:#ffffff; } #INSERT input[type="password"].ALERT:hover { background-color:#ff8d00; color:#ffffff; } #formLable { float:left; margin:10px 3px 0px 0px; padding:5px; height:21px; line-height:25px; width:130px; } #formForm { float:left; margin:10px 3px 0px 0px; padding:5px; height:25px; line-height:25px; opacity:0.8; } #formForm input { width:250px; padding:10px; border:solid 1px #cccccc; background-color:#eeeeee; } #formForm input:hover { background-color:#98b7df; color:#555555; } #formForm input[type="submit"] { width:272px; } #formForm input[type="submit"]:hover { color:#ffffff; }