@import url("jstuff.css");

body {
width: 100%;
}

#content100 {float:left;}
#header_items {width: 100%;}
#header.block_holder, #slideshow.block_holder, #footermenu.block_holder {padding:0;}
.module_margin, .side_margins, .maincontent {margin:5px;}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {float: left;}
.block_holder {padding:0px;}

/*--Framework Classes--*/
.block_holder {
}
.container {
	width:100%; 
	
	
}
.wrapper960 {
	margin:0 auto; 
}

.clear {
	clear:both;
}
.menu{}

#content_full {
}

/*--Header Div--*/
#header {
	position:relative;
}

#social_search {
	position:relative;
}

/* Search */
#search {
	height:20px;
	position:absolute;
}
#search form {
	margin:0;
}
#search .inputbox {
border:medium none;
height:19px;
margin:0;
padding:4px 5px 3px 7px;
width:165px;
}
#search form .search label{
	display: none;
}

/*Language Divs*/
#languageflags {
    height: 22px;
    padding: 3px;
    position: absolute;
    right: 200px;
    top: 21px;
    z-index: 10;
}

/*--Logo & Slogan Layout--*/
#logo {
	position:absolute;
	z-index: 1001;
}
.logo_container {
	margin: 0px; 
}
h1.logo {
	margin:0; 
	padding:0; 
}
h1.logo a {
	display:block; 
	position:relative; 
	z-index:0; 
	width:243px;
	background: url(../images/logo.png) no-repeat; z-index:1;
}
h1.logo-text {
	margin:0; 
	padding:0; 
}
h1.logo-text a {
	white-space:nowrap; 
	outline:none; 
	position:relative; 
	text-decoration:none; 
	width:100%;
}
p.site-slogan {
	padding:0; 
	position:relative; 
	white-space:nowrap;
}

/*Social Media Divs*/
#socialmedia {
	position:absolute;
	z-index:4;
	margin:0;
}

/*-----------------------------------------------------------------------------------*/
/* Social Media */
/*-----------------------------------------------------------------------------------*/

