body { margin:0; padding:0; background:#B6B6B6; text-align:center; }

div { margin:0; padding:0; }
img { margin:0; padding:0; border:0; }
p { margin:0; padding:0 0 16px 0; }

h1 { margin:0; color:#59BBE0; font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; }
h2 { margin:0; color:#333333; font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; }
em.hlInl { font-weight:bold; color:#59BBE0; font-style:normal; }
em.grey { color:#CCC; font-style:normal; }
em.blue { color:#59BBE0; font-style:normal; }
a { color:#59BBE0; text-decoration:none; }
a:hover { color:#E42612; }

a.next { height:11px; background:#FFF url(/images/next.gif) no-repeat center right; padding-right:10px; }
a.next:hover { background:#FFF url(/images/next_red.gif) no-repeat center right; }

h1.simplify, a.simplify { color:#F99C1C; } 

.clear { clear:both; display:block; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }

#main { position:relative; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:30px; text-align:left; width:940px; background:transparent url(/images/shadow_left_right.gif) repeat-y top left; }
#campusLogo { position:relative; width:813px; height:26px; background:#B6B6B6 url(/images/campus.gif) no-repeat top right; right:-20px; left:0; }
#campusLogo img { position:relative; left:690px; }
#header { position:relative; top:0; left:0; width:808px; height:103px; background:#E42612 url(/images/shadow_top.gif) no-repeat top left; z-index:2; }
#content { position:relative; top:0; left:3px; width:800px; background:#FFF; padding:40px 0; font:normal 11px/16px Verdana, Helvetica, sans-serif; z-index:2; }
#sylLogo { position:absolute; left:23px; top:64px; z-index:10; }
#mask { position:absolute; top:125px; left:600px; width:203px; height:320px; background-color:#FFF; border-top:4px solid #E42612; z-index:5; }
#patch1 { position:absolute; top:290px; left:803px; z-index:1; }
#patch2 { position:absolute;  top:127px; left:803px; z-index:1; }
#patch3 { position:absolute;  top:453px; left:803px; z-index:1; }

#content_left { position:relative; left:10px; top:20px; margin:0 16px 0 0; width:365px; height:473px; z-index:20; }
#content_right { position:relative; left:400px; width:360px; margin-top:-453px; top:0; }
#content_right_solo { position:relative; left:400px; top:45px; width:360px; margin-bottom:40px; }
#title_right { position:relative; left:400px; top:20px; margin-bottom:10px; }

#imagebar { position:relative; left:0px; top:20px; height:196px; }
#imagebarBooks { position:relative; left:0px; top:-45px; height:196px; margin-bottom:-25px; }
#imagebarCards { position:relative; left:0px; height:196px; margin-bottom:25px; }
#imagebar img, #imagebarBooks img, #imagebarCards img { padding-right:1px; }
#imagebar img.taillight, #imagebarBooks img.taillight, #imagebarCards img.taillight { padding:0; }

#flip-book { position:relative; left:170px; top:-10px; }
#introtext { position:absolute; left:480px; top:210px; visibility:hidden; z-index:10; }
#liebeslandschaft { margin-top:-40px; }
#turmText { position:absolute; left:125px; top:131px; z-index:20; visibility:hidden; }
#zeltText { position:absolute; left:146px; top:333px; z-index:20; visibility:hidden; }
#gutText { position:absolute; left:267px; top:328px; z-index:20; visibility:hidden; }
#waldText { position:absolute; left:532px; top:357px; z-index:20; visibility:hidden; }
#schlossText { position:absolute; left:341px; top:153px; z-index:20; visibility:hidden; }

#turm { position:absolute; left:125px; top:267px; z-index:15; visibility:hidden; }
#zelt { position:absolute; left:146px; top:493px; z-index:15; visibility:hidden; }
#gut { position:absolute; left:405px; top:530px; z-index:15; visibility:hidden; }
#wald { position:absolute; left:664px; top:510px; z-index:15; visibility:hidden; }
#schloss { position:absolute; left:544px; top:193px; z-index:15; visibility:hidden; }
#llColor { position:absolute; top:129px; left:3px; visibility:hidden; z-index:25; }
#llMask { position:absolute; left:245px; top:363px; z-index:10; visibility:hidden; }
#llHeart { position:absolute; left:246px; top:388px; z-index:9; visibility:hidden; }

div.citation { margin-bottom:24px; }
div#butterfly { position:absolute; top:200px; left:-10px; z-index:20; }

#mainnav { position:absolute; left:387px; top:26px; }
#subnav {  position:absolute; left:565px; top:26px; }
#mainnav a span, #subnav a span { display:none; }

#mainnav_01 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#mainnav_01 a { display:block; width:160px; height:11px; background:transparent url(/images/nav_1.gif) top left no-repeat; }
#mainnav_01 a:hover, #mainnav_01 a.active { display:block; width:160px; height:11px; background: transparent url(/images/nav_1_over.gif) top left no-repeat; }

#mainnav_02 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#mainnav_02 a { display:block; width:160px; height:11px; background:transparent url(/images/nav_2.gif) top left no-repeat; }
#mainnav_02 a:hover, #mainnav_02 a.active { display:block; width:160px; height:11px; background: transparent url(/images/nav_2_over.gif) top left no-repeat; }

#mainnav_03 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#mainnav_03 a { display:block; width:160px; height:11px; background:transparent url(/images/nav_3.gif) top left no-repeat; }
#mainnav_03 a:hover, #mainnav_03 a.active { display:block; width:160px; height:11px; background: transparent url(/images/nav_3_over.gif) top left no-repeat; }

#mainnav_04 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#mainnav_04 a { display:block; width:160px; height:11px; background:transparent url(/images/nav_4.gif) top left no-repeat; }
#mainnav_04 a:hover, #mainnav_04 a.active { display:block; width:160px; height:11px; background: transparent url(/images/nav_4_over.gif) top left no-repeat; }

#subnav_01_01 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_01_01 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_1_1.gif) top left no-repeat; }
#subnav_01_01 a:hover, #subnav_01_01 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_1_1_over.gif) top left no-repeat; }

#subnav_01_02 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_01_02 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_1_2.gif) top left no-repeat; }
#subnav_01_02 a:hover, #subnav_01_02 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_1_2_over.gif) top left no-repeat; }

#subnav_01_03 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_01_03 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_1_3.gif) top left no-repeat; }
#subnav_01_03 a:hover, #subnav_01_03 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_1_3_over.gif) top left no-repeat; }

#subnav_01_04 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_01_04 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_1_4.gif) top left no-repeat; }
#subnav_01_04 a:hover, #subnav_01_04 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_1_4_over.gif) top left no-repeat; }

#subnav_02_01 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_02_01 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_2_1.gif) top left no-repeat; }
#subnav_02_01 a:hover, #subnav_02_01 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_2_1_over.gif) top left no-repeat; }

#subnav_03_01 { position:relative; top:-2px; left:0; width:214px; height:11px; padding-bottom:3px; }
#subnav_03_01 a { display:block; width:160px; height:15px; background:transparent url(/images/subnav_3_1.gif) top left no-repeat; }
#subnav_03_01 a:hover, #subnav_03_01 a.active { display:block; width:160px; height:15px; background: transparent url(/images/subnav_3_1_over.gif) top left no-repeat; }

#subnav_03_02 { position:relative; left:0; width:214px; height:11px; padding-bottom:7px; }
#subnav_03_02 a { display:block; width:160px; height:11px; background:transparent url(/images/subnav_3_2.gif) top left no-repeat; }
#subnav_03_02 a:hover, #subnav_03_02 a.active { display:block; width:160px; height:11px; background: transparent url(/images/subnav_3_2_over.gif) top left no-repeat; }

/* Inhalt */

div.summary { padding:0; margin:0 0 20px 0; }
div.summary .lft { float:left; width:328px; background: transparent url(/images/heart_r.gif) bottom left repeat-x; padding:0; margin:0 0 10px 0; }
div.summary .lft span { background-color:#FFF; padding:0 8px 2px 0; margin:0; line-height:14px; }
div.summary .rght { float:left; width:30px; text-align:right; line-height:14px; padding:0; margin:0; vertical-align:bottom; }
div.summary h2 { margin-bottom:6px; }

/* Formular */

.line { clear: both; padding: 2px 10px; }
.line2 { clear: both; padding: 2px 10px 20px 10px; }
.label { float:left; width:95px; text-align:right; padding-top:0; padding-right:3px; color:#666666; font-size:10px; }
.field { float:right; text-align:left; }
.field input { width:240px; height:14px; line-height:12px; font-size:10px; color:#59BBE0; border:1px solid #999999; }  
.field textarea { width:240px; border:1px solid #999999; }
.message { color:#59BBE0; font-size:10px; padding-left:10px; }