@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

@charset "UTF-8";
/* CSS Document */

body {margin:0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; background:url(../images/all/back.png);}

a {text-decoration:none; color:#000000;}
h1 {font-size:24px; margin-top:0; padding-top: 20px;}

#header {background:#ffffff; width:100%; position:fixed; text-align:center; padding:30px 0; z-index:999999;}

/***** SIDEBAR - ANFANG *****/
#sidebar {width:184px; top:120px; position:absolute; left:50%; margin-left:-530px;}
#sidebar_top {width:184px;}
#sidebar_content {width:184px;background:url(../images/all/sidebar_back.png);}
#sidebar_bottom {width:184px;}

#sidebar_content #social_media {width:164px; text-align:center; padding:20px 0;}
#sidebar_content #social_media img {margin:5px;}
/***** SIDEBAR - ANFANG *****/

/***** NAVIGATION - ANFANG *****/
#sidebar_content #navigation {margin:0; padding:20px; text-transform:uppercase; font-size:20px; list-style:none;}
#sidebar_content #navigation li a {text-decoration:none; color:#000000;}
#sidebar_content #navigation li a:hover {color:#ffffff;}
#sidebar_content #navigation li a.selected {color:#ffffff;}

/***** NAVIGATION - ENDE *****/

/***** PAGE-AUFBAU - ANFANG *****/
#page {width:882px; left:50%; top:120px; position:absolute; margin-left:-330px;}
#page_top {}
#page_content {background:url(../images/all/page_back.png); padding-left:40px;}
#page_content .text {width:790px;}
#page_bottom {}
/***** PAGE-AUFBAU - ENDE *****/

/***** STARTSEITE - ANFANG *****/
#page_content img.startbild {width:790px; padding-bottom:20px;}
#page_content .text_start {width:390px; float:left;}
#page_content .fb-like-box {margin-left: 20px; width:380px; overflow:hidden;}
/***** STARTSEITE - ENDE *****/

/***** PRODUKTE - ANFANG *****/
#page_content #inhalt {width:790px;}
#page_content #inhalt .produktbild {height:250px; margin-left:10px;}
/***** PRODUKTE - ANFANG *****/

/***** SOCIAL MEDIA - ANFANG *****/
#social_media_mobile {width:0; height:0; right:0; position:absolute; top: 180px; z-index:777777; overflow:hidden;}
/***** SOCIAL MEDIA - ENDE *****/

/***** MEDIA QUERIE - TABLETS - ANFANG *****/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
body {background:url(../images/all/back.png);}
#sidebar {margin-left:-490px;}
#sidebar_content #navigation {font-size:14px;}

#page {margin-left:-330px;}
}
/***** MEDIA QUERIE - TABLETS - ENDE *****/

/***** MEDIA QUERIE - SMARTPHONES - ANFANG *****/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px)  {
body {background:url(../images/all/back.png);}

#header img {width:70%;}
#sidebar {margin-left:0; left:0; top: 130px; width:100%; background:#bcb3a9; z-index:666666;}
#sidebar_top {width:0; height:0; overflow:hidden;}
#sidebar_bottom {width:0; height:0; overflow:hidden;}
#sidebar_content {width:auto; background:none; padding:20px;}
#sidebar_content #navigation {font-size:60px;}
#sidebar_content #social_media {left:0; width:0; height:0; overflow:hidden; padding:0;}

#social_media_mobile {width:10%; height:auto;}
#social_media_mobile img {width:90%; margin-bottom:10px;}

#page {margin-left:0; left:50px; top:640px; position:absolute;}
}
/***** MEDIA QUERIE - SMARTPHONES - ENDE *****/