/* CSS Document */

html, body { height:100%; margin:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#5C5B54; background:#EAE8D7 url(../images/bg_main.jpg) top repeat-x;}
a, a:hover, a:visited{color:#979141; text-decoration:none;}
a:hover{text-decoration:underline;}

ul{list-style: url(../images/hyphen_list.gif) outside;margin:4px 0 4px 0;padding-left:17px;}
ul li{line-height: 16px;margin:0;padding:0;}

h1{font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:0; padding:0;}

.formfield{background:#F8F8F0; border:1px solid #979141; height:14px; font:11px Verdana, Arial, Helvetica, sans-serif; }

div#gui{margin:0 auto; width:983px;}

/* TOP CONTAINER */
div#guiTopLeft{float:left; width:185px; height:335px; background: url(../images/bg_topmain_left.jpg) top right no-repeat;}
div#guiTopMainContainer{float:left; width:798px; height:335px; background: url(../images/bg_topmain_middle.jpg) top repeat-x;}
div#guiTopMain{width:783px; height:312px; padding:0 11px 23px 4px; background: url(../images/bg_topmain_right.jpg) top right no-repeat;}
div#guiTopMainPic{float:left; width:598px; height:312px; margin-right:4px;}
div#guiTopMainPic div#section{width:584px; height:52px; margin-bottom:4px; padding:24px 0 0 14px; background:#E3E0C1;}
div#guiPicContainer{width:100%; height:232px; position:relative;}

/* TRANSPARANCY OVERVIEWS */
div#guiPicTransparentContainer{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; position:absolute; float:left; width:240px;}
div#guiPicHeadline{width:210px; padding:15px 15px 10px 15px; background:#F9F8F0; text-transform:uppercase;}
div#guiPicText{width:210px; padding:0 15px 10px 15px; background:#F9F8F0;}
div#guiPicMehr{padding-left:15px; background:#F9F8F0;}
div#guiPicTransparentBottom{width:100%; height:15px; background:url(../images/uebersicht/pic_transparentRounded.gif) bottom right no-repeat;}

/* TRANSPARANCY ARTICLE */
div#guiAPicTransparentContainer{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; position:absolute; float:left; width:400px; bottom:0px}
div#guiAPicNotTransparentContainer{position:absolute; float:left; width:400px; bottom:0px}
div#guiAPicHeadline{width:370px; padding:0 15px 10px 15px; background:#F9F8F0; text-transform:uppercase;}
div#guiAPicTransparentTop{width:100%; height:14px; background:url(../images/artikel/pic_transparentRounded.gif) top right no-repeat;}

/* TRANSPARANCY SERVICE */
div#guiSPicTransparentContainer{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; position:absolute; float:left; width:430px;}
div#guiSPicHeadline{width:400px; padding:15px 15px 10px 15px; background:#F9F8F0; text-transform:uppercase;}
div#guiSPicText{width:400px; padding:0 15px 0 15px; background:#F9F8F0; line-height:16px;}
div#guiSPicTransparentBottom{width:100%; height:14px; background:url(../images/2007/service/pic_transparentRounded.gif) top right no-repeat;}
div#guiArticleAuthorTop{padding-left:15px; font-size:11px; text-transform:uppercase; font-weight:bold; color:#979141;}	
div#guiArticlePositionTop{padding:0 0 15px 15px; font-size:11px;}	

/* CONTENT WHITE SPACE PIC OR OVERVIEW SMALL*/
div#guiTopMainWhite{float:left; width:180px;}
div#teaserBoxTopContainer{float:left; width:100%; padding-top:10px;}
.teaserBoxTop{float:left; width:172px; padding:0 4px 0 4px; margin-top:1px;}
.teaserBoxTopHeader{float:left; width:100%; margin-bottom:7px;}
.teaserBoxTopPic{float:left; width:54px; margin:2px 9px 0 0;}
.teaserBoxTopText{float:left; width:109px; line-height:11px; overflow:hidden; text-overflow:ellipsis;}
.teaserBoxTopMehr{width:100%; padding-top:10px;}
div#teaserTopSeparator{float:left; height:1px; padding-left:7px; margin:10px 0 8px 0;}

div#guiSearchContainer{height:18px; padding:14px 0 14px 15px;}
div#guiSearchTitle{float:left; margin-right:6px; padding-top:1px;} 
div#guiSearchField{width:80px; float:left; margin-right:9px;}
.guiSearchField{height:14px; color:#979141; padding-top:2px; font-size:10px; background:#EEECDE; width:80px; border:1px solid #E3E0C1;}

div#guiQuicklinksContainer{width:100%; height:45px; padding-top:11px; background: url(../images/bg_quicklinks.jpg) top left no-repeat;}
.quicklinkItem{padding:0 0 2px 12px;}

div#guiGrafenberg{padding:14px 0 0 12px;}


/* MAIN CONTAINER */
div#guiMainLeftContainer{float:left; width:185px; margin-top:32px;}
div#guiMainMiddleContainer{float:left; width:598px; padding:1px 4px 10px 4px;}
div#guiMainRightContainer{float:left; width:180px; height:100px; padding-left:12px;}

div#guiTeaserContainer{float:left; width:100%; margin-bottom:20px;}
.teaserBox{float:left; width:190px; margin:0 2px 0 6px;}
.teaserBox3{float:left; width:190px; margin-left:6px;}
.teaserHeader{height:21px; padding-left:4px; margin-bottom:9px;}
.teaserPic{margin-bottom:20px;}
.teaserHeadline{padding:0 4px 10px 4px; text-transform: uppercase;}
.teaserText{padding:0 4px 10px 4px;}
.teaserMehr{padding-left:4px;}


/* OVERVIEW MORE TOPICS */
.guiMoreTopicsContainer{float:left; border:1px solid #E3E0C1; background:#F1F0E4; padding:12px 12px 0 12px; margin-top:10px;}
.moreTopics{width:190px; margin:2px 0 10px 0;}
.moreTopicsContent{float:left; width:372px;}
.moreTopicsTextContainer {float:left; width:296px; padding:10px 0 0 2px;}
.moreTopicsHeadline{float:left; width:296px;}
.moreTopicsText{float:left; width:296px;}
.moreTopicsButton{float:left; padding:10px 0 0 30px; width:42px;}


/* ARTIKEL */
div#guiArticleTeaser{width:570px; padding:14px; background:#E3E0C1; font-size:12px; line-height:18px;}	
div#guiArticleAuthor{width:570px; padding-top:10px; background:#E3E0C1; font-size:11px; font-weight:bold; color:#979141;}	
div#guiArticleText{width:570px; padding:14px; line-height:16px;}

.guiArticleLinks{width:100%; padding-bottom:2px;}
.guiArticleLinkGroup{width:178px; margin-top:24px; padding-left:2px;}
.guiArticleLinkGroup ul{list-style:url(../images/spacer.gif) outside; margin:0; padding:0;}
.guiArticleLinkGroup ul li{list-style:none;line-height:16px;}



/* TIPPBOX */
.guiArticleBoxContainer{width:100%; margin:24px 0 24px 0;}
.guiArticleBoxTop{width:100%; height:8px; background: url(../images/artikel/bg_tippbox_top.gif) top left no-repeat;}
.guiArticleBoxBottom{width:100%; height:8px; background: url(../images/artikel/bg_tippbox_bottom.gif) bottom left no-repeat;}
.guiArticleBoxText{width:540px; border-left:1px solid #E3E0C1; border-right:1px solid #E3E0C1; padding:6px 14px 6px 14px; background:#F5F4EB;}
.guiArticleBoxText ul{list-style: url(../images/hyphen_list_box.gif) outside;margin:4px 0 4px 0;padding-left:17px;}
.guiArticleBoxText ul li{line-height: 16px;margin:0;padding:0;}


/* PARTNER */
.guiPartnerItem{margin:0 0 8px 7px;}