@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Page layout */

/* Global */
body {
    background: url(_img/globalBackground.png) left top no-repeat #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    min-width: 60em;
}
/* Wrapper */
#columnWrapper {
}

/* Columns */
#columnOne {
    width: 370px;
    overflow: visible;
    float: left;
    margin-top: -2.5em;
}
#columnContent {
    margin-left: 370px;
    margin-right: 200px;
}
#columnTwo {
    width: 200px;
    float: right;
}
#columnOne .visualPadding {
    
}
#columnTwo .visualPadding {
    padding: 2em 1em 2em 0;
}
#columnContent .visualPadding {
    padding: 2em 2em 2em 1em;
}

/* Head */
#head {
    padding: 1em 0 1em 370px;
}
#head h1 {
    padding: .5em 1em;
}
#logo {
    float: right;
    margin-right: 1.5em;
}
#breadcrumb {
    padding-left: 1em;
    background: url(_img/breadcrumb.png) left bottom no-repeat #A00;
    color: #FFF;
    font-size: .72em;
	font-weight: bold;
    line-height: 1.5em;
}
#breadcrumb a {
    color: #FFF;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
    color: #FFF;
    text-decoration: underline;
}
#topNavigation {
    font-size: .72em;
    color: #A00;
    text-align: right;
    margin-right: 1em;
    line-height: 1.5em;
}
#topNavigation li {
    display: inline-block;
    margin-right: .5em;
}
#topNavigation li {
    display: inline;
}
#topNavigation span.marker {
    border-right: solid 1px #A00;
    padding-right: .5em;
}
#topNavigation a {
    color: #A00;
    text-decoration: none;
}
#topNavigation a:focus,
#topNavigation a:hover,
#topNavigation a:active {
    color: #F00;
    text-decoration: underline;
}
/* Colophone */
#colophon {
    position:absolute;
    top: 385px;
    left: 10px;
    color: #666;
    font-size: .7em ;
    text-align: right;
}
#colophon dt {
    margin-bottom: 1em;
}
/* Footer */
#footer {
    height: 65px;
    width: 100%;
    bottom: 0px;
    background: url(_img/footerBackground.png) left top repeat-x #FFF;
    border-top: solid 1px #CCC;
/*    overflow: hidden; */
}
#footer .visualPadding {
    padding: 10px 10px 5px 10px;
}
#footer ul {
    text-align: center;
}
#footer li {
    display: inline;
    padding: 0 5px;
}

/* Navigation */
#navigation {
    margin-left: 120px;
    position: relative;
    width: 195px;
}
#navigation h1 {
    background: url(_img/handyTop.png) left top no-repeat transparent;
    height: 55px;
}
#navigation ul {
    background: url(_img/handyBottom.png) left bottom no-repeat transparent;
    padding: 0px 22px 190px 24px;
    overflow: hidden;
}
#navigation h2 {
    color: #A00;
    font-weight: bold;
    font-size: .72em;
    border-bottom: solid 1px #CCC;
}
.navComment {
    display: none;
    background: url(_img/navCommentBottom.gif) left bottom no-repeat transparent;
    padding-bottom: 10px;
    width: 260px;
}
.navComment h3 {
    padding: .5em .5em .5em 50px;
    color: #000;
    font-size: .72em;
    font-weight: bold;
}
.navComment p {
    padding: .5em .5em .5em 50px;
    color: #000;
    font-size: .72em;
}
.navComment .bubble {
    background: url(_img/navCommentTop.gif) left top no-repeat transparent;
}
#navigation ul li {
    padding-left: 30px;
}
#navigation ul li h2.selected {
    line-height: 1.5em;
    padding: 4px 0px 4px 2px;
    background: url(_img/navBgSelected.png) -2px 0px repeat-y #A00;
    color: #FFF !important;
}
#navigation ul li a {
    text-decoration: none !important;
    display: block;
    line-height: 1.5em;
    padding: 4px 0px 4px 2px;
}
#navigation ul li h2 a:hover {
    background: url(_img/navBg.png) -2px 0px repeat-y #ECECEC;
}
#navigation ul li .navComment {
    position: absolute;
    left: 170px;
    margin-top: -1em;
}
#navigation ul li:hover .navComment {
    display: block;
}
#Telefonieren_SMS {
    background: url(_img/navTel.png) left top no-repeat transparent;
}
#Datentausch_MMS {
    background: url(_img/navData.png) left top no-repeat transparent;
}
#Kamera {
    background: url(_img/navCam.png) left top no-repeat transparent;
}
#Internet {
    background: url(_img/navNet.png) left top no-repeat transparent;
}
#Games {
    background: url(_img/navGame.png) left top no-repeat transparent;
}
#Chat_Messenger {
    background: url(_img/navChat.png) left top no-repeat transparent;
}
#Weitere_Funktionen {
    background: url(_img/navFunction.png) left top no-repeat transparent;
}
#Glossar {
    background: url(_img/navGlossary.png) left top no-repeat transparent;
}

