/* ############ Gerüst-CSS ################# */

body { 
padding:0; 
margin:20px 0 20px 0; 
font: 12px arial, verdana; 
background-color: #fffb00; 
}

#logo { 
background:#ffffff url(../bilder/hh24logo.jpg); 
width: 900px; 
height: 114px; 
margin-right: auto; 
margin-left: auto; 
border-top: 1px solid black; 
border-right: 1px solid black; 
border-left: 1px solid black; 
}

#handyummantelung {
width: 900px; 
margin-right: auto; 
margin-left: auto; 
border-bottom: 1px solid black; 
border-right: 1px solid black; 
border-left: 1px solid black; 
background-color: #FFFFFF; 
}

.handyummantelungbox {
background:#e3e3e3 url(../bilder/hh24bg.gif); 
width: 900px; 
margin-right: auto; 
margin-left: auto; 
background-color:#FFFFFF; 
}


.clearbottom {
clear:both;
}

p {
margin: 0 0 5px 0;
padding:0;
}

/* ############ Navigation ################# */


#handynavigationrahmen {
width:200px;
float:left;
background-color:#FFFFFF;
}

.werbung {
width:180px;
margin:100px 0px 10px 20px;
}

#handynavigation {
width:190px;
padding:5px;
float:left;
background-color:#000000;
color:#FFFFFF;
border-bottom: 2px solid black; 
border-right: 2px solid black; 
text-align:left;
}

.navitrenner {
height:5px;
margin:5px 0 0 0;
padding:0 0 0 0;
clear:both;
border-top:1px #FFFFFF dotted;
font-size:0px;
}

.nav1 li {
color:#FFFFFF;
list-style-type:square;
text-align:left;
list-style-position:inside;
margin:0px 0px 0px 0px;
padding:0px;
font-weight:bold;
}

.nav1 {
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
}

.nav2 {
margin:0 0 0 0px;
padding:0px;
text-align:left;
}

.nav2 li {
color:#FFFFFF;
list-style-type:circle;
text-align:left;
list-style-position:inside;
margin:0px;
padding:0px;
font-weight:normal;
}



/* ############ Content ################# */

#content {
width:496px;
padding:10px;
float:left;
background-color:#FFFFFF;
color:#000000;
overflow:hidden;
}

/* ############ Unterseiten Bundles über die volle Breite für h1 ################# */

#contentbox {
width:496px;
padding:10px;
float:left;
background-color:#FFFFFF;
color:#000000;
}

#contentboxbig {
text-align:center;
width:676px;
padding:10px;
float:left;
background-color:#FFFFFF;
color:#000000;
overflow:hidden;
}

.startseite3er {
background: #FFFB00 url(../bilder/bgyellow.jpg) repeat-x;
width:156px;
float:left;
text-align:center;
background-color:#FFFFFF;
border:1px #000000 solid;
}

.startseitepreis {
width:100px;
padding:2px;
border:2px #000000 solid;
margin:5px auto 5px auto;
background:#FFFFFF url(../bilder/preis.jpg) repeat-x;
color:#FFFFFF;
text-align:center;
}

.startseitepreis2 {
width:130px;
padding:2px;
border:2px #000000 solid;
margin:5px auto 5px auto;
background:#FFFFFF url(../bilder/preis.jpg) repeat-x;
color:#FFFFFF;
text-align:center;
}



.startseiteleer {
width:11px;
float:left;
text-align:left;
}

.startseiteleer2 {
width:10px;
float:left;
text-align:left;
}

.startseite2er {
background:#FFFFFF url(../bilder/bgyellow2.jpg) repeat-x;
padding:3px;
width:235px;
float:left;
text-align:justify;
background-color:#FFFFFF;
border:1px #000000 solid;
font-size:1em;
}

.startseite2erimg {
float:left;
margin: 5px 0 5px 0;
width:70px;
text-align:center;
background-color:#FFFFFF;
}

.startseite2er ul {
margin:5px 0 0 5px;
padding:0;
color:#cc0000;
}
.startseite2er li {
font-size:.9em;
color:#cc0000;
list-style-type:square;
text-align:left;
list-style-position:inside;
}

.contentbox1 {
width:474px;
padding:10px;
text-align:left;
border:1px #e3e3e3 solid;
background-color:#FFFFFF;
}

.contentbox1smallrahmen {
width:470px;
padding:12px;
text-align:left;
border:1px #e3e3e3 solid;
background-color:#FFFFFF;
}

.contentbox1smallrahmen h2 {
padding:0;
margin:0 0 5px 0;
font-size:1em;
}

.contentbox1smallrahmen h3 {
padding:0;
margin:0 0 5px 0;
font-size:1em;
font-weight:normal;
}

