/* fonts */

body,p,td,button,input,select,textarea,.updates h3, h2.subtitle,.footerbox,.footerbox h3 {font: 15px/20px 'PTSansRegular', Arial, sans-serif;}
/*i {font: 15px/20px 'PTSansItalic', Arial, sans-serif;}
//b,strong {font: 15px/20px 'PTSansBold', Arial, sans-serif;}*/
b,strong {font-weight:bold;}
/*b i, strong i {font: 15px/20px 'PTSansBoldItalic', Arial, sans-serif;}
i b, i strong {font: 15px/20px 'PTSansBoldItalic', Arial, sans-serif;}*/
ul.menu a {font: 16px/21px 'UbuntuMedium', Arial, sans-serif;}
h1 {font: 28px/37px 'UbuntuMedium', Arial, sans-serif;}
h2,h3 {font: 16px/21px 'UbuntuMedium', Arial, sans-serif;} /*18/23*/
h4,h5,h6 {font: 15px/20px 'PTSansBold', Arial, sans-serif;}
.top,.small,.meta,.teaser .tag {font: 12px/18px 'PTSansRegular','UbuntuMedium','PTSansNarrowRegular', Arial, sans-serif;}
#titlebox h3, #breadcrumbs, #breadcrumbs a,.button,#submenu a {font: 14px/18px 'UbuntuMedium', Arial, sans-serif;}

.tweet .box {font: 14px/18px 'PTSansRegular', Arial, sans-serif;}
.tweet .time {font: 13px/18px 'PTSansNarrowRegular', Arial, sans-serif;}

/* general */