/* News */
#columnTwo h1 {
    font-size: .72em;
    font-weight: bold;
    color: #A00;
}
#columnTwo .news {
    background-color: #E8F9FB;
    padding: 6px;
    margin-top: 4px;
    font-size: .72em;
}
#columnTwo .news p {
    margin: 1em 0 0 1em;
}
#columnTwo a {
    color: #000;
    text-decoration: none;
}
#columnTwo a:hover,
#columnTwo a:focus {
    text-decoration: underline;
}
/* Content */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #A00;
    font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #A00 !important;
    text-decoration: none;
}
#columnContent h1 {
    font-size: 1.4em;
    letter-spacing: .1em;
}
#columnContent h2 {
    font-size: 1.15em;
    letter-spacing: .1em;
    margin-top: .75em;
}
#columnContent h3 {
    font-size: 1em;
    letter-spacing: .1em;
    margin-top: .75em;
}
#columnContent h4 {
    font-size: .83em;
    letter-spacing: .1em;
    margin-top: .75em;
}
#columnContent h5 {
    font-size: .83em;
    letter-spacing: .1em;
    margin-top: .75em;
}
#columnContent h6 {
    font-size: .83em;
    letter-spacing: .1em;
    margin-top: .75em;
}
#columnContent p {
    font-size: .9em;
    line-height: 1.2em;
    margin: .5em 0 .75em 0;
}
#columnContent a:link {
    color: #A00;
}
#columnContent a:visited {
    color: #808080;
}
#columnContent a:focus,
#columnContent a:hover,
#columnContent a:active {
    color: #F00;
    text-decoration: underline;
}
#columnContent a.internal {
    padding-right: 21px;
	background: url(_img/intLnk.gif) right bottom no-repeat transparent;
}
#columnContent a.external {
    padding-right: 21px;
    background: url(_img/extLnk.gif) right bottom no-repeat transparent;
}
strong {
    font-weight: bold;
}
hr {
    border: none;
    border-top: 1px solid #CCC;
    margin: 1em 0;
    color: #090;
}
acronym, abbr {
    cursor: help;
    border-bottom: 1px dotted #222;
}
em, i, cite {
    font-style: italic;
}
table {
    font-size: 100%;
}
img {
    border: none;
    vertical-align: middle;
}
#columnContent p img {
    border: none;
    margin: 0;
}
#columnContent ul {
    line-height: 1.5em;
    list-style: square;
    padding-left: 1em;
}
#columnContent ol {
    line-height: 1.5em;
    margin-left: 1em;
    list-style: decimal;
}
#columnContent li {
    margin-bottom: 0.5em;
}
#columnContent dt {
    font-weight: bold;
    margin-bottom: .5em;
}
#columnContent dd {
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-left: 1em;
}
#columnContent q {
    font-family: Baskerville, Georgia, serif;
    font-style: italic;
    font-size: 1em;
}
#columnContent blockquote {
    padding-left: 0.5em;
    margin-left: 0;
    border-left: 10px solid #BFE9D8;
    color: #666;
    font-size: .9em;
    line-height: 1.2em;
}
#columnContent code, tt {
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
    color: #000;
    background-color: #FFF;
    padding: 0 0.1em;
}
#columnContent pre {
    font-family: "Courier New", Courier, monospace;
    font-size: .9em;
    padding: 1em;
    border: 1px solid #CCC;
    color: #000;
    background-color: #BFE9D8;
    overflow: auto;
}
ins {
    color: green;
    text-decoration: underline;
}
del {
    color: red;
    text-decoration: line-through;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}

.important {
    background: #BFE9D8;
    padding: .5em;
    margin: 0 -10px !important;
}