.contentbox1small {
float:left;
width:84px;
padding:5px;
text-align:center;
background-color:#FFFFFF;
}

.contentbox1smallin {
float:left;
width:80px;
padding:2px;
margin-bottom:10px;
text-align:center;
background-color:#e3e3e3;
}

.contentbox1smallinbg {
background:#7B7B7B url(../bilder/infograu.jpg) repeat-x;
margin:5px 0 5px 0;
padding:2px;
text-align:center;
color:#FFFFFF;
}

.contentbox1 td {
padding:3px;
}

.contentbox1smallinbox2 {
float:right;
width:240px;
margin:0 0 10px 10px;
padding:0 0 0 0;
}

.contentbox1smallinbox2 ul {
margin:0 0 0 15px;
padding:0;
color:#cc0000;
}

.contentbox1smallinbox2 li {
font-size:.9em;
color:#cc0000;
list-style-type:square;
text-align:left;
list-style-position:inside;
}

.contentboxduo {
background:url(../bilder/aktion-duo2.gif) repeat-x;
height:112px;
width:476px;
padding:18px 10px 0px 10px;
text-align:left;
margin-top:10px;
margin-bottom:-20px;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}

.contentbox1 h2 {
font-size:1.4em;
font-weight:bold;
padding:0;
margin:0px 0px 5px 0px;
}

.contentbox1img {
float:left;
margin:0px 10px 5px 0px;
clear:both;
}

.contentboxpreis {
font-size:1.1em;
float:right;
width:280px;
margin:0 0 5px 0;
padding:5px;
color:#FFFFFF;
border:1px #7C7C7C solid;
background:#e3e3e3 url(../bilder/infograu3.jpg) repeat-x;
}

.contentboxpreis2 {
font-size:1.1em;
float:right;
width:280px;
margin:5px 0 5px 0;
padding:5px;
color:#FFFFFF;
border:1px #7C7C7C solid;
background:#e3e3e3 url(../bilder/infograu4.jpg) repeat-x;
}


.miniboxnetzmantel {
float:right;
width:100px;
margin:5px 0 5px 5px;
text-align:center;
}
.miniboxnetz {
background:url(../bilder/black2.jpg) repeat-x;
width:100px;
float:right;
background-color:#7C7C7C;
text-align:center;
padding-top:5px;
font-size:12px;
}
.miniboxnetzbo {
border-top:1px #FFFFFF dotted;
width:100px;
float:right;
background-color:#7C7C7C;
text-align:center;
padding:5px 0 5px 0;
font-size:11px;
}

.miniboxnetzmantelbig {
float:right;
width:220px;
margin:5px 0 5px 5px;
text-align:center;
}
.miniboxnetzbig {
background:url(../bilder/black2.jpg) no-repeat;
width:220px;
float:right;
background-color:#e3e3e3;
text-align:center;
padding-top:5px;
}
.miniboxnetzbobig {
border-top:1px #FFFFFF dotted;
width:220px;
float:right;
background-color:#7C7C7C;
text-align:center;
padding:5px 0 5px 0;
}
.miniboxnetzbigin {
text-align:left;
float:left;
width:70px;
margin:2px;
overflow:hidden;
}

.miniboxnetzbigin2 {
text-align:left;
float:left;
width:16px;
margin:2px;
}

.miniboxnetzbigin3 {
text-align:left;
float:left;
width:55px;
margin:2px;
overflow:hidden;
}




#contentbox h1 {
background:url(../bilder/grau.jpg) repeat-x;
border:1px #e3e3e3 solid;
width:474px;
padding:10px;
font-size:14px;
font-weight:bold;
}




.titelbox {
background:url(../bilder/grau.jpg) repeat-x;
border:1px #e3e3e3 solid;
width:474px;
padding:10px;
font-size:14px;
font-weight:bold;
}

.titelbox h1{
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
}

.clear {
clear:both;
margin:0 0 10px 0;
padding:0px;
}

.aktion2 {
background:url(../bilder/aktion-single.jpg) repeat-x;
height:130px;
padding:15px 0 0 0;
float:left;
width:240px;
margin:10px 16px 0 0;
}

.aktion2 h1 {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:0;
margin:0;
}

.aktion3 h1 {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:0;
margin:0;
}


.aktion3 {
background:url(../bilder/aktion-single.jpg) repeat-x;
height:130px;
padding:15px 0 0 0;
float:right;
width:240px;
margin:10px 0 0 0;
}

.box1 {
float:left;
width:240px;
margin:10px 0 10px 0;
}

