body {font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; margin:0; background-color:white;}

#Body {position:relative; left:50%; width:754px; margin:0 0 20px -377px; min-height:90%;}
#ProjectHeader {position:relative; height:69px; background:url(/media/design/header.png) no-repeat; margin:0 0 100px 0;}


#ProjectTabs {position:absolute; bottom:2px; right:0;}
#ProjectTabs > span:first-child {display:none;}
#ProjectTabs ul {list-style-type:none; float:right; padding:0; margin:0 8px 0 0;}
#ProjectTabs li {float:left; height:18px; margin:0 3px 0 0; padding:0 0 0 4px; background:url(/media/design/header_tab_left.png) left top no-repeat;}
#ProjectTabs li a {display:block; color:red; text-decoration:none; height:18px; line-height:18px; vertical-align:center; font-size:10px; background:url(/media/design/header_tab_right.png) right top no-repeat; padding:0 6px 0 0;}
#ProjectTabs li:hover {background-image:url(/media/design/header_tab_left_hover.png);}
#ProjectTabs li:hover a {background-image:url(/media/design/header_tab_right_hover.png); color:black;}

#LangBar,
#LangBar > div,
#LangBar ul,
#LangBar li {height:24px; line-height:24px; font-size:11px; float:left; vertical-align:middle;}
#LangBar {position:absolute; bottom:-24px; right:20px; background:url(/media/design/lang_bar_bg.png) top left repeat-x; float:right;}
#LangBar > div {background:url(/media/design/lang_bar_left.png) top left no-repeat; padding:0 10px 0 15px; margin-left:-14px; color:gray;}
#LangBar ul {list-style-type:none; padding:0; margin:0 0 0 0;}
#LangBar li {margin-right:8px;}
#LangBar li.Last {background:url(/media/design/lang_bar_right.png) right top no-repeat; margin-right:-14px; padding-right:20px;}
#LangBar li span {display:none;}

#Content {position:relative; background-color:white; width:750px; left:2px;}
#Body > h1 {background:url(/media/design/body_head.png) no-repeat; height:72px; line-height:72px; vertical-align:center; font-size:30px; font-weight:lighter; padding:0 0 0 30px; margin:0; overflow:hidden;}

/**
 * Einige Elemente sollen -wenn verfügbar- "Trebuchet MS" als Schriftart bekommen
 */
h1,
h2,
div.LeftSection > .Title {font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}

a > img {border:0;}

h2 {font-size:24px;}
h3 {font-size:16px;}

#Content > .Border {position:absolute; width:2px;}
#Content > .Border.Left {height:553px; left:-2px; background:url(/media/design/body_left_border.png) no-repeat;}
#Content > .Border.Right {height:126px; right:-2px; background:url(/media/design/body_right_border.png) no-repeat;}

#MainContent {margin:0 10px 2em 30px; min-height:600px;}
#LeftSectionGroup + #MainContent,
#RightSectionGroup + #MainContent {width:500px; float:right; overflow:hidden; margin-left:0;}
#MainContent,
#LeftSectionGroup {padding-top:25px;}


#MainContent a {color:#3333FF;}
#MainContent a:hover {text-decoration:none;}
#MainContent > ul:first-child {margin-top:0;}
#MainContent > ul:first-child h2:first-child {margin-top:0;}
#MainContent > h2 {margin-top:0;}
#MainContent > p:first-child {margin-top:0;}
#MainContent div,
#MainContent p {line-height:1.5em;}

div#LoginStatus {font-size:10px; position:absolute; top:-70px; right:0; padding-right:5px;}
div#LoginStatus > a {color:blue;}
div#LoginStatus > a:hover {color:red; text-decoration:none;}

#NavPath,
#NavPath > div,
#NavPath ul,
#NavPath li {float:left; height:19px; line-height:19px;}
#NavPath {font-size:11px; margin:0 0 0 50px; background:url(/media/design/location_bar_bg.png) top left repeat-x;}
#NavPath > div {background:url(/media/design/location_bar_left.png) top left no-repeat; padding:0 0 0 8px; margin-left:-20px; color:gray;}
#NavPath a {color:gray; text-decoration:none;}
#NavPath a:hover {color:red;}
#NavPath ul {list-style-type:none; margin:0; padding:0 0 0 0;}
#NavPath li {padding:0 15px 0 5px; margin:0; background:url(/media/design/location_bar_arrow.png) right top no-repeat;}
#NavPath li.Last {background:url(/media/design/location_bar_right.png) right top no-repeat; margin-right:-20px;}
#NavPath li.Last a {font-weight:bold;}
#NavPath + * {clear:left;}

#LeftSectionGroup {float:left; width:226px; background:url(/media/design/section_left_border.png) right top no-repeat; min-height:545px; margin-right:14px;}
#LeftSectionGroup > div.LeftSection {margin-bottom:2.5em;}
#LeftSectionGroup > div.LeftSection > .Title {height:24px; line-height:24px; padding:0 0 0 24px; background:url(/media/design/section_left_title_arrow.png) left center no-repeat; font-size:24px; color:silver;}

