@charset "utf-8";
* {box-sizing:border-box;}

#ie_update {display: none;}
body { position: relative; background: #f5f5f5; }
#sitename {position: fixed;width: 80px;z-index: 100000;height: 80px;left: 0;}
#sitename img {color: #666666;font-size: 9px;width: 80px;height: 80px;}
#sitename ul, #sitename li {padding: 0;margin: 0;list-style: none;float: left;}
#sitename li img {width: 18px;height: 12px;padding: 0;margin: 3px 0 0 3px;border: 1px solid #CCC;}
body, li, td, tr, p {margin: 0;padding: 0;}
p, #header li {height: 150%;line-height: 150%;}

#mitte {text-align: center;padding: 0;margin: 0;width: 100%;}
#navigation { position: relative; z-index: 99; width: 100%;  }
#top { background-color: #5971A2; position: relative; top: 0; }
.container {margin: 0 auto;text-align: left;}
#top_header {text-align: center;margin: 0 auto;padding: 8px 0;}
#top_menu {float: right;}
#top_menu ul {list-style: none;display: inline;padding: 0;margin: 0;}
#top_menu li {padding: 5px 10px 0 10px;display: inline;float: right;font-size: 80%;}
#top_menu li a, #top_menu li span {color: #999999;text-decoration: none;}
#top_menu li a:hover, #top_menu li#current a {text-decoration: underline;}
#search,#search div {float: right;}
#search * {float:left;vertical-align:top;}
#search, #search form, #search input {padding: 0;margin: 0;}
#search, #search form {height: 20px;line-height: 20px;text-align: right;}
#search .inputbox {padding: 5px;font-size: 11px !important;background: #F7F7F7;width: 100px;border: 1px solid #CCC;border-right: none;}
#search .button {border-radius:0 3px 3px 0;height:26px;background: #CCCCCC;margin:0;padding:0 8px !important;color: #FFFFFF;font-size: 11px ;border: none;font-weight:bold;}
#search label {display: none;}
#slogan {min-height:80px;padding:22px;text-align: center;background-image: url(../images/header.png);border-bottom: 4px solid #6699FF;border-top: 1px solid #CCCCCC;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom, #f2f2f2 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
#slogan h1 {color: #666666;font-family: Trebuchet MS, Helvetica, Arial;font-weight: normal;font-size: 28px;padding: 0; margin: 0;}
#main { padding: 0;overflow: hidden;position: relative; z-index: 9; }
#maincontent {margin:0 0 2.5em 0; padding: 0;}

.module-license{font-size:13px;}
.module-license table{margin:12px auto;}

#left_out {float: left;}
.breadcrumb {display:block; padding: 1em;background-color: #fafafa;border: 1px solid #eee; border-radius: 4px;  margin: 0 0 1em 0; color: #aaa; font-size: 85%;  } 
.breadcrumb span,.breadcrumb a { padding:0 5px; }
.breadcrumb li:after { content: " / "; color: #aaa; text-decoration: none !important; }
.breadcrumb li:first-child:after,.breadcrumb li:last-child:after { content:none !important; }
.breadcrumb a:hover { text-decoration: none; color: #333; }
.breadcrumb li { display: inline-block; list-style: outside none none;padding:0 5px 0 0; }
.breadcrumb img,.breadcrumb .divider{ display: none; }
#left_out #content_out {padding: 2em;background-color: #FFFFFF;border: 1px solid #ECE9D8; border-radius: 4px; box-shadow:0 2px 3px #EEEEEE; margin: 0 0 3em 0; }
#header_out { }
#header_out , #header_out p {color: #eee; }
#intro_home_1 {padding: 4em 1em;float: left;}
#header h2, #intro_home_1 h2 {margin: 0;padding: 0 0 10px 0; font-weight: normal !important;font-size: 3em;}
#header h3, #intro_home_1 h3 {margin: 0;padding: 0; font-weight: normal !important;font-size: 1.3em;height: 170%;line-height: 170%;}
#intro_home_2 {float: right;height: auto;padding: 6em 0 1em 0;}
 
a.downloadButton { text-decoration: none;  background-color: #428BCA; border-color: #357EBD; color: #FFFFFF !important; box-shadow: 0 0 3px #333;-moz-box-sizing: border-box; border-radius: 6px; border-style: solid; border-width: 1px; cursor: pointer; display: block; font-size: 1.4em; margin: 0 0.3em 0 0; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; font-weight: 400; text-transform: uppercase; text-shadow: 0 1px 4px #666666;  }

#left_out #user1 {margin: 0 0 3% 0;border-bottom: 1px solid #F5F4EB;padding: 0 0 3% 0;}
#left_out #content {background-color: #FFFFFF;}
#right_out { float: right; padding: 0; text-align: center;margin:1em 0 0 0; }
#right_out .right div { margin: 0 0 1.5em 0; }
#right_out .right div div { margin: 0; }
 
#right_out a img {border: 2px solid #ccc;padding: 1%;margin-bottom: 3% !important;float: left;}
#right_out a:hover img {border-color: #6699FF;border-style: solid;border-width: 2px;background-color: #EEE;} 
#right_out #right_in2 h3 {font-size:16px;color:#d0d0d0 !important;}
#right_out h3, #user5 h3 {font-size: 19px;  font-weight: normal; font-family: Helvetica,Arial,  sans-serif; padding: 0.5em; margin: 0 0 0.5em 0; text-align: left; color: #aaa; border-bottom: 1px solid #eee; }

#right_out #right_in2 { overflow: hidden;font-size: 11px;text-align: center;color: #999999;padding: 2em 0;}
#right_out #right_in2 ul{margin: 0;padding: 0;list-style-type: none;display: inline;}
#right_out #right_in2 span.noref{margin: 0;padding: 0 7px;border-right: 1px solid #EEE;}
#right_out #right_in2 span { margin: 0; padding: 4px 6px; }
#right_out #right_in2 .moduletabletextlink {padding: 0;margin: 0;display: none;}
#right_out #right_in2 a {color: #d0d0d0;text-decoration: none;}
#right_out #right_in2 a:hover {text-decoration: underline;}
#right_out br , #right_out br.clr{height: 0px;}
#user5 {background-image: url(none);padding: 0 0 4% 0;}
#user5 ul {margin: 0;padding: 0;list-style-type: none;width: 100%;float: left;}
#user5 li {margin: 0;padding: 0;float: left;list-style-type: none;text-align: left;white-space: nowrap;display: inline;font-size: 90%;}
#user5 a, #user5 .separator {color: #666666;text-align: left;text-decoration: none;font-size: 90%;padding: 2px 5px;display: block;}
#user5 a:hover {border: 1px solid #CCC;text-decoration: none;font-weight: normal;padding: 1px 4px;}
#user5 ul ul {list-style-type: disc;border-bottom: none;}
#user5 ul ul a {background: none;border: none;}
#user5 li#current a {text-decoration: underline;color: #999999;}
#user5 li#current li a,#user5 li#current li {text-decoration: none !important;padding-left: 15px;}

#footer {padding: 2em; }
#footer ul, #footer li {list-style-type: none;display: inline;padding: 0;margin: 0;} 
#footer, #footer a { text-align: center;color: #999; font-size: 13px; }
#copyright { float: left; padding: 0 1em; }
#footer_nav { float: left; }
#footer #footer_nav ul { padding: 0; margin: 0; list-style: none; }  
#footer #footer_nav ul li { float: left; padding: 0 1em; margin: 0; display: inline; border-left: 1px solid #ccc; }  
#footer #footer_nav ul li a {   } 

#content ul {list-style-type: square;margin: 0 0 0 15px;padding: 0;}
#content li {padding: 2px 0px;margin: 0;} 
.wichtig {border: 1px solid #CCC;background-color: #EEE;float: left;padding: 1.5em;}
.code {background-color: #EEE;padding: 5px;}
#content a, #header a { text-decoration: none;font-weight: bold;}
#content a:hover {text-decoration: underline;}
.clr, .clearfloat {clear: both;height: 0px;line-height: 0px;padding: 0;margin: 0;} 
#content div.itemComments { background: none; border: none; }
.pd-cb + div {font-size:11px;color:#999;}

/****************************************************************
****************	S U C K E R F I S H		*********************
*****************************************************************/

#suckerfish {position:relative;z-index:1000;display: block;margin:1em 0 1em 0;}

@media only screen and (min-width: 601px) {
#suckerfish ul {line-height:1.0;float:left;position:relative;padding:0;margin: 0;z-index:120;list-style: none;}
#suckerfish ul ul{float:none;left:-999em;position:absolute;width:230px;z-index:500;margin: 0;padding: 10px 0;border: 0;}
#suckerfish ul ul ul{float:none;left:0; top: 0;position:relative; z-index:500;margin: 0 0 0 10px;padding: 0;border: 0;}
#suckerfish li{list-style:none;position:relative;display: inline;float:left;padding: 0;margin: 0;z-index:200;}
#suckerfish li li{position:relative;float:none;width: 190px;margin:0;}
#suckerfish li:hover ul,#suckerfish li.sfHover ul{left:0;top:48px;}
#suckerfish li:hover ul ul,#suckerfish li.sfHover ul ul{left:0;top:0;}
#suckerfish a,#suckerfish .separator {color:#6699cc;position:relative;white-space: nowrap;z-index: 100;cursor: pointer;float: left;display: block;font-size: 18px;text-align: center;padding: 1em 1.5em 1.2em 1.5em;text-decoration: none; }

#suckerfish a:hover {color: #6699CC;}
#suckerfish li.active a,#suckerfish li.active .separator {z-index: 100;cursor: pointer;color: #999;background-color:#eee;}
#suckerfish li a span,#suckerfish li .separator span {padding: 0;}
#suckerfish li li a,#suckerfish li.active li a,#suckerfish li li .separator,#suckerfish li.active li .separator {height: 30px;line-height: 30px;width: 190px;float: left;display: block;color: #6699CC;text-align: left;font-size: 15px !important;font-family: Helvetica, Arial, sans-serif !important;}
#suckerfish li li.active,#suckerfish li.active li a,#suckerfish li.active li a:hover,#suckerfish li li a:hover,#suckerfish ul li.active.parent ul a,#suckerfish li.active li .separator,#suckerfish li.active li .separator:hover,#suckerfish li li .separator:hover,#suckerfish ul li.active.parent ul .separator {border: 0;padding: 0;margin: 0;}
#suckerfish li li a,#suckerfish li li .separator {font-size: 100%;font-weight: normal;background: none;padding: 0;margin: 0;border: none;}
#suckerfish li li,#suckerfish li li a span,#suckerfish li li .separator span {background: none;padding: 0;margin: 0;}
#suckerfish li li a span,#suckerfish li li .separator span {padding: 0;}
#suckerfish li.sfHover li a,#suckerfish li:hover li a,#suckerfish ul li.active ul li.active li a,#suckerfish ul li.active.parent ul li a,#suckerfish li.sfHover li .separator,#suckerfish li:hover li .separator,#suckerfish ul li.active.parent ul li .separator,#suckerfish ul li.active.parent ul li .seperator {text-indent: 20px !important;background: none;}
#suckerfish li.active li a,#suckerfish li.active.parent li a,#suckerfish li.active li .separator,#suckerfish li.active.parent li .separator {font-weight: normal;font-size: 100%;background: none;}
#suckerfish ul li.active.parent ul,#suckerfish ul ul li.active.parent ul {background: #eee !important;border-right: 1px solid #CCC; }
#suckerfish ul ul,#suckerfish ul ul ul {background: #E7E7E7;}
#suckerfish ul ul li:hover,#suckerfish ul ul li.sfHover {background-image: none;}
#suckerfish ul ul li a,#suckerfish ul li.active.parent ul a,#suckerfish ul li.active.parent ul a span,#suckerfish ul ul li .separator,#suckerfish ul li.active.parent ul .separator,#suckerfish ul li.active.parent ul .separator span {text-transform: none;background: none;}
#suckerfish ul ul li.active {background: none;}
#suckerfish li.active,#suckerfish li#current,#suckerfish li.active:hover,#suckerfish li.active.sfHover {background-color: #eee;border-radius: 4px 4px 0 0;  }
#suckerfish li .separator:hover {cursor: default;}
#suckerfish li.active li,#suckerfish li#current li,#suckerfish li.active:hover li,#suckerfish li.active.sfHover li {border: none !important;background-color: none !important;}
#suckerfish li a:hover,#suckerfish li .separator:hover {color: #6699CC;}
#suckerfish li:hover,#suckerfish li.separator:hover {background-color: #E7E7E7;}
#suckerfish ul ul li a:hover,#suckerfish ul ul li .separator:hover,#suckerfish ul ul li.parent a:hover,#suckerfish ul ul li.parent .separator:hover,#suckerfish ul ul li:hover,#suckerfish ul ul li.active:hover,#suckerfish ul ul li.active a,#suckerfish ul ul li.sfHover,#suckerfish ul ul li.active.sfHover {background: none;color: #000000;}
#suckerfish ul ul li a.daddy:hover,#suckerfish ul ul li .separator.daddy:hover,#suckerfish ul ul li.parent:hover,#suckerfish ul ul li a.daddy.sfHover,#suckerfish ul ul li .separator.daddy.sfHover {background: none;}
#suckerfish ul ul a,#suckerfish li:hover li a,#suckerfish ul ul .separator,#suckerfish li:hover li .separator,#suckerfish li.sfHover li a,#suckerfish li.sfHover li .separator,#suckerfish li:hover li:hover a,#suckerfish li:hover li:hover .separator,#suckerfish li.sfHover li.sfHover a,#suckerfish li.sfHover li.sfHover .separator {background: none;}
a.menu-link,a.menu-anchor { display: none !important;}
#navigation_hinweis {display: none;}
}

@media only screen and (max-width: 600px) { 
#suckerfish {margin: 0;}
#suckerfish ul {margin: 0;padding:0;list-style: none;}
#suckerfish li, #suckerfish .separator { margin: 0 2%; }
#suckerfish li a , #suckerfish li span {padding: 3%;margin: 0 2%; font-size: 120%;display: block;white-space: nowrap;float: none;  }
#suckerfish li li a {padding-left: 5%;}
#suckerfish .active a, #suckerfish .active .active a,#suckerfish .active .separator , #suckerfish li span  {color: #999999;}
#suckerfish li.active li a, #suckerfish li  li.active a,#suckerfish li.active li .separator {color: #6699CC;}
#suckerfish a {text-decoration: none;color: #6699CC;}
#navigation { padding: 0; margin: 0 0 -2px 0; float: left; clear: both; }
#top { margin: 0 !important;  }
a.menu-link,a.menu-anchor {   display: block !important;}
a.menu-anchor {   height:0 !important;}
}

@media only screen and (max-width: 802px) {
#sitename { top:0 !important;width:65px;height:65px;}
#sitename img {width:65px;height:65px;}
}



/****************************************************************
****************		L A Y O U T			*********************
*****************************************************************/


.container, #top_header { width: 802px; }
#sitename { top: 40px; }
#top_header { min-height:40px; }
#top_menu, #content, #user1, #header_out, #header, #intro_home_1, #intro_home_2 { width: auto; }
#search { width: 30%; }
#left_out { width: 552px; } 
#right_out, #search { width: 220px; } 
#user5 li,#user5 .separator { width: 20%; } 
.maxi_menu  {display: block;}
.mini_menu  {display: none;}	

@media only screen and (min-width: 480px) and (max-width: 802px) {
.container { width: 100%; }
#slogan h1 {  font-size: 150%;  }
#top_header {height: 64px; padding-right: 2%; width: 98%; }
#search { margin-bottom: 10px; width: 100%; text-align: right; }
#search	.inputbox { width: 50%; }
#top_menu li { padding: 5px 8px 0 8px; }
#header_out, #main { border-left: none; border-right: none; }
#header { width: auto; }
#header img { width: 100%; }
#intro_home_1 { width: 56%; }
#intro_home_2 { width: 28%; }
.maxi_menu  {	display: none; }
.mini_menu  {	display: block; }
#right_out li {	float: left; }
#left_out, #header_out, #navigation, #content, #user1, #right_out, .right { width: 100%; float: none; }
#user5 li, #user5 a, #user5 .separator { width: 25%; }
}

@media only screen  and (max-width: 479px) {
.mini_no { display: none; }
.container {width: 100%;}
#top_header { min-height: 64px; width: 100%;  }
#top_menu li { font-size: 90%;}
#search { margin-bottom: 7px; text-align: right; width: auto;  }
#search	.inputbox { width: 50%; }
#slogan h1 {  font-size: 125%;  }
#header_out, #main { border-left: none; border-right: none; }
#header { width: auto; }
#header img { width: 100%; }
#intro_home_1 { width: 94%; padding: 1em 3%; }
#intro_home_2 { width: 97%; padding: 0 0 5% 3%; text-align: center; }
.downloadButton span  {float: left; }
.maxi_menu  {display: none;}
.mini_menu  {display: block;}
#main { box-shadow: none; }
#right_out li {float: left; }
#left_out, #search, #header_out, #navigation, #content, #right_out,  .right,  #content .itemContainer, .catItemView, .groupLeading { width: 100% !important; float: none; }
#top { margin: 0 !important;  }
#navigation { float: none; clear: both;  }
#user5 li, #user5 a, #user5 .separator { width: 50%; }
}