#social {
  background:#fff;
  padding:0;
  right: 0px;
  top: 0px;
  z-index: 1;
}
#social ul{
  list-style: none;
  margin: 0 0 0px 0;
  float: right;
}
#social ul li{
  display:block;
  float: left;
  margin:0;
  padding:0 0 0px 0;
}
#social ul li a{
  display:block;
  width:40px;
  height:40px;
  text-indent:-9999px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  opacity: 0.6;
  padding-bottom: 1px;
}
#social ul li a{
  opacity: 1;
}
#social a:hover{
  background-position: 0px -40px !important;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
}
.social-facebook a { background: url(../images/social/facebook.png) no-repeat 50% 50% }
.social-facebook a:hover { background-color: #3b5998 }
.social-twitter a { background: url(../images/social/twitter.png) no-repeat 50% 50% }
.social-twitter a:hover { background-color: #48c4d2 }
.social-googleplus a { background: url(../images/social/googleplus.png) no-repeat 50% 50% }
.social-googleplus a:hover { background-color: #d94a39 }
.social-youtube a { background: url(../images/social/youtube.png) no-repeat 50% 50% }
.social-youtube a:hover { background-color: #f45750 }
.social-pinterest a { background: url(../images/social/pinterest.png) no-repeat 50% 50% }
.social-pinterest a:hover { background-color: #cb2027 }
.social-dribbble a { background: url(../images/social/dribbble.png) no-repeat 50% 50% }
.social-dribbble a:hover { background-color: #ef5b92 }
.social-flickr a { background: url(../images/social/flickr.png) no-repeat 50% 50% }
.social-flickr a:hover { background-color: #f1628b }
.social-skype a { background: url(../images/social/skype.png) no-repeat 50% 50% }
.social-skype a:hover { background-color: #18b7f1 }
.social-digg a { background: url(../images/social/digg.png) no-repeat 50% 50% }
.social-digg a:hover { background-color: #2882c6 }
.social-linkedin a { background: url(../images/social/linkedin.png) no-repeat 50% 50% }
.social-linkedin a:hover { background-color: #71b2d0 }
.social-vimeo a { background: url(../images/social/vimeo.png) no-repeat 50% 50% }
.social-vimeo a:hover { background-color: #62a0ad }
.social-yahoo a { background: url(../images/social/yahoo.png) no-repeat 50% 50% }
.social-yahoo a:hover { background-color: #ab64bc }
.social-tumblr a { background: url(../images/social/tumblr.png) no-repeat 50% 50% }
.social-tumblr a:hover { background-color: #3a5976 }
.social-deviantart a { background: url(../images/social/deviantart.png) no-repeat 50% 50% }
.social-deviantart a:hover { background-color: #d0de21 }
.social-delicious a { background: url(../images/social/delicious.png) no-repeat 50% 50% }
.social-delicious a:hover { background-color: #3274d1 }
.social-rss a { background: url(../images/social/rss.png) no-repeat 50% 50% }
.social-rss a:hover { background-color: #fe9900 }

/*-----  End of Social Media  ------*/

	
/*--Breadcrumb Divs--*/	
#breadcrumb .module_padding {
	padding:0px;
}

/*--Main Content and Side Columns Divs--*/
#main {
}

#sidecol_a, #sidecol_b {
height:100%;
} 

/*--Bottom Modules Divs--*/
#bottom_modules {
 }

/*--Base Modules and footer Divs --*/	

 #copyright {
 	float:left;
 }
 
 #copyright a {
 color:#bbb;
 text-decoration:none;
 }
 
  #copyright.module_margin {
 	margin: 5px 10px;
 }

/* Module Styling */
.module h3, .module_menu h3 {
	padding:0; 
	margin:0;
}
.module p, .module_menu p {
	margin:0;
}
.module_padding {
	height:100%;
	padding:10px;
}
.module_content {
	padding:5px 0;
}
#sidecol .module {
	margin-bottom:10px;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {
	list-style-type: none;
}
.module ul a, .module_menu ul a {
	display:block;
	text-decoration: none;
}

#breadcrumb-1, #footer-1, #footer-2, #footer-3 {
	float: left; 
	width:100%;
}
 
/*==================================================================
=            Hornav / Moomenu dropdown styling defaults            =
==================================================================*/

/** Hornav (Horizontal menu items styling) #moomenu styles the drop down**/
#hornav {clear: both; float: left; position: absolute; top: 0px; left: 0px; width: 100%;}
#hornav ul {margin:0; float: right;}
#hornav a span {cursor:pointer; display:block;}
#hornav li{list-style:none outside none; position:relative; text-indent:0; padding-right:0px; /*background-image: url(../images/hornav-link.jpg); background-position:right center; background-repeat:no-repeat;*/}
/*#hornav a:hover {cursor:pointer; display:block; text-decoration:none;}
#hornav a:hover span{cursor:pointer; display:block;}    */

/* Hornav - Parent Styling */
#hornav ul a, #hornav .separator {white-space:nowrap; margin:0; margin-bottom:3px; cursor:pointer; /*line-height:34px;*/ margin-left: 5px; letter-spacing: 1px;}
#hornav li:first-child a {border: none;}
#hornav li {float:left; z-index: 1;}
#hornav ul a, #hornav .separator {display:block; padding: 0 14px; text-decoration: none; z-index: 9999; margin-bottom: 0px /*dropdown gap*/;}

/* Moomenu Important - do not delete */
/*#moomenu .current a, #moomenu ul li.active > a{background: none;}     */

/* Moomenu li hover in ul default settings */
#moomenu li:hover > ul {display: block;}

/* Moomenu Universal list styling default settings */
#moomenu ul {display: none; left: 0; margin: 0; padding: 5px 5px 5px 0px; position: absolute; width: auto; /*fixes dropdown to width of widest a link*/ z-index: 9999 !important;}

/* Second ul in dropdown (positioning) */
#moomenu ul ul {left: 202px; top: -3px; z-index: 9999;}   

/* Moomenu ul li styling default settings */
#moomenu ul li {float: none; margin: 0; padding:0px; /*background-image: none !important;*/}
#moomenu ul li a {white-space: pre-wrap; width: /*180px*/ 160px; line-height: 14px; margin: 0 auto;}
#moomenu ul li:first-child > a {}
#moomenu ul li:last-child > a {}
#moomenu:after {clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
#moomenu ul li:first-child > a, #moomenu ul li:first-child > a:hover {}
#moomenu ul li:last-child > a {}
#moomenu {display: inline-block;}
html[xmlns] #moomenu {display: block;}
* html #moomenu {height: 1%;}

/*-----  End of Hornav / Moomenu dropdown styling defaults  ------*/


/** Top Menu **/
#topmenu {
	position:absolute;
	z-index:3;
}
#topmenu ul li{
    float: left;
    list-style:none;
}
#topmenu ul li a {
	display:block;
	text-decoration: none;
}

/** Footer Menu **/
#footermenu {
	float:right;
}
#footermenu ul li{
    display: inline;
    float: left;
}
#footermenu ul li a {
    display: block;
	text-decoration: none;
}
#footermenu ul li:last-child a {
	border:none;
}

/** Hornav-Mobile **/
#hornav_mobile{}

/** Scroll to Top **/
.scrollup{
    width:40px;
    height:40px;
    border-radius:50%;
    position:fixed;
    bottom:70px;
    right:25px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll.png) no-repeat;
    background-color: transparent none !important;
    z-index:1000;
    opacity:0.7;
}

/**  Farbe Editor Backend  **/
body.mceContentBody {
background-color: #1de4c9 !important; /* Hintergrundfarbe JCE Editor */
background-image: none;
}