.box1 h1 {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

.box1 h2 {
background:url(../bilder/grau.jpg) repeat-x;
border:1px #e3e3e3 solid;
padding:5px;
width:228px;
font-size:13px;
font-weight:bold;
margin-right:16px;
}

.box1 h3 {
background:url(../bilder/link.gif) repeat-x;
border:1px #e3e3e3 solid;
padding:10px;
width:218px;
font-size:13px;
font-weight:bold;
margin-right:16px;
color:#FFFFFF;
}

.box2 {
float:right;
width:240px;
margin:10px 0 10px 0;
padding:0 0 0 0;
}

.box2 h1 {
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin:0 0 0 0;
padding:0 0 0 0;
}

.box2 h2 {
background:url(../bilder/grau.jpg) repeat-x;
border:1px #e3e3e3 solid;
color:#000000;
padding:5px;
width:228px;
font-size:13px;
font-weight:bold;
}

.box2 h3 {
background:#000000 url(../bilder/link.gif) repeat-x;
border:1px #e3e3e3 solid;
color:#000000;
padding:10px;
width:218px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
}

.box1innen {
font-weight:bold;
text-align:center;
width:228px;
padding:5px;
border:1px #e3e3e3 solid;
margin-bottom:10px;
}

.box2innen {
font-weight:bold;
text-align:center;
width:228x;
border:1px #e3e3e3 solid;
padding:5px;
margin-bottom:10px;
}

.box3innen {
float:left;
font-weight:bold;
text-align:center;
width:228px;
margin-right:16px;
padding:5px;
border:1px #e3e3e3 solid;
margin-bottom:10px;
}

.box5innen {
float:left;
font-weight:bold;
text-align:center;
width:228px;
margin-right:16px;
padding:5px;
border:1px #e3e3e3 solid;
}

.box3innendetails {
float:left;
font-weight:normal;
text-align:left;
width:228px;
margin-right:16px;
padding:5px;
border:1px #e3e3e3 solid;
margin-bottom:10px;
font-size:11px;
text-align:left;
}

.box3innendetails td{
font-weight:normal;
text-align:left;
padding:0px;
background-color:#FFFFFF;
}

.box3innentitel {
font-weight:bold;
text-align:center;
width:218px;
padding:5px;
margin-bottom:10px;
background:#e3e3e3;
}

.box3innen li {
font-size:.9em;
color:#cc0000;
list-style-type:square;
text-align:left;
list-style-position:outside;
}

.box3innen ul {
margin:0 0 0 15px;
padding:0;
color:#cc0000;
}

.box4innen {
float:right;
font-weight:bold;
text-align:center;
width:228px;
border:1px #e3e3e3 solid;
padding:5px;
margin-bottom:10px;
}

.box6innen {
float:right;
font-weight:bold;
text-align:center;
width:228px;
border:1px #e3e3e3 solid;
padding:5px;
}

.box4innendetails {
float:right;
text-align:left;
width:228px;
border:1px #e3e3e3 solid;
padding:5px;
margin-bottom:10px;
font-size:11px;
}

.box4innen li {
font-size:.9em;
color:#cc0000;
list-style-type:square;
text-align:left;
list-style-position:outside;
}

.box4innen ul {
margin:0 0 0 15px;
padding:0;
color:#cc0000;
}

/* ############ Box Darstellung Preis ################# */

.boxdetails1 {
margin: 5px 0 5px 0;
float:left;
width:106px;
height:38px;
background:#000000 url(../bilder/preis.jpg) repeat-x;
padding:2px;
text-align:center;
color:#FFFFFF;
}

.boxdetails11 {
margin: 5px 0 5px 0;
background:#7C7C7C url(../bilder/infograu.jpg) repeat-x;
float:right;
width:114px;
height:38px;
font-size:.9em;
padding:2px;
text-align:center;
color:#FFFFFF;
}

.contentboxnetzfinder {
background:#7C7C7C url(../bilder/infograu2.jpg) repeat-x;
border:1px #e3e3e3 solid;
width:474px;
padding:10px;
font-size:14px;
font-weight:bold;
margin:10px 0 10px 0;
}

.boxdetails11 img{
margin-top:4px;
}

.big {
font-size:14px;
font-weight:bold;
}

.small {
font-size:.9em;
font-weight:normal;
}

.preis1 {
font-size:1.6em;
font-weight:weight;
}

.preis2 {
font-size:1.6em;
font-weight:weight;
color:#FF0000;
}

.preis3 {
font-weight:bold;
color:#ff0000;
}

.centerfoo {
text-align:center;
font-size:11px;
}

/* ############ SIDEBAR ################# */

#sidebar {
background:#e3e3e3 url(../bilder/sidebar.gif);
height:700px;
width:181px;
float:right;
overflow:hidden;
}

