@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
body {margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #4e4e4e; background-color: #fff; }
ul, li, table, td, th { margin: 0; padding: 0;}
img {border: none;}
a{color: #0071C6;}
a:hover{ text-decoration: none;}
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.hidden{ display: none;}

.green{ color: green;font-weight: bold;}
.red{ color: red;font-weight: bold;}
.container { margin-right: auto; margin-left: auto; width: 970px; margin-top: 0; min-height: 600px; }

.header { margin: 0 0 0 0; }

.footer{background-color: #e5e5e5;margin: 20px 0 10px 0;padding: 30px 0 10px 20px;background-image: url('/Images/footer.png');background-repeat: no-repeat;} /*border-top: 3px solid #666666;*/
.footer ul{list-style: none outside none;}
.footer a { color: #777777;text-decoration: none;font-size: 12px;}
.footer a:hover{ text-decoration: underline;}
.footer ul .li-head { font-weight: bold;font-size: 12px; color: #666}

.navbar { overflow: visible; color: #777777; }
.navbar-inner { min-height: 40px; padding-left: 20px; background-color: #fafafa; background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); }
.navbar-inner ul { list-style: none outside none; margin: 10px 0 0 0}
.navbar-inner li { float: left; margin: 0 25px 0 0 }
.navbar-inner li a { color: #777; text-shadow: 0 1px 0 #FFFFFF;text-decoration: none;   }
.navbar-inner li a:hover, .navbar-inner li .active { color: #0071C6;}

.content{ float: left; width: 670px;margin: 0 30px 0 0;min-height: 500px;}
.content h1 { line-height: 30px; margin: 0 0 25px 0}
.content ul li { list-style-type: square;margin: 0 0 0 15px;}

.menu{ float: right;width: 270px;min-height: 500px; display: block;}

.box-1{ border-radius: 3px 3px 3px 3px;background-color: #F4F4F4;border: 1px solid #E7E5E5;padding: 10px 10px 0px 10px;}
.box-1 h3, .news-headline{ font-size: 16px; color: #666;padding: 5px 0 10px 0;margin: 0;}

.box-1 .search-box{ border: 1px solid #A1A1A1; display: inline; float: left; position: relative; width: 240px;}
.box-1 .search-text{ height: 20px; border: 0 none; float: left; font-size: 14px; padding: 2px 4px 4px 5px; width: 205px;}
.box-1 .search-button{height: 25px;width: 25px;  padding: 0 0 1px 2px; border: 0 none; cursor: pointer; display: inline; float: left; background: url("/images/icons/lupe.png") no-repeat scroll transparent;}

.box-1 ul {list-style: none outside none;}
.box-1 ul li { padding: 0 0 10px 0;}
.box-1 ul a { text-decoration: none;}
.box-1 ul a:hover{ text-decoration: underline;}

.box-2{ border-radius: 3px 3px 3px 3px;border: 1px solid #E7E5E5;padding: 10px 10px 15px 10px;}
.box-2 h1 {color: #666;font-size: 18px; margin: 0 0 10px 0 ;}
.box-2 h2{ font-size: 16px; color: #666;padding: 0; margin: 0;font-weight: bold;}
.box-2 p { margin: 8px 0 8px 0;}

.box-2 ul {list-style: none outside none;}
.box-2 ul li { padding: 0 0 10px 0;}
.box-2 ul a { text-decoration: none;}
.box-2 ul a:hover{ text-decoration: underline;}

.sotd{padding: 0 15px 0 0; height: 183px;}

.textbox {font-size: 16px; height: auto; margin-bottom: 15px; padding: 7px 9px; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;display: block;color: #666666;}
.textbox:focus{border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;}
.textbox-label{ margin: 0 0 5px 3px; display: block;float: left;width: 180px;}
.cta-button-blue{background-color: #0071C6; border: 1px solid #0071C6; color: #FFFFFF; border-radius: 3px 3px 3px 3px; font-size: 16px; padding: 5px 10px 5px 10px; margin: 0 0 0 15px;}
.cta-button-blue:hover{cursor: pointer;}

.cta-button-grey{background-color: #999; border: 1px solid #999; color: #FFFFFF; border-radius: 3px 3px 3px 3px; font-size: 16px; padding: 5px 10px 5px 10px;}
.cta-button-grey:hover{cursor: pointer;}

.publish-button{ width: 270px;letter-spacing: 1.1px;margin: 0;}

.validation-summary{ color: #ff4500;margin: 0 0 15px 0px;}
.validation-summary ul {list-style: none outside none;}

/* Startseite, User Profil, MySnippets */
.snippet-table table td, .snippet-table table th { text-align: left;}
.snippet-table th { color: #666; padding: 0 0 8px 0}
.snippet-table td { color: #666; padding: 0 0 6px 0}
.snippet-table .col1{ width: 80px;}
.snippet-table .col2{ width: 120px;}
.snippet-table .col3{ width: 440px;}

/*Top ten Snippet*/
.snippet-table-top-ten table td, .snippet-table-top-ten table th { text-align: left;}
.snippet-table-top-ten th { color: #666; padding: 0 0 8px 0}
.snippet-table-top-ten td { color: #666; padding: 0 0 6px 0}
.snippet-table-top-ten .col1{width: 45px;}
.snippet-table-top-ten .col2{width: 60px;}
.snippet-table-top-ten .col3{width: 125px;}
.snippet-table-top-ten .col4{width: 390px;}

/* Top ten User*/
.snippet-table-top-ten-user td, .snippet-table-top-ten-user table th { text-align: left;}
.snippet-table-top-ten-user th { color: #666; padding: 0 0 8px 0}
.snippet-table-top-ten-user td { color: #666; padding: 0 0 6px 0}
.snippet-table-top-ten-user .col1{width: 108px;}
.snippet-table-top-ten-user .col2{width: 190px;}
.snippet-table-top-ten-user .col3{width: 125px;}

/* Code und Snippet Formatierung */
.code1, .code2{border: 1px solid #C0C0C0; height: 90px; margin: 5px 0; overflow: auto;padding: 0 0 0 5px;}
.bold{ font-weight: bold;}
.underline{ text-decoration: underline;}
.codebox {max-height: 440px; overflow: auto;}
.rating-count{ color:#c0c0c0;font-size: 12px;}
.comment-author{ font-style: italic;}
.comment-textbox{width: 100%; height: 100px;}
.valid-tags{ font-size: 12px; color: #999;}
.alternating-row-one{ background-color: #F4F4F4;padding: 5px;}
.alternating-row-two{ background-color: #ffffff;padding: 5px;}

.form-shield{ float: left; margin: 0 10px 0 0}

/* Tabs */
ul.tabs{width: 600px; margin: 0 0 0 0; padding: 0; position: relative; z-index: 10; top: 1px;}
ul.tabs li{ display: block; float: left; margin: 0 0 0 7px; border: 1px solid #aaa; border-radius: 3px 3px 0 0; overflow: hidden; background-color: #EDEDED;}
ul.tabs li a{ display: block; float: left;padding: 5px 10px 5px 10px;color: #666666; text-decoration: none;}
ul.tabs li.selected{ background-color: #fff; border-bottom: 1px solid #fff; }  
.tab-content{ clear: both; border: 1px solid #aaa; padding: 10px; }
.tab-content .formular{width: 620px;}

/* Breiten */
.w1{ width:  190px;}
.w2{ width:  300px;}
.w3{ width:  500px;}
.w4 { width: 100px;}
.w5{ width:  580px;}
.w6{ width: 440px;}

.mw60{max-width: 60px;}

/* Höhen */
.h1{ height: 20px;}
.h2{ height: 10px;}
.h3{ height: 40px;}
.h4{ height: 160px}
.h5{ height: 15px;}
.h6{ height: 60px;}
.h7 { height: 200px;}
.h8 { height: 5px;}
.h9 { height: 30px;}

/* Paddings */
.pl15 {padding: 0 0 0 10px;}
.pr5{ padding: 0 5px 0 0;}
.pr10{ padding: 0 10px 0 0;}
.pr20{ padding: 0 20px 0 0;}

/* margins */
.mb0{ margin-bottom: 0;}

.drop-down{float: left; font-size: 16px;height: auto;}
.snippet-edit-button { vertical-align: text-bottom; margin: 0 10px 0 0;}

.tool-box{ float: right;padding: 0 5px 0 0;}
.tool-box a {cursor: pointer}

@media (max-width: 1049px){ #feedback-tab { display: none; }}
@media (min-width: 1050px){ #feedback-tab {background-color: #222222; background-image: url("/images/feedback-tab.png"); color: #FFFFFF; cursor: pointer; height: 102px; left: 0; margin-left: -7px; overflow: hidden; position: fixed; text-indent: -100000px; top: 25%; width: 42px; z-index: 100000;}
}

/* Pager */    
.pagerDB a{ text-decoration: none;}
.pagerDB { font: 9pt/1.5em Arial, Tahoma, Verdana, "Lucida Grande", sans-serif; color: #64452F;  clear: both; margin-left: auto ;margin-right: auto;width: 560px;text-align: center;}
.pagerDB a, .pagerDB strong.pagerDB-current {  padding: 0.5em;}
div.pagerDB {clear: both; padding: 0 20px; margin-top: 25px;padding-bottom: 10px;}
div.pagerDB a {border: 1px solid #ccc; padding: 0.5em; margin: 0 2px; color: #666; font-size:14px;}
div.pagerDB a:hover { background-color:#f4f4f4; text-decoration:none;}
div.pagerDB strong {border: 1px solid #666; padding: 0.5em; font-size:14px; margin: 0 2px; color: #FFFFFF; background-color: #666;}


/* Simple Data Grid (My Snippets) */    

.simple-data-grid a { text-decoration: none;}
.simple-data-grid {border-collapse: collapse;}
.simple-data-grid thead th {font-weight: bold;padding: 0.5em;text-align: left;white-space: nowrap;vertical-align: top;}
.simple-data-grid thead th .sdg-headline {color: #4e4e4e;white-space: nowrap;vertical-align: top; text-decoration: underline;}
.simple-data-grid thead th a .sdg-sort {margin-left: 0.5em;font-size: 15px;color: #4e4e4e}
.simple-data-grid thead th:last-child {border-right: none;}
.simple-data-grid tbody td {padding: 0.5em;vertical-align: top;}
.simple-data-grid tfoot td {padding: 0.5em;}
.simple-data-grid tfoot .sdg-pagination {text-align: center;}
.simple-data-grid tfoot .sdg-pagination ul {list-style: none;margin: 0;padding: 0;float: none;display: inline-block;overflow: hidden;}
.simple-data-grid tfoot .sdg-pagination li {float: left;}
.simple-data-grid tfoot .sdg-pagination .sdg-active{ background-color: #666;border-color: #666; }
.simple-data-grid tfoot .sdg-pagination .sdg-active a{ color: #fff;font-weight: bold;}
.simple-data-grid tfoot .sdg-pagination a {padding: 0 0.5em;color: #666;}
.sdg-pagination ul li { list-style-type: none;}
.sdg-col_name { width: 390px;}
.sdg-col_aufrufe{ width: 65px;}
.sdg-col_bewertung{ width: 88px;}
.sdg-col_kommentare{ width: 105px;}
.simple-data-grid tfoot tr td{padding-top: 40px;}
.simple-data-grid tfoot li { border: 1px solid #ccc; padding: 5px 1px 5px 1px;margin-left: 4px;text-decoration: none;}
.simple-data-grid tbody .sdg-col_name a{ text-decoration: underline;}
#my-snippets-table tr { line-height: 18px;}