#Nav,
#Nav ul.Sub,
div.LeftSection ul.LinkList,
div.LeftSection ul.LinkList ul.Sub {font-weight:normal; list-style-type:none; padding:0 0 0 26px; margin:1em 0 0 0;}
#Nav > li,
#Nav ul.Sub > li,
div.LeftSection ul.LinkList > li,
div.LeftSection ul.LinkList ul.Sub > li {padding:0; margin:0 0 1em 0;}
#Nav li.Selected,
div.LeftSection ul.LinkList li.Selected {font-weight:bold;}
#Nav a,
div.LeftSection ul.LinkList a {text-decoration:none; color:black;}
#Nav a:hover,
div.LeftSection ul.LinkList a:hover {text-decoration:underline;}

#Foot {position:relative; clear:both; width:726px; left:14px; min-height:88px; background:url(/media/design/foot_bg.png) repeat-x left bottom;}
#Foot > .Border {position:absolute; width:14px; height:100%;}
#Foot > .Border.Left {left:-14px; background:url(/media/design/foot_left_border.png) left bottom no-repeat;}
#Foot > .Border.Right {right:-14px; background:url(/media/design/foot_right_border.png) left bottom no-repeat;}

#BottomSectionGroup {}
#BottomSectionGroup > div.BottomSection {clear:both;}

#FootNav {list-style-type:none; margin:0; padding:0; text-align:center;}
#FootNav > li {float:left; padding:0 6px 0 6px; border-right:solid 1px #b1b1b1;}
#FootNav > li.Selected {font-weight:bold;}
#FootNav > li.First {padding-left:0;}
#FootNav > li.Last {border-right:none; padding-right:0;}
#FootNav a {text-decoration:none; color:black;}
#FootNav a:hover {text-decoration:underline;}

#Body + p {font-size:x-small; color:silver; text-align:center;}
#Body + p em {color:gray; font-style:normal;}

a.Download {padding-right:18px; background:url(/media/design/download_icon.png) right center no-repeat;}
a.Download:hover {background-position:right bottom;}

div.MainInterestedLink {margin:1.5em 0; height:100px; width:350px; background:url(/media/design/main_interested_left.png) left top no-repeat;}
div.MainInterestedLink a {display:block; height:100px; line-height:100px; vertical-align:center; text-align:center; background:url(/media/design/main_interested_right.png) right top no-repeat; font-size:16px; font-weight:bold; color:black !important; text-decoration:none;}
div.MainInterestedLink:hover {background-position:left 100%;}
div.MainInterestedLink:hover a {background-position:right 100%; color:red !important;}

ul.Sentences {list-style-type:none; padding:0 0 0 20px; margin:0;}
ul.Sentences > li {margin:1.2em 0 0 0; line-height:1.5em; padding-left:18px; background:url(/media/design/arrow_right.png) 0 0.25em no-repeat;}
ul.Sentences > li.Check {background-image:url(/media/design/check.png);}
ul.Sentences > li.CheckEmphasized {background-image:url(/media/design/check_green.png);}
ul.Sentences > li.CheckStrong {background-image:url(/media/design/check_red.png);}

#EBayCompAppLogo {position:absolute; width:180px; text-align:center;}

#DeliveredBy {clear:both;}

/**
 * Formatierung der Links, die durch die Klasse PageSwitch erzeugt werden
 */
ul.PageSwitch {list-style:none; margin:25px 0 10px 0px; padding:0;}
ul.PageSwitch + * {clear:left;}
ul.PageSwitch > li {float:left; vertical-align:middle; margin:0; text-align:center; line-height:24px; min-width:27px;}
ul.PageSwitch > li a {line-height:22px; height:22px; min-width:25px;}
ul.PageSwitch li a {text-decoration:none; color:blue; display:block;  margin:0; border:solid 1px transparent;}
ul.PageSwitch > li.Page a {border-bottom-color:silver;}
ul.PageSwitch > li.PageLast a {border-bottom-color:silver; border-left-color:silver; border-top-color:silver;}
ul.PageSwitch > li.PageFirst a {border-bottom-color:silver; border-right-color:silver; border-top-color:silver;}
ul.PageSwitch > li.Page a:hover,
ul.PageSwitch > li.PageFirst a:hover,
ul.PageSwitch > li.PageLast a:hover {border-color:silver;}
ul.PageSwitch > li.PageCurrent a {border-color:black; background-color:#fffeeb; font-weight:bold;}
ul.PageSwitch > li.PagePrev a {background:url(http://img.lauge.de/ico/arrows/2_left.png) left center no-repeat;}
ul.PageSwitch > li.PageNext a {background:url(http://img.lauge.de/ico/arrows/2_right.png) right center no-repeat;}
ul.PageSwitch > li.PagePrev a:hover {background-image:url(http://img.lauge.de/ico/arrows/2_left_highlight.png);}
ul.PageSwitch > li.PageNext a:hover {background-image:url(http://img.lauge.de/ico/arrows/2_right_highlight.png);}
ul.PageSwitch > li.Spacer {overflow:hidden; width:30px; }
.PageSwitchStatus {display:block; clear:left; text-align:center;}