a,a:visited {color:#F200CE;text-decoration:none;} /* #FF37E0 */
a:hover {text-decoration:none;}
p {margin:0 0 0.7em 0}
ul,ol {margin: 0 0 0.7em 0;padding: 0 0 0 1.7em;}
blockquote {margin: 0 0 0.7em 0.7em;}
dd {margin: 0 0 0 1.7em;}
hr {border:none;height:1px;color:#dadada;background-color:#dadada;}

input[type="text"]  {background-color:#F9F9F9;font-size:13px;border:1px solid #8D8D8D;line-height:13px;padding:1px 6px 0px 6px;height:17px;}
input[type="submit"]  {color:#fff;border:1px solid #8D8D8D;line-height:100%;padding:1px 6px 2px 6px;}

img {vertical-align:top}

#content a:hover, #content a:hover h2 {background-color:#FF5BE7;color:#fff;}
#content a:hover h2 {border-bottom:none;padding-bottom:1px;}
#content .typography a:hover {padding-top:2px;}

/* wysiwyg typography */

.typography p {margin:0 0 0.7em 0;}
.typography ul, .typography ol {margin: 0 0 0.7em 0;padding: 0 0 0 1.7em;}
.typography blockquote {margin: 0 0 0.7em 0.7em;}
.typography dd {margin: 0 0 0 1.7em;}
.typography h1,.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {margin: 0.7em 0 0.7em 0;}

/* general helpers */

.nomargin {margin:0;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* layout */

body {background-color:#747474;color:#333;margin:0;padding:0;}
.center {width:960px;margin:0 auto;}

#header-wrap {background-color:#e6e6e6;}
#header {height:130px;position:relative;}
#box-wrap {background-color:#747474;}
#box {height:80px;position:relative;}
#above-main {width:890px;padding:52px 35px 35px 35px;}
#main {width:890px;padding:52px 35px 32px 35px;min-height:400px;}
#above-footer {height:10px;}
#footer-wrap {background-color:#747474;}
#footer {padding-top:20px;}

#content {float:left;}
#sidebar {float:left;margin:0 0 0 70px;}

/*#main-wrap,#above-footer-wrap {background: url('../images/bg_diagonal.png') #e6e6e6 center 0px repeat-x;}
#main,#above-footer {background: url('../images/bg_diagonal.png') #f9f9f9 center 0px repeat-x;}*/

#main-head {margin-bottom:40px;}

/* content layout for page sections */

.type-Folderpage #content,.type-Updatesfolder #content,.type-Page #content,.type-Tags #content,.type-Events #content,
.type-VirtualPage #content,.type-Blogpage #content {width:530px;}

.type-Folderpage #sidebar,.type-Updatesfolder #sidebar,.type-Page #sidebar,.type-Tags #sidebar,.type-Events #sidebar,
.type-VirtualPage #sidebar,.type-Blogpage #sidebar {width:290px;}

.type-RAWhomepage #content {width:450px;}
.type-RAWhomepage #sidebar {width:360px;border-left:10px solid #dadada;margin-left:35px;padding-left:35px;}

/* header */

#logo {position:absolute;top:10px;left:0px;z-index:1}
#banner {position:absolute;top:74px;left:480px;border:6px solid #f9f9f9;}

#topmenu {margin:0;padding:10px 0 0 0;width:490px;position:relative;z-index:2;}
#topmenu li {list-style:none;float:right;margin:0;padding-right:10px;}
#topmenu a {float:right;}
#topmenu .icon-top {padding-right:7px;}

#searchbox {float:right;margin-top:10px;line-height:normal;}
#searchform_action {height:20px;border-left:0;font-size:11px;padding:0px 6px 0px 6px;vertical-align:top;line-height:11px;background-color:#747474;} /* padding 2/1 */
#searchforminput {border-right:0;margin:0;}
#searchforminput.inactive {color:#666;}

#searchforminput {border-top-right-radius: 0px !important;-moz-border-top-right-radius: 0px !important;-webkit-border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;-moz-border-bottom-right-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important;}
#searchform_action {border-top-left-radius: 0px !important;-moz-border-top-left-radius: 0px !important;-webkit-border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;-moz-border-bottom-left-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important;}


/* buttons */

a.button,a.button-standard,input.button,.button-tag {background-color:#747474;color:#fff;}
a.button-context,input.button-context {background-color:#FF37E0;color:#fff;} /* button bg old FF37E0, new ff5be7 */

a.button,input.button {display:inline;line-height:normal;padding:1px 6px 2px 6px;}
a.button span {line-height:100%;margin-right:3px;}

/*a.button-standard:hover {background-color:#FF37E0;color:#fff;}*/

#header a.button:hover {background:none;background-color:#fff;color:#333;}
a.button:hover, input.button:hover, #content a.button:hover, a.button-standard:hover {background:none;background-color:#FF5BE7;color:#fff;} /*  */
a.button-context:hover, #content a.button-context:hover,input.button-context:hover {background:none;background-color:#747474;color:#fff;}

/*a.button .hash {font-size:15px;vertical-align:middle;}*/
a.button .arrow-full {font-size:10px;vertical-align:1px;}
a.button .arrow-double {font-size:14px;vertical-align:text-top;}

/* breadcrumbs */

#breadcrumbs {background-color:#FF5BE7;color:#fff;display:inline;margin-bottom:40px;padding:2px 4px 2px 4px;}
#breadcrumbs a {color:#fff;}
#breadcrumbs a:hover {color:#000;}

/* title box */

#titlebox {display:inline;margin-bottom:40px;}
#titlebox h2, #titlebox h3 {background-color:#FF5BE7;color:#fff;display:inline;margin:0;padding:2px;}
a#titlebox:hover {text-decoration:none;cursor:pointer;}
#content a#titlebox:hover {background-color:transparent;}
#content a#titlebox:hover h2, #content a#titlebox:hover h3 {background-color:#747474;padding:2px;}
#titlebox h2 {line-height:22px;}
#titlebox h3 {line-height:18px;}

/* menus */

ul.menu {margin:0;padding:0;}
ul.menu li {list-style:none;float:left;margin:0;padding-right:20px;}
ul.menu a {display:block;height:26px;color:#fff;}
ul.menu a:hover, ul.menu li.section a, ul.menu li.current a {background-color:#fff;color:#333;text-decoration:none;}

#mainmenu {margin-top:54px;float:left;}
#sidemenu {margin-top:54px;float:right;}
#sidemenu li:last-child {padding-right:0;}

/* submenu */

.main-head-submenu {margin-bottom:25px !important;}
ul#submenu {margin:0;padding:0;} /*width:545px;}*/
ul#submenu li {list-style:none;float:left;margin-right:15px;margin-bottom:15px;}
ul#submenu a {display:block;padding:2px 4px;}
ul#submenu li.current a {background-color:#FF37E0;}

/* content */

h1.title {margin-bottom:3px;}
h2.subtitle {font-weight:bold;}
#content .typography {margin-top:20px;}
#content .typography p {text-align:justify;}
p.meta {padding-top:7px;margin-left:35px;float:right;}
p.lead {color:#666;margin-bottom:20px;}

/* updates */

.updates {margin-top:40px;}
#sidebar .updates .button {margin-bottom:40px;}
.update {margin-bottom:30px;}
.update h3 {font-weight:bold;border-bottom:1px solid #dadada;margin-bottom:7px;}
.update p.meta {float:right;line-height:100%;display:block;}
#content .update .typography {margin:0 0 20px 0;}
#content .update .typography p{text-align:left;}

/* rawhomepage */



/* rightteasers (homepage) */

.rightteaser {margin-bottom:30px;}
.rightteaser h3 {margin-top:0;margin-bottom:3px;}
.rightteaser p.description {margin-bottom:3px;width:220px;}
.rightteaserimg {float:right;margin-top: 3px;}

/* teaser */

.teasers {margin-top:40px;}
.teaser {margin-bottom:20px;}
/*.teaser .top {background-color:#ddd;color:#333;padding:2px 2px 0 2px;}*/
.teaser p.top {margin-bottom:0;font-weight:bold;}
.teaser p.meta {display:block;float:right;line-height:100%;padding-top:8px;} /* padding-top:6px;*/
.teaser p.description {margin-bottom:3px;}
#content .teaser div.typography {margin-top:0;}
.teaser p.tag {display:inline;padding:2px 4px 0 4px;background-color:#e0e0e0;color:#333;}
.teaser img {display:block;float:right;line-height:100%;border:1px solid #969696;margin:0 0 0 33px;margin-top:3px;}
.teaser div.typography img {float:none;margin:0;}
.teaser h2 {margin:0 0 7px 0;border-bottom:1px solid #dadada;margin-bottom:7px;padding-bottom:1px;}
#content .teaser a:hover h2 {padding-bottom:2px;}
.teaser-with-img h2 {width:415px;}

/* paging */

.paging-prev {float:left;}
.paging-next {float:right;}

/* boxes */

.box-wrap {margin-bottom:20px;}
.box-wrap h3 {margin: 0 10px 4px 10px;}
.box {display:block;background-color:#eee;padding:8px 10px;}
.box h4 {margin: 0 0px 4px 0px;}
.box p:last-child {margin-bottom:0;} /* todo: andere tags? */
.box-left,p.box-left {display:block;float:left;width:50%;margin-bottom:0;text-align:left;}
.box-right,p.box-right {float:left;width:50%;margin-bottom:0;text-align:left;}

/* tag box */

.taglist {padding:10px 4px 2px 10px;}
.taglist li {list-style:none;float:left;margin:0 6px 8px 0;}

/* image box */

.rightboximg {display:block;border: 6px solid #969696;line-height:normal;} /* #8D8D8D */

/* social feed */

#socialfeed {border-top:1px solid #DADADA;padding-top:20px;}
#socialfeed h3 {margin-top:0;margin-bottom:3px;}
#socialfeed p.description {margin-bottom:3px;}
#jstwitter {margin-top:20px;}
.tweet {margin-bottom:5px;margin-left:-3px;}
.tweet .time {margin-left:10px;margin-top:2px;}
#socialfooter {margin-top:20px;}
#socialfooter .button {margin-right:5px;}
.icon-twitter,.icon-identica {float:right;}
.icon-twitter {margin-left:5px;}

/* tag listing */

#taglisting {margin-top:40px;}
#taglisting ul {padding:0;}
#taglisting li {list-style:none;float:left;margin:0 6px 8px 0;}

/* footer */

.footerbox {float:left;margin-right:35px;margin-bottom:20px;}
.footerbox p, .footerbox a, .footerbox h3, .footerbox li {color:#fff;}
.footerbox h3 {font-weight:bold;margin:0;}
.footerbox ul {padding:0;margin-top:0;}
.footerbox li {list-style:none;}
.footerbox a:hover {padding-top:2px;background-color:#fff;color:#000;}

#footercc {display:block;clear:left;margin-bottom:20px;}

/* newsletter form */

.newsletterform fieldset {border:none;padding:0;}
.newsletterform label {}
.newsletterform .customcheckboxset label {display:none;}
.newsletterform .customcheckboxset .middleColumn label {display:inline;}
.newsletterform ul {list-style:none;padding:0;margin-top:1em;}
.newsletterform .message {display:block;margin-top:1em;color:#c00;}
.newsletterform .customcheckboxset .message {display:none;}

/* responsive design for mobile devices */

@media only screen and (min-width: 480px) {
  /* adjustments for viewports 480px and over*/

}

@media only screen and (min-width: 768px) {
  /* adjustments for viewports 768px and over */

}

/* print styles */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}