/* Projekt: medialprint */
/* Datum:   30.06.2014 */

* {margin: 0; padding: 0;} /* Um eventuelle Browservoreinstellungen zu löschen */
body {font-size: 0.625em; font-family: 'Arial Rounded MT Fett', Arial, sans-serif; background: transparent url(../images/bg.png) repeat-x top left} /* Runterrechnung auf 10px. 10px = 1em. Meiste Browservoreinstellung: 16px. 10/16=0,625 */
img {display: block;}  /* Damit Bilder ohne Abstände zum nächsten Element keinen unerwünschten Rand haben */
#wrapper {width: 1024px; margin: 0px auto; position: relative;}
#header {width: 1024px; height: 119px; margin: 0px auto; position:relative;}
#angebot img {position: absolute;}
#header img {border-radius: 10px; margin: 0px auto;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}


/**************************SEITENNAVIGATION + ANGEBOTSBOX************************/
#sidebar_li, #angebot {width: 212px; float: left; position: relative;}
#sidebar_li ul{list-style-type: none;}
#sidebar_li #sprechblase {position: absolute; right: 10px; top: 5px;}
#sidebar_li li {background: url(../images/bg_nav2.png) no-repeat top left; border-bottom: 1px solid #fff; border-radius: 10px;}
#sidebar_li li a .aktiv {background: url(../images/bg_nav.png) no-repeat top left; border-bottom: 1px solid #fff; border-radius: 10px;}
#sidebar_li li a {text-decoration: none; font-size: 1.4em; color: #000; padding: 5px 0px 5px 30px; font-weight: bold; display: block;}
#sidebar_li li a:hover {background-image: url(../images/bg_nav.png); border-radius: 10px;}
#sidebar_li #ang_text {background-color: #167a3a; margin-top: 40px; height: 50px;}
#ang_text p {font-size: 2em; color: #fff112; font-weight: bold; margin: 5px 15px; text-align: center;}
#ang_bild {margin-top: 20px}
/********************************SEITENNAVIGATION ENDE****************/

/*************************INFOBOX RECHTS********************************/
#sidebar_re {width: 212px; height: 400px; position: relative; float: left; background-color: #167a3a; border-radius: 10px;}
#sidebar-fb {width: 212px; float: left; margin-top: 20px; position: absolute; right: 0px; top: 520px;}
.fb-like {margin-top: 30px;}
#oeffnung {position: absolute; left: 35px; top: 50px; text-align: center;}
#oeffnung h2, #email h2, #telefon h2 {font-size: 1.6em; font-weight: bold; color: #fff; text-align: center;}
#oeffnung p, #telefon p, #hinweis p {font-size: 1.2em; color: #fff112; font-weight: bold;}
#email {position: absolute; left: 20px; top: 150px; right: 20px; text-align: center;}
#email a {text-decoration: none; font-size: 1.6em; color: #fff112; font-weight: bold;}
#email a:hover {text-decoration: underline;}
#telefon {position: absolute; left: 20px; top: 250px; right: 20px; text-align: center;}
#hinweis {position: absolute; left: 20px; top: 300px; right: 20px; text-align: center;}

/*******************************INFOBOX RECHTS ENDE*****************************/


#main {width: 600px; float: left;}
#main h1, #main h3 {color: #f22488; margin-left: 20px; margin-top: 40px;; margin-bottom: 20px;}
#main p,#main ul {font-size: 1.4em; margin: 10px 20px 10px 20px;}
#home #main #kundeninfo {height: 200px; position: relative;}
#home #kundeninfo #bild_re {float: left; position: absolute; right: 0px;}
#home #kundeninfo #bild_li {float: left;}
#home #kundeninfo p {font-size: 3.2em; font-weight: bold; position: absolute; left: 130px; top: 30px;
                    text-align: center;}
.infotext {font-weight: bold; font-size: 1.6em;}
#infobox {margin-bottom: 15px; border: 3px dashed #f00;}

/***********************************BILDBOXEN STARTSEITE****************************/
#bildbox1, #bildbox2 {width: 275px; height: 206px;}
#bildbox1 {margin-left: 20px; margin-right: 5px; margin-bottom: 20px; margin-top: 20px; float:left}
#bildbox2 {margin-right: 20px; margin-left: 5px; margin-bottom: 20px; margin-top: 20px; float:left;}
/***************************BILDBXEN STARTSEITE ENDE******************************/

/****************IHR WEG ZU UNS************/
#weg #google {margin-left: 20px;}
#weg #main img {float: left; padding-right: 10px; margin-left: 20px}
#weg h4 {margin-left: 20px; margin-top: 20px;; margin-bottom: 10px;}
/*********************IHR WEG ZU UNS ENDE**************/
#service #serviceliste {width: 275px; float: left; margin-left: 20px; margin-right: 5px; margin-bottom: 20px;}
#service #servicebilder {margin-left: 20px; margin-right: 5px; margin-bottom: 20px; margin-top: 20px; }
/******************************SERVICE********************/

/**********************SERVICE ENDE**********************/
/********************** PFF KONVERTER*********************/
#pdf {width: 300px; height:175px; margin: 30px auto;}
#pdf table  {border: 3px solid #167a3a; border-collapse: collapse; 
            width:100%; height:100%;}
#pdf table td {background-color: #fff112; height: 20px; text-align: center;}
#pdf form {margin: 0px; padding: 0px;}
#pdf input {margin-bottom: 4px; margin-left: 15px; margin-right: 15px;}
#pdf .inpwidth {width: 98%;}
#pdf h3 {margin: 15px; text-align: center;}
#pdf h4 {font-size: 1.4em;}
/********************** PDF KONVERTER ENDE***************/
/*********************************************UEBERUNS****************/
#bildbox3 {margin-left: 20px; width: 560px; height: 420px;}
/**********************************UEBERUNS ENDE**********************/

/***************************PRODUKTE**********************/
#produktliste1, #produktliste2 {width: 275px;}
#produktliste1 {margin-left: 20px; margin-right: 5px; float:left}
#produktliste2 {margin-right: 20px; margin-left: 5px; float:left;}
/*************************PRODUKTE ENDE************************/

/************************eEUROSCHEIN***************************/
#schein {margin-left: 20px; width: 560px; height: 286px; }
#bild { width: 560px; height: 286px; background: #ccc; border: 1px solid #000;}
/************************eEUROSCHEIN ENDE***************************/

/*****************AGB IMPRESSUM HAFTUNG***********************************/
#agb #main h2, #haftung #main h2 {color: #f22488; margin-left: 20px;}
#agb #main p, #haftung #main p, #impressum #main p {margin: 10px 20px; font-size: 1.2em;}
/**********************AGB IMPRESSUM HAFTUNG ENDE***********************/

#footer_wrapper {clear: both;width: 1024px;}
#footer {position: relative; padding-top: 30px;}
#footer ul {position: absolute; left: 350px;}
#footer ul li {float: left; list-style-type: none;}
#footer ul li a {text-decoration: none; padding: 5px 10px; font-size: 1.2em; border-right: 5px solid #167a3a; display: block; color: #000;
                 font-weight: bold;}
#footer ul li a:hover {color: #f22488; background-color: #fff112;}