/* :.:..........:.:.........................: */
*{margin:0; padding:0;}
html, body{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#010101; height:100%; background:url(pics/bg_body.jpg) top left repeat-x #98A6B6;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:18px; color:#000; margin-bottom:5px;}
h2{font-size:16px; color:#000; margin-bottom:3px;}
h3{font-size:15px; color:#000; margin-bottom:3px;}
h4{font-size:14px; color:#000; margin-bottom:3px;}

p{margin-bottom:14px; line-height:16px;}

ul, ol{margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; list-style-position:inside;}
li, dl{padding:0px 0px 5px; line-height:16px;}

a{text-decoration:none; color:#824395;}
a:hover{text-decoration:underline; color:#000;}

img{border:0;}

.fl_left{float:left; margin-right:10px;}
.fl_right{float:right; margin-left:10px;}

.small{font-size:10px;}
.line{color:#AAA; height:1px; border-top:1px solid #824395; border-bottom:none; margin-bottom:12px;}

.clearer{clear:both; height:0px}
/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
body#mainsite{padding:0px 0px 0px 40px; min-height:100%; min-width:1200px;}

div#firstwrap{background:url(pics/bg_firstwrap_asd.gif) top left repeat-y;}

div#header{clear:both; height:90px; background:url(pics/bg_header_asd.gif) top left repeat-x; padding-top:25px;}
div#navigation{position:relative; z-index:11; clear:both; padding-left:0px; margin-top:10px; min-height:30px; background:url(pics/bg_navigation_asd.gif) top left repeat-x; border-bottom:1px solid #824395;}
div#content{position:relative; z-index:111; clear:both; float:left; width:976px; border-right:1px solid #824395; border-left:1px solid #824395; background:url(pics/bg_content.gif) top right repeat-y;}
	div#col_1{float:left; width:217px;}
	div#col_2{float:left; width:455px; padding:25px;}
	div#col_3{float:right; width:204px; padding:25px;}
div#advertising{float:left; padding-top:25px; padding-left:20px;}
div#advertising p{margin-bottom:0px;}
div#footer{clear:both; height:25px; width:100%; border-top:1px solid #824395;}
/* ................................. */

div#header p{margin:0;}
p.logo{float:left; width:976px;}
p.logo img{float:left;}
p.logo span.logo_schrift{float:left; padding-left:22px;}
p.logo span.logo_spruch{float:left; padding:54px 0px 0px 16px;}

p.btn_beta{position:absolute; top:15px; left:458px;}
p.btn_fuer_mobil{padding-top:20px;}
p.btn_iphone2{position:absolute; z-index:1; top:7px; left:880px;}
p.btn_iphone3{position:absolute; z-index:1; top:100px; left:980px;}
p.btn_iphone4{position:absolute; z-index:1; top:100px; left:1280px;}
p.btn_iphone5{position:absolute; z-index:1; top:100px; left:1580px;}

div#navigation ul{list-style:none; padding:0;}
div#navigation li{float:left; display:block; padding:0;}
div#navigation a{display:block; color:#98A6B6; padding:0px 18px; height:22px; border-bottom:8px solid transparent;}
div#navigation a:hover, div#navigation li.active a{border-bottom:8px solid #824395; text-decoration:none; color:#824395;}
	
/* COL_2 */
div#col_2 ul, div#col_2 ol{margin:10px 0px 10px 10px; padding:0px 0px 0px 10px; list-style-position:outside;}
div#col_2 ul ul, div#col_2 ol ol{margin:5px 0px 0px 5px; padding:0px 0px 0px 10px; list-style-position:outside;}

div.kurzanleitung{background:url(pics/bg_top_kurzanleitung.gif) top left no-repeat #E3E7EB;}
div.kurzanleitung h4{padding:15px 0px 0px 15px; margin:0;}
div.kurzanleitung p{padding:0px 15px;}
div.kurzanleitung ol{margin:0; padding:0;}
div.kurzanleitung ol li{margin-left:15px; padding:0;}


/* SUBSITE */
body#subsite{padding:0px 0px 0px 40px; min-height:100%; min-width:1000px;}
body#subsite div#firstwrap{background:url(pics/bg_subwgrap_asd.gif) top left repeat-y;}

body#subsite div#col_2{float:left; width:672px; padding:25px;}