.sidebarinhalt {
margin:50px auto 5px auto;
width:160px;
padding:5px;
background-color:#e3e3e3;
color:#FFFFFF;
overflow:hidden;
font-size:11px;
text-decoration:underline;
}

/* ############ BUTTON ################# */

.buttonweiter {
width:190px;
height:28px;
margin:0 0 0px 14px;
text-align:left;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding:22px 0 0 10px;
background:#ffffff url(../bilder/weiter.jpg) repeat-x;
}

.buttonbestellen {
float:right;
width:190px;
height:28px;
margin:0 0 0px 14px;
text-align:left;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding:22px 0 0 10px;
background:#ffffff url(../bilder/weiter.jpg) repeat-x;
}

/* Fußnzeile  */

.angebotsfooter {
margin-top:10px;
padding:5px;
border:1px #e3e3e3 solid;
font-size:11px;
}

#footer {
text-align:justify;
width:900px;
margin:20px auto 20px auto;
font-size:11px;
}


/* Kopfzeile Content  */



#ariadne {
font-size: .9em;
padding-bottom:5px;
border-bottom: 1px #bababa solid;
margin-bottom: 10px;
text-indent:0;
}

#ariadne li {
list-style: none;
letter-spacing:1px;
float:left;
padding:0px;
margin:0px;
}

#ariadne ol {
height:16px;
padding:0px;
margin:0px;
}

.ariadne_blanko {
clear:left;
height:1px;
padding:0px;
margin:0px;
font-size: 0px;
}



a.aria:link { color:#000000; font-weight:bold;text-decoration:underline; }
a.aria:visited { color:#000000; font-weight:bold;text-decoration:underline; }
a.aria:active { color:#000000; font-weight:bold;text-decoration:underline; }
a.aria:hover { color:#000000; font-weight:bold;text-decoration:underline; }

a.wh:link { color:#FFFFFF; font-weight:bold;text-decoration:underline; }
a.wh:visited { color:#FFFFFF; font-weight:bold;text-decoration:underline; }
a.wh:active { color:#FFFFFF; font-weight:bold;text-decoration:underline; }
a.wh:hover { color:#FFFFFF; font-weight:bold;text-decoration:underline; }

a:link { color:#FFFFFF; text-decoration:none; }
a:visited { color:#FFFFFF; text-decoration:none; }
a:active { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:underline; }

a.lili:link { color:#FFFFFF; text-decoration:underline; }
a.lili:visited { color:#FFFFFF; text-decoration:underline; }
a.lili:active { color:#FFFFFF; text-decoration:underline; }
a.lili:hover { color:#FFFFFF; text-decoration:underline; }

a.textcontent:link { color:#000000; text-decoration:none; }
a.textcontent:visited { color:#000000; text-decoration:none; }
a.textcontent:active { color:#000000; text-decoration:none; }
a.textcontent:hover { color:#000000; text-decoration:underline; }

a.navli:link { color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.navli:visited { color:#FFFFFF; font-weight:bold; ext-decoration:none; }
a.navli:active { color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.navli:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline; }

a.navli2:link { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
a.navli2:visited { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
a.navli2:active { color:#FFFFFF; font-weight:bold; text-decoration:underline; }
a.navli2:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline; }

/* Alle kritischen Werte instanzieren */
.raushead2 {
background-color:#cc0000;
color:#FFFFFF;
padding:1px;
font-weight:bold;
text-align:center;
}

.raushead {
background-color:#000000;
color:#FFFFFF;
padding:1px;
font-weight:bold;
text-align:center;
}

.raustd {
background-color:#F4F4F4;
font-size:.9em;
text-align:center;
padding:5px;
}
.raustdc {
background-color:#F4F4F4;
font-size:.9em;
text-align:left;
padding:5px;
}


.raustd2 {
background-color:#ffffff;
font-size:.9em;
text-align:center;
padding:5px;
}
.raustd2c {
background-color:#ffffff;
font-size:.9em;
text-align:left;
padding:5px;
}

.raustd li, raustd2 li {
list-style:square;
list-style-position:inside;
text-align:left;
}

.raustd2 li {
list-style:square;
list-style-position:inside;
text-align:left;
}

a.raus:link { color:#000000; font-weight:bold;text-decoration:underline; }
a.raus:visited { color:#000000; font-weight:bold;text-decoration:underline; }
a.raus:active { color:#000000; font-weight:bold;text-decoration:underline; }
a.raus:hover { color:#cc0000; font-weight:bold;text-decoration:underline; }


a.textver:link, visited, active {
color:#000000;
text-decoration:underline; 
font-weight:bold;
}

a.textver:hover { 
color:#cc0000; 
text-decoration:underline; 
font-weight:bold;
}