/* style sheets for www.pe-foerderungen.de */

/* reset the default styles */
* { margin:0px; padding:0px; }

/* font styles */
@font-face { font-family:pemenu; src:url(../../../../font/corporate-s-halbfett.ttf) format('truetype'); }

/* common styles */
html { height:100%; }
body { height:100%; background-color:#ed7c2d; font-family:verdana,sans-serif;font-size:14px;font-weight:normal;}
a, input, img, button {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}

/* basic structure */
#all {display:flex;}
div.outer_left, div.outer_right {flex:1 1 13%; background-color:#ED7C2D; width:13%;box-sizing:border-box;}
#frame {flex:1 1 74%;width:74%;background:#fff;min-height:100vh;box-sizing:border-box;}

div.outer_left img { width:100%; margin-top:300px; }
div.outer_right img { width:100%; margin-top:300px; }
img.contentlogo { width:37%; margin-left:6%; }

#menu, .slicknav_menu {display:none;}

/* styles for the start splash screen */
div.intro { background-color:#565656; position:absolute; display:none; }
img.intro { display:block; margin-left:auto; margin-right:auto; max-width:70%; max-height:80%; margin-top:4%; }

/* standard links */
a:link { text-decoration:underline; color:#000000; }
a:visited { text-decoration:underline; color:#000000; }
a:active { text-decoration:underline; color:#000000; }
a:hover { text-decoration:underline; color:#000000; }

div.menu_bar {padding:30px 4% 30px 4%; background:#fff;}
div.menu_bar a.main:link, div.menu_bar a.main:visited { text-decoration:none; margin:0 10px; color:#475660;font-family:pemenu;font-size:18px; }
div.menu_bar a.main:focus, div.menu_bar a.main:hover, div.menu_bar a.main:active { color:#aaa; }

div.submenu { position:absolute; }
div.submenu p { background-color:#565b5f; opacity:0.8; padding:10px 20px; margin:1px 0px 0px 0px;font-size:14px; }
div.submenu a:link, div.submenu a:visited { text-decoration:none; color:#FFFFFF; }
div.submenu a:focus, div.submenu a:hover, div.submenu a:active { color:#ED7C2D;}

div.outer_content { width:100%;}
div.content { padding:4%; }
h1.page { font-family:verdana,sans-serif; font-size:13pt; color:#ED7C2D;margin:0 0 30px 0; }
h2.text { padding:0 0 20px 0; }
li { margin-left:15px; padding-top:2px; padding-bottom:2px; }
ol { margin-left:15px; margin-top:5px; }
ul { margin:0 0 20px 15px; }
p { padding:0 0 20px 0; }
p + h2.text { padding:20px 0; }

table.dozent_table { margin-top:20px; }
td.dozent_ort { vertical-align:top; padding-right:20px; }
td.dozent_name { padding-bottom:12pt; }
p.dozent_ort { font-weight:bold; }
p.dozent_name { padding-bottom:1pt; }
p.dozent_uni { font-style:italic; }

table.student_table { margin-top:20px; }
td.student_name { min-width:240px; }
p.student_instrument { font-weight:bold; }
p.student_name { }
p.student_url { }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:absolute;display: block;vertical-align: middle;right:20px;top:10px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {*zoom: 1;position:relative; box-sizing: border-box;background: #fff;padding:0;}
.slicknav_menu * {box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both; position:absolute;top:0;left:0;z-index:99999;background:#fff;width:80%;color: #000;padding:30px 20px;list-style: none;overflow: hidden;box-sizing:border-box;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;margin:0;padding:0;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {display: block;font-size:15px;line-height:30px;font-weight:normal;padding:0;margin:0;text-decoration: none;color: #000;text-transform:uppercase;}
.slicknav_nav a:hover {color: #ed7c2d; }
.slicknav_nav li.menu-current a:hover {color: #ed7c2d; }
.slicknav_nav li li a {padding:0 0 0 10px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 880px) {
.js #menu, #menuBar, #menuBarButtons {display:none !important;}
.slicknav_menu {display:block;}
img.contentlogo { width:50vw; margin-left:20px;margin-top:10px;}
}
@media only screen and (max-width: 540px) {
div.outer_left,div.outer_right {flex:1 1 6%;width:6%;}
#frame {flex:1 1 88%;width:88%;}
/*div.outer_left img, div.outer_right img {display:none;}*/
}