body { margin:0; padding:0; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#666666; background:#480034; }

div, table, img, td { margin:0; padding:0; border:0; }
:focus { outline:none; }
p { padding:0 0 18px 0; margin:0; }
form { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; border:0; cellspacing:0; cellpadding:0; }
td { vertical-align:top; padding:5px 0 10px;}
th { border-top:1px solid #000; border-bottom:1px solid #000; height:20px; padding:6px 0; text-align:left; }
td.footer { border-top:1px solid #999; border-bottom:1px solid #999; height:20px; padding:2px 0; text-align:right; }

ul { margin-top:0; padding-top:0; margin-left:6px; padding-left:9px; list-style-image:url(../images/list-style-image.gif)}
li { padding-left:2px; margin-left:2px; }
.clear { clear:both; display:block; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }

h1 { height:20px; margin:0px 0 16px 0; padding-top:6px !important; padding-bottom:0 !important; }
h2 { font:bold 14px/19px Verdana, Arial, Helvetica, sans-serif; margin:0 0 16px 0; padding:0; }
h3 { font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0 0 16px 0; padding:0; }
h4 { font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0; padding:0; }

a { text-decoration:none; color:#63595E; cursor:hand; }

.small { font:normal 9px/14px Verdana, Arial, Helvetica, sans-serif; }
.black { color:#000; }
p.half { padding-bottom:9px !important; }

.greyBordered { border-top:1px solid #999; border-bottom:1px solid #999; height:20px; padding:2px 0; }
.blackBordered { border-top:1px solid #000; border-bottom:1px solid #000; height:20px; padding:2px 0; }
.greyUnderlined { border-bottom:1px solid #999; height:20px; padding:2px 0; }
.blackUnderlined { border-bottom:1px solid #000; height:20px; padding:2px 0; }
.boldUnderlined { padding-left:12px; padding-bottom:6px; border-bottom:3px solid #000; }
.alignRight { text-align:right; }
.float { float:left; margin-right:20px; }
.floatRight { float:right; }
.size2_3 { width:366px; }

.space { margin-top:24px; }
.noSpace { margin-bottom:0 !important; }
.searchResultNegative .searchResult { padding-left:20px; padding-bottom:6px; border-bottom:0; }
.searchResult { padding-left:20px; padding-bottom:6px; border-bottom:3px solid #000; }
.searchResult a { color:#FFF; }
.organiserList p.greyUnderlined { padding:0 0 10px 12px !important; margin-bottom:10px; height:auto; }
.list p.greyUnderlined { padding:0 0 5px 12px; margin-bottom:5px; height:auto; }

th h2 { margin:0 0 2px 0; }

input { font-size:10px; padding-left:10px; }
input.level2 { margin-left:20px; }
input.textfield { background:#FFCC00; height:18px; color:#000; border:0; width:308px; }
/* Browserweiche für IE bis Version 6 */
* html .textfield { margin-top: -1px !important; margin-bottom:-1px;}
/* Browserweiche für IE 7 */
*:first-child+html .textfield {margin-top: -1px !important; margin-bottom:-1px;  }

div.left560 { width:560px; float:left; margin-right:10px; }
div.right400 { width:406px; float:left; margin:0; }

a.logo { margin-right:34px; }

#main { position:relative; margin:10px auto 30px; text-align:left; width:996px; }
#header { position:absolute; top:20px; left:20px; width:950px; background:#FFFFFF url(../images/shadow_left.gif) right top 0 repeat-y; padding:10px; }

#logo { position:relative; top:0; left:0; width:136px; height:133px; background:#FFCC00; padding:7px; }
#title { position:relative; top:16px; left:100px; width:646px; height:10px; float:left; }
#kontakt { position:relative; top:157px; left:0; width:63px; height:10px; }

#headerShadow { position:absolute; top:14px; left:20px; width:976px; height:6px; background:transparent url(../images/shadow_top.gif) right top no-repeat; }
#header { position:absolute; top:20px; left:20px; width:956px; height:306px; background:#FFFFFF url(../images/shadow_left.gif) right top repeat-y; padding:10px; }
#logo { position:absolute; top:10px; left:10px; width:136px; height:133px; background:#FFCC00; padding:7px; }
#title { position:absolute; top:22px; left:170px; width:646px; height:10px; }
#boxLeft { position:absolute; top:57px; left:170px; width:390px; height:259px; }
#boxRight { position:absolute; top:57px; left:570px; width:366px; height:227px; background:#FFCC00; padding:16px 12px; color:#000; }

#tabs { position:absolute; top:355px; left:20px; width:970px; height:56px; background:transparent url(../images/shadow_top.gif) right bottom no-repeat; }
#tabs .tab1 { position:absolute; top:1px; left:0; }
#tabs .tab1 a { display:block; background:transparent url(../images/tab_btm_hobit.gif) no-repeat; width:182px; height:56px; }
#tabs .tab2 { position:absolute; top:0; left:186px; }
#tabs .tab2 a { display:block; background:transparent url(../images/tab_btm_info.gif) no-repeat; width:169px; height:56px; }
#tabs .tab2 a.active { background:transparent url(../images/tab_btm_info_activ.gif) no-repeat; }
#tabs .tab2 a.red { background:transparent url(../images/nav_programm_red.gif) no-repeat; }
#tabs .tab3 { position:absolute; top:0; left:356px; }
#tabs .tab3 a { display:block; background:transparent url(../images/tab_btm_tipps.gif) no-repeat; width:210px; height:56px; }
#tabs .tab3 a.active { background:transparent url(../images/tab_btm_tipps_activ.gif) no-repeat; }
#tabs .tab4 { position:absolute; top:0; left:869px; }
#tabs .tab4 a { display:block; background:transparent url(../images/nav_hobit_magazin.gif) no-repeat; width:170px; height:56px; }
#tabs .tab4 a.active { background:transparent url(../images/nav_hobit_magazin_activ.gif) no-repeat; height:50px; margin-top:10px; }
#tabs span, #mainContentBottom span { display: none; }

#locationTabs .tab1 { float:left; }
#locationTabs .tab1 a { display:block; background:transparent url(../images/tab_stadt_darmstadt.gif) no-repeat; width:165px; height:55px; }
#locationTabs .tab1 a.active { background:transparent url(../images/tab_stadt_darmstadt_activ.gif) no-repeat; }
#locationTabs .tab2 { float:left; }
#locationTabs .tab2 a { display:block; background:transparent url(../images/tab_veanstaltungsort.gif) no-repeat; width:170px; height:55px; }
#locationTabs .tab2 a.active { background:transparent url(../images/tab_veanstaltungsort_activ.gif) no-repeat; }
#locationTabs span { display: none; }

#mainContent { position:absolute; top:411px; left:20px; }
#content { width:956px; background:#FFFFFF url(../images/shadow_left.gif) right top repeat-y; padding:10px 10px 45px; }
#content .col_1_3 { width:319px; float:left; margin-right:10px; }
#content .col_2_3 { width:620px; float:left; }
#content .col_1_5 { width:150px; float:left; margin-right:10px; }
#content .col_4_5 { width:790px; float:left; }
#content div.yellowBox_1_3 { width:299px; height:149px; padding:10px; background:#FFCC00; margin:0 10px 20px 0; color:#000; }
#content div.yellowBox_2_3 { width:529px; height:149px; padding:10px; background:#FFCC00; margin:0 10px 20px 0; color:#000; }
#content div.yellowBox_2_3 a { color:#000; }
#content div.infoBig { background:transparent url(../images/hochschul_info_box_big.gif) no-repeat; margin-bottom:-25px; margin-right:0; }
#content div.infoSmallbox { background:transparent url(../images/hochschul_info_box_small.gif) no-repeat; width:156px; height:101px; margin:0 10px 20px 0; color:#000; padding:10px; float:left; }
#content div.infoSmallbox h3 { margin:0 0 8px 0; }
#content div.greyBox_1_3 { width:299px; height:149px; padding:10px; background:#CCC; margin:0 10px 20px 0; color:#000; }
#content div.aubergineBox_2_3_right { width:360px; height:249px; padding:10px; background:#480034; margin:0; margin-left:-20px; color:#000; }
#content div.animGifBox_right { width:390px; height:265px; padding:0; margin:0; margin-left:-20px; color:#000; }
#content div.tippBox { width:368px; height:245px; padding:10px; background:transparent url(../images/tipp_box.gif) no-repeat; margin:0; color:#000; }
#content div.tippBox  a { color:#000; }
#content .fix245high { height:245px !important; }
#content .flexHigh { height:auto !important; }

/* MAGAZIN */
#content div.magazine { background-color:#FFCC00; margin:-10px 10px -45px -10px; width:970px; }
#content img#magazineLogo { position:absolute; top:9px; left:9px; }

#content div.magazine div#categoryBox { position:absolute; top:246px; left:170px; width:222px; padding:32px 8px 31px 10px; background:#FFF; }
#content div.magazine div#categoryBox ul { list-style:none; margin:15px 0 0 0; padding:0; border-top:1px solid #999; }
#content div.magazine div#categoryBox li { line-height:28px; border-bottom:1px solid #999; }
#content div.magazine div#categoryBox li a { color:#480034; }

#content div.magazine div#articleBox { position:relative; top:10px; left:420px; width:520px; margin:0 0 53px 0; padding:29px 10px 40px 10px; background:#FFF; }
#content div.magazine div#articleBox img.headline { margin-bottom:41px; }
#content div.magazine div#articleBox div.articleTeaser { clear:both; padding-top:3px; }
#content div.magazine div#articleBox div.articleTeaser div.categoryTitle { margin:26px 0 10px 0; padding:0 0 8px 0; border-bottom:1px solid #999; color:#999; }
#content div.magazine div#articleBox div.articleTeaser div.categoryTitle em { color:#480034; font-style:normal; }
#content div.magazine div#articleBox div.articleTeaser img.articleImg { float:left; width:170px; margin-right:20px; }
#content div.magazine div#articleBox div.articleTeaser div.articleTxt { float:left; width:325px; }
#content div.magazine div#articleBox div.articleTeaser div.articleTxt h3 { margin:7px 0 13px 0; font:normal 15px/16px Georgia, Times, "Times New Roman", serif; color:#000; }
#content div.magazine div#articleBox div.articleTeaser div.articleTxt p { margin:0; padding:0; color:#555; }
#content div.magazine div#articleBox div.articleTeaser div.articleTxt span.details { display:block; margin-top:5px; background:transparent url(../images/link_intern_pfeil.gif) 73px 6px no-repeat; color:#480034; }

#content div.magazine div#articleDetailBox { position:relative; top:10px; left:169px; width:741px; margin:0 0 53px 0; padding:29px 40px 40px 10px; background:#FFF; }
#content div.magazine div#articleDetailBox div#articleNav { float:left; width:260px; margin-right:20px; padding:0 0 0 10px; }
#content div.magazine div#articleDetailBox div#articleNav select { margin:10px 0 78px 0; width:228px; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList { list-style:none; margin:8px 0 0 -10px; padding:0; border-top:1px solid #999; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.item { border-bottom:1px solid #999; padding:7px 0 7px 10px; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.item a { color:#480034; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.item a.current { color:#A9A9A9; }

#content div.magazine div#articleDetailBox div#articleNav div#articleList div.detail { background:#FFCC00; padding:9px 0 7px 10px; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.detail h3 { margin:0 0 8px 0; font:normal 15px/17px Georgia, Times, "Times New Roman", serif; color:#000; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.detail p { margin:0; padding:0; color:#000; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList a.details { display:block; margin:14px 0 8px 0; background:transparent url(../images/link_intern_pfeil.gif) 73px 6px no-repeat; color:#480034; }
#content div.magazine div#articleDetailBox div#articleNav div#articleList div.detail a.close { display:block; margin-left:182px; color:#000; background:transparent url(../images/close_pfeil.gif) 63px 6px no-repeat; }

#content div.magazine div#articleDetailBox div#articleText { float:left; width:430px; }
#content div.magazine div#articleDetailBox div#articleText div.categoryTitle { margin:-3px 0 10px 0; padding:0 0 8px 0; border-bottom:1px solid #999; color:#999; }
#content div.magazine div#articleDetailBox div#articleText h1 { height:auto; margin:23px 0 6px 0; font:normal 30px/30px Georgia, Times, "Times New Roman", serif; color:#000; }
#content div.magazine div#articleDetailBox div#articleText h2 { height:auto; margin:13px 0 23px 0; font:normal 16px/16px Georgia, Times, "Times New Roman", serif; color:#000; }
#content div.magazine div#articleDetailBox div#articleText img { margin:0; }
#content div.magazine div#articleDetailBox div#articleText div.cation { margin:6px 0 0 0; }
#content div.magazine div#articleDetailBox div#articleText div.first { margin-bottom:31px !important; }
#content div.magazine div#articleDetailBox div#articleText p { margin:14px 0 0 0; padding:0; line-height:15px; }
#content div.magazine div#articleDetailBox div#articleText div#articleFooter { margin:20px 0 0 0; border-top:3px solid #000; }
#content div.magazine div#articleDetailBox div#articleText div#articleFooter { font-size:10px; line-height:12px; }
#content div.magazine div#articleDetailBox div#articleText div#articleFooter div#author { margin:7px 0 0 0; }
#content div.magazine div#articleDetailBox div#articleText div.separator { margin:20px 0 19px 0; border-top:3px solid #000; }

.cooperation { height:129px !important; }
div.topShadow { background:transparent url(../images/shadow_top.gif) right bottom no-repeat; }
div.whiteBox { background:#FFFFFF url(../images/shadow_left.gif) right top repeat-y; padding:20px 15px 45px 10px; margin-bottom:20px; }
div.yellowBox { background:#FFCC00 url(../images/shadow_left.gif) right top repeat-y; padding:20px 15px 19px 10px; margin-bottom:20px; color:#000; }
div.yellowBox p { padding:6px 45px 9px 0; }
div.detailBox { background:#FFCC00; padding:10px 10px 20px; margin-bottom:20px; color:#000; }
div.detailBox  a { color:#000; }
div.detailBox div.float { float:left; width:280px; }
div.logoBox { background:#FFFFFF; padding:10px 10px 10px 35px; margin-bottom:11px; }
div.logoBox h4 { color:#C0372C; }
div.logoBox p { color:#7100AC; padding-top:0 !important; }
div.logoBox img { margin-right:0 !important; vertical-align:middle; }
.palaroid { width:272px; border-top:5px solid #FFF; border-right:5px solid #FFF; border-bottom:25px solid #FFF; border-left:5px solid #FFF; margin-bottom:20px; padding-bottom:20px; }
.polaroidPicture { padding-bottom:0 !important; }
.palaroid h4 { margin-top:25px; padding-bottom:10px; padding-left:10px; border-bottom:1px solid #FFF; }
.palaroid p { border-bottom:1px solid #FFF; padding:0 10px 3px; }
.palaroid h4.noBorder { border-bottom:0; margin-bottom:10px; }
.palaroid p.noBorder { border-bottom:0; padding-bottom:18px; }

#content table .col1 { width:130px; }
#content table .col2 { width:247px; }
#content table .col3 { width:242px; }

#mainContentBottom { width:976px; height:56px; margin-bottom:10px; }
#mainContentBottom .tab1 a { display:block; background:transparent url(../images/nav_veranstalter.gif) no-repeat; width:165px; height:56px; float:left; margin:0 4px 0 0; }
#mainContentBottom .tab1 a.active { background:transparent url(../images/nav_veranstalter_activ.gif) no-repeat; }
#mainContentBottom .tab2 a { display:block; background:transparent url(../images/nav_kooperation.gif) no-repeat; width:165px; height:56px; float:left; margin:0; }
#mainContentBottom .tab2 a.active  { background:transparent url(../images/nav_kooperation_activ.gif) no-repeat; }

form#einladung .label { width:225px; float:left; }
form#einladung .field { width:310px; float:left; }
form#einladung .field input { width:300px; }

/* PROGRAMM */

.progNav { width:137px; height:31px; background:#FFCC00; margin-bottom:1px; padding-left:13px; padding-top:14px; font:bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; }
.progNav a { color:#480034; height:31px; background:#FFCC00; display:block; }
.progNav a.active { background:#480034 url(../images/prognav_pfeil.gif) no-repeat 105px 8px; color:#FFCC00; margin-left:-13px; margin-top:-14px; padding-left:13px; padding-top:14px; }
.list { margin-top:-10px; }
.list, .list a { line-height:14px; }
.list .active { background:#480034 url(../images/prognav_pfeil.gif) no-repeat 280px 8px; color:#FFCC00 !important; /* margin-left:-13px;*/ margin-top:-5px; padding-left:13px; padding-top:5px !important; height:32px !important; }
.list .active a { color:#FFCC00 !important; }
.list a { color:#480034; }
.list .fixedHeight { padding-top:5px !important; height:32px !important; }
.list .fixedHeight3Cols { padding-top:5px !important; height:48px !important; }
.list h2 { border-bottom:3px solid #000; height:20px; padding:5px 10px 8px;  }

table.programm { margin-bottom:30px; }
table.programm th { border-bottom:3px solid #000;  border-top:0;  height:20px; padding:6px 0; text-align:left; }
table.programm td { border-bottom:1px solid #999; padding-right:10px; }
table.programm td.hr { border-bottom:3px solid #000; }
table.programm tr.active { background:#FC0; color:#000; }
table.programm tr.active td { background:#FC0; color:#000; border:0; }
table.programm tr.closeActive { background:#FC0; color:#000; text-align:right; }
table.programm tr.closeActive td { padding-top:0; }
table.programm tr.closeActive td a { padding-right:10px; margin-right:10px; color:#000; background:transparent url(../images/close_pfeil.gif) no-repeat center right; }

#content table.programm .col1 { padding-left:20px; padding-right:10px; width:68px; }
#content table.programm .col2 { width:327px; }
#content table.programm .col3 { width:79px; }
#content table.programm .col4 { width:79px; }
#content table.programm .col5 { width:207px; }

.closeDetail { text-align:right; vertical-align:bottom; color:red; position:absolute; bottom:10px; right:10px; }

.searchResultNegative { background:#BD1B2A !important; color:#FFF !important; }
.coopLogos { margin-top:-17px; }
.coopLogos p { position:relative; width:310px; float:left; height:75px; text-align:center; padding:21px 0 21px; }
.coopLogos span.clear { clear:both; }

.linkList { padding-right:30px; margin-bottom:20px; }
.link { border-bottom:1px solid #999; padding:10px 0; }

#bookmarkLinks { margin-top:40px; }
#bookmarkLinks a { display:block; float:left; width:24px; height:16px; }