/*=========================================================================
===========================================================================
    eazyfrog - Dein Design zum CMS
===========================================================================
    eazyfrog ist ein Produkt von: 
    kirchbergerknorr - individuelle internetlösungen
    http://www.kirchbergerknorr.de    
===========================================================================
=========================================================================*/


/*=======================================================================*/
/*=========== Allgemeine Styles Grundgerüst =============================*/
/*=======================================================================*/

body {
	margin:0;
	padding:0;
	/* background:url(../gfx/eazyfrog-dein-design-zum-cms-bg.jpg) no-repeat top center #fff;   */
	background:url(../gfx/eazyfrog-dein-design-zum-cms-bg-02.jpg) no-repeat top center #fff;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	color:#fff;
	font-size:0; 
	line-height:0;
	text-align:center;
	height:100%;
}

#all {
	position:relative;
	margin:auto;  
	width:995px;
	font-size:14px;
	line-height:15px;
	text-align:left;
	min-height:100%;height:100%;
    margin-bottom:1px;
}

html { 
    min-height:101%;
}       
    
/*=======================================================================*/
/*=========== Bild, Absatz, Link und Headline ===========================*/
/*=======================================================================*/

img {
    border:none;
}
 
p {	
	line-height:18px;
	margin:0 0 10px 0;
}

h1 {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 15px 0;
}

h2 {
	font-size:21px;
	font-weight:normal;
	text-transform:uppercase;
	color:#8f9e1c;
	padding:0 0 0 0;	
	margin:0 0 6px 0;
}
 
h3 {
	text-transform:none;
	color:#534f2e;
	font-size:27px;
	padding:0 0 0 0;	
	margin:20px 0 10px 0;
}
 
h3 span {
	color:#322d07;
	font-weight:bold;
	font-style:bold;
	font-size:38px;
}

h4 {
    text-transform:uppercase;
    margin:15px 0 0 8px;
	padding:0 0 0 0;
    font-size:45px;
    color:#8f9e1c;
    letter-spacing:0.0001em;
}

h5 { 
    text-transform:uppercase;
    float:left;
    width:903px;
    margin:3px 0 1px 10px;
	color:#fff;
	padding:7px 0 5px 8px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;
    background-color:#8f9e1c;
}
 
h6 {
	text-transform:none;
	color:#eb9323;
	font-size:27px;
	padding:0 0 0 0;	
	margin:14px 0 10px 0;
}
 
a {
	color:#585535;
	border-bottom:1px solid #585535;
	text-decoration:none;
}

a:hover {
	color:#8f9e1c;
	border-bottom:1px solid #8f9e1c;
	text-decoration:none;
}

.klicken {
    cursor:pointer;
    margin:5px 0 0 0;
    color:#4e4b29;
	text-decoration:none;    
}

 .klicken:hover  {
    cursor:pointer;
    color:#8f9e1c;    
}

.fehlermeldung { 
    text-align:left; 
	background-color:#ff6800;
    float:left;
    width:901px;
    margin:25px 0 10px 10px;
	color:#fff;
	padding:8px 0 15px 8px;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	line-height:30px;
}
 
.fehlermeldung2 { 
    text-align:left; 
	background-color:#ff6800;
    margin:0;
	color:#fff;
	padding:2px 0 2px 6px;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	line-height:25px;
}   

/*=======================================================================*/
/*=========== Header ====================================================*/
/*=======================================================================*/
 
#header {
    float:right;
    width:600px;
    margin:0 130px 0 0;  /*   margin:0 40px 0 0;   */
    padding:0 0 0 0;
}

.navi a { 
    float:left;
    color:#fff;
    text-decoration:none;
    margin:35px 19px 0 0;
    border:none;
}

.navi a:hover { 
    color:#322d07; 
    border:none;;
}

.navi .on { 
    float:left;
    text-decoration:none;
    margin:35px 19px 0 0;
    color:#322d07; 
    border:none;
}

.navi a:active { 
    color:#322d07;
    border:none;
}
 
.twitter { 
    float:left;
    text-decoration:none;
    margin:0 22px 0 0;
    border:none; 
    width:100px;
    height:78px;    
} 


.twitter a { 
    text-decoration:none;
    border:none;     
} 
/*
.twitter a:hover { 
    background-image:url(../gfx/navi/eazyfrog-bei-twitter-hover.jpg);
    border:none;      
}
*/ 
  
.deutsch a {
    float:left;
    color:#fff;
    text-decoration:none;
    margin:35px 15px 0 0;
    filter:Alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4; 
    border:none; 
}
 
.deutsch a:hover { 
    filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;  
    border:none;
}
 
.deutsch_on a {
    float:left;
    color:#fff;
    text-decoration:none;
    margin:35px 15px 0 0; 
    filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0; 
    border:none;
}
 
.english a { 
    float:left;
    color:#fff;
    text-decoration:none;
    margin:35px 15px 0 0;
    filter:Alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4; 
    border:none; 
}
 
.english a:hover { 
    filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;  
    border:none;
}
 
.english_on a { 
    float:left;
    color:#fff;
    text-decoration:none;
    margin:35px 15px 0 0; 
    filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.kundenlogin a {
    position:absolute;
    top:6px;
    left:828px;
    color:#9c966f;
	text-decoration:none;
    font-weight:normal;
    font-style:normal;
	font-size:13px;
    border:none;
    text-align:right;
    z-index:1750; 
    color:#322d07;
    background-color:#f0efe8;
    padding:4px 12px 3px 12px;
}
 
.kundenlogin a:hover { 
    color:#322d07;  
    border:none;
}
 
.logo a {
    position:absolute;
    background:url(../gfx/eazyfrog-dein-design-zum-cms-logo.png) no-repeat;
    width:443px;
    height:170px;
    top:80px;
    left:102px; 
    border:none;
}

.fragen a {
    position:absolute;
    width:160px;
    height:160px;
    background:url(../gfx/fragen-zu-eazyfrog.png) no-repeat;
    top:92px;
    left:837px; 
    border:none;
} 
 
.feedback {
    position:absolute;
    color:#9c966f;
    width:255px;
    top:57px;
    left:700px; 
	font-size:13px;
	z-index:1900;
} 


.demoseite {
    padding:3px 0px 3px 0;
    background-color:#F0EFE8;
    text-align:center;
    font-size:13px; 
    left:853px;
    position:absolute; 
    top:7px; 
    width:96px;
    z-index:1900; 
    color:#322D07;
}

.demoseite:hover {
    background-color:#322D07; 
    color:#F0EFE8;
}




/*=======================================================================*/
/*=========== Content ===================================================*/
/*=======================================================================*/
 
#content {
    clear:all;
    float:left;
    width:980px;
    margin:0 0 0 0;
    padding:0 0 0 0;
} 

.boxen { 
    float:left;
    width:929px;
    height:143px;
    color:#000;
    margin:119px 0 0 27px;     
    z-index:7;      
    background-image:url(../gfx/eazyfrog-design-cms-online.jpg); 
}

.box1 { 
    float:left;
    width:279px;
    height:125px;
    margin:9px 27px 0 9px; 
}

.box2 { 
    float:left;
    width:279px;
    height:125px;
    margin:9px 36px 0 9px;
}

.box3 { 
    float:left;
    width:279px;
    height:125px;
    margin:9px 0 0 0;
} 

.box1:hover { 
    background:url(../gfx/schick-uns-dein-design-hover.gif) no-repeat top left;
	cursor:pointer; 
    border:none; 
    /*
    filter:Alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	*/
}  

.box2:hover { 
    background:url(../gfx/wir-bauen-dein-cms-hover.gif) no-repeat top left;
	cursor:pointer;
    border:none;
}

.box3:hover { 
    background:url(../gfx/deine-seite-ist-online-hover.gif) no-repeat top left;
	cursor:pointer;
    border:none;
}

.infobox {  
    clear:all;
    float:left;
    width:929px;
    margin:7px 0 0 27px;
    background-color:#fff;
}

.vorteile {  
    clear:all;
    float:left;
    /* background-color:#e9ecd2; */
    text-align:center;
    width:606px;
    height:180px;
    margin:9px;
    color:#534f2e;
	font-weight:normal;
	font-style:normal;
	font-size:17px;
	line-height:21px; 
	font-size:17px;
}

.vorteile h4 {
	text-transform:none;
	color:#534f2e;
	font-size:18px;
	padding:0 0 0 0;	
	margin:9px 0 9px 0;
}

.vorteile h4 b {
	text-decoration:underline;
}

.vorteile span {
	text-transform:none;
	font-weight:bold;
	color:#534f2e;
	font-size:16px;
	padding:0 0 0 0;	
	margin:15px 0 0 0;
}

.spacer {
    color:#fff;
    margin:0;
}

.vorteilegesamt {  
    clear:all;
    float:left;
    width:606px;
    margin:9px 9px 9px 0;
    color:#534f2e;
	font-weight:normal;
	font-style:normal;
	font-size:17px;
	line-height:21px;
} 

.vorteilegesamt h3 {
	text-transform:uppercase;
	color:#fff;
	font-size:26px;
	padding:0 0 0 0;	
	margin:7px 0 10px 0;
}

.video {
    float:left;
    width:295px;
    height:182px;
    margin:8px 0 0 2px;
    background:url(../gfx/eazyfrog-video-ansehen.gif) no-repeat top left;
}

.video a {
    float:left;
    width:73px;
    height:73px;
    margin:86px 0 0 115px;
    background: url(../gfx/wie-funktioniert-eazyfrog.jpg) no-repeat top left;
    text-decoration:none;
    border:none;
}

.video a:hover {
    filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
    border:none; 
}

.inhaltsbox {  
    clear:all;
    float:left;
    width:929px;
    margin:119px 0 0 27px;
    padding-bottom:120px;
    padding-top:50px;
    background-color:#fff; 
}

.paket {  
    clear:all;
    float:left;
    width:911px;
    margin:3px 9px 9px 10px;
    color:#fff;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	line-height:21px;
}

.bestellsumme {
    position:fixed;
    top:286px;  
    background-color:#fff;
}

.kostenbox {
    width:263px;
    border:1px dotted #8f9e1c;
    background-color:#e9ecd2; 
    color:#585535;
	font-weight:normal;
	font-style:normal;
	font-size:15px; 
}

.kostenboxbeide {
    border-bottom:1px dotted #8f9e1c; 
    width:254px; 
    margin:0 0 0 0;
    padding:11px 0 3px 8px;
} 

.kostenboxlinks {
    float:left;
    width:170px;
	line-height:19px;
} 

.kostenboxrechts {
    float:left;
    width:80px;
    text-align:right;
	line-height:21px; 
}

.kostenbox h2 {
    float:left;
    width:253px;
    margin:1px 0 0 1px;
	color:#fff;
	padding:7px 0 5px 8px;
	font-weight:normal;
	font-style:normal;
	font-size:21px;
    border-bottom:1px dotted #8f9e1c; 
    background-color:#8f9e1c;
}

.subline { 
    width:263px;
	font-size:11px;
	line-height:14px; 
    margin:2px 0 0 0;
    color:#97936f;
	font-style:italic;
}

.subline2 {
    color:#97936F;
    font-size:11px;
    font-style:italic;
    line-height:14px;
    margin:0 0 0 9px;
    width:900px;
}

.telefonisch {
    width:250px;
    padding:5px 5px 5px 8px;
    border:1px dotted #bfbb9b;
    color:#97936f;
	font-weight:normal;
	font-style:normal;
	font-size:13px;
	line-height:18px;
      
}


.liste {
    width:638px; 
    color:#585535;
	font-weight:normal;
	font-style:normal;
	font-size:13px; 
	line-height:16px;
}

.listegerade {
    float:left;
    width:622px;
    border:4px solid #8f9e1c;
    background-color:#e9ecd2; 
    margin:0 0 0 0;
    padding:7px 0 12px 8px;
    border-bottom:1px dotted #8f9e1c; 
    border-top:none;
} 

.listeungerade {
    float:left;
    width:622px;
    border:4px solid #8f9e1c;
    background-color:#f6f8e7; 
    margin:0 0 0 0;
    padding:7px 0 12px 8px; 
    border-bottom:1px dotted #8f9e1c; 
    border-top:none;
}  

.listevoll {
    float:left;
    width:600px;
} 

.listelinks {
    float:left;
    width:450px;
    padding-right:20px;
} 

.listerechts a {
    float:right;
    cursor:pointer;
    text-align:right;
    margin:12px 10px 0 0;
    background:url(../gfx/hinzufuegen.gif) no-repeat;
    width:110px;
    height:45px;
    padding:23px 0 0 0;
    border:none; 
    font-size:18px;
    font-style:normal;
    font-weight:bold;
    color:#8f9e1c;
    display:block;
}



.liste .radio {  
    margin:0 5px 7px 0;
    border:none; 
	line-height:22px; 
}



/*=======================================================================*/
/*=========== Übersicht2 =================================================*/
/*=======================================================================*/

.uebersicht2 {  
    clear:all;
    float:left;
    width:460px;
    margin:-1px 9px 9px 10px;
    color:#fff;
	font-weight:bold;
	font-style:normal;
	line-height:21px;
	z-index:1111;
}

.uebersicht2 ul {  
    width:460px;
    color:#787558;
    margin:0 0 30px -40px;
	list-style:none;
}

.uebersicht2 li {  
    width:440px;
    color:#787558; 
	border:1px solid #e9ecd2;
	border-top:none;
	list-style:none;
	padding:6px 9px 6px 9px; 
	font-weight:normal;
}

.uebersicht2 table { 
    width:460px;
    border-spacing:0px;
    color:#787558;
    margin:0 0 30px 0;   
	font-size:16px; 
	border:1px solid #e9ecd2;
	border-bottom:none;
}
 
.uebersicht2 td { 
    color:#4e4b29;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	padding:6px 8px 6px 9px;
}

.uebersicht2 .ungerade {  
    background-color:#fff;
} 

.uebersicht2 .gerade {  
    background-color:#f6f8e7;
}

.uebersicht2 .links {  
    font-size:13px;
    line-height:16px;
    padding-bottom:13px;
    border-bottom:1px solid #e9ecd2;
} 

.uebersicht2 .rechts {  
    vertical-align:center;
    text-align:right;
    width:200px;
    border-bottom:1px solid #e9ecd2;
}
      
.uebersicht2 h1 {  
    font-size:16px;
    margin:2px 0 0 0;
    font-style:normal;
    font-weight:normal;
    color:#8f9e1c
}

.uebersicht2 .form {  
    margin:3px 0 5px 0;
}

.uebersicht2 .radio {  
    margin:0 5px 0 20px;
}

.uebersicht2 .radiooff {  
    float:left;
}

.uebersicht2 .radioon {  
    float:right;
    margin:0 5px 0 0;
}

.uebersicht2 .on {
    font-weight:bold;
}

    
/*=======================================================================*/
/*=========== Übersicht =================================================*/
/*=======================================================================*/


.uebersicht {  
    clear:all;
    float:left;
    width:640px;
    margin:-1px 9px 9px 9px;
    color:#fff;
	font-weight:bold;
	font-style:normal;
	line-height:21px;
	z-index:1111;
}

.uebersicht table { 
    width:638px;
    border-spacing:0px;
    color:#787558;
    margin:0 0 0 1px;   
	font-size:16px; 
	border:1px solid #e9ecd2;
	border-bottom:none;
}

.uebersicht td { 
    color:#4e4b29;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	padding:3px 8px 10px 9px; 
}

.uebersicht .ungerade {  
    background-color:#fff;
} 

.uebersicht .gerade {  
    background-color:#f6f8e7;
}

.uebersicht .links {  
    font-size:13px;
    line-height:16px;
    border-bottom:1px solid #e9ecd2;
} 

.uebersicht .rechts {  
    vertical-align:center;
    text-align:right;
    width:190px;
    border-bottom:1px solid #e9ecd2;
}
      
.uebersicht h1 {  
    font-size:16px;
    margin:3px 0 1px 0;
    font-style:normal;
    color:#8f9e1c
}

.uebersicht .form {  
    margin:3px 0 5px 0;
}

.uebersicht .radio {  
    margin:24px 8px 0 0;
    border:none; 
    font-size:16px;
    font-style:normal;
    font-weight:normal;
    color:#8f9e1c;
}

.uebersicht .radiooff {  
    float:left;
}

.uebersicht .radioon {  
    float:right;
    margin:0 5px 0 0;
}





.spalte1 {     
    
} 

.spalte2 {
    text-align:center; 
    width:90px;
    padding:0;
}

.spalte2 img {
    padding:0;
    margin:0;
}

.spalte3 {  
    text-align:right;
    width:220px;
}

.txtright {
    float:right;
} 

.txtleft{
    width:55px;      
    float:left;
    text-align:right;
}

.gewaehlt {
	font-weight:bold;
}

.beschreibung {
    font-size:21px; 
    float:right;
}

.preis {
    font-weight:bold;
    font-size:25px;
    margin-top:10px;
    margin-bottom:10px;
}

.faq {  
    clear:all;
    float:left;
    width:877px;
    margin:0 9px 5px 10px;
    padding:5px 10px 15px 8px;
    color:#585535;
	font-style:normal;
	font-size:13px;
	line-height:17px;
} 

/*=======================================================================*/
/*=========== Tabellen Paket ============================================*/
/*=======================================================================*/
 

/*=======================================================================*/
/*=========== Tabellen Zwischensumme ====================================*/
/*=======================================================================*/
 
.zwischensumme {  
    clear:all;
    float:left;
    width:911px;
    margin:0 9px 5px 10px;
    color:#585535;
	font-style:normal;
	font-size:16px;
	line-height:21px;
}
 
.zwischensumme table { 
    width:911px;
    border:1px dotted #8f9e1c;
    border-spacing:0px
}

.zwischensumme th {  
    background-color:#e9ecd2;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	line-height:21px;
	padding:15px 6px 12px 6px;
}

.zwischensumme td {  
    background-color:#e9ecd2;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	line-height:21px;
	padding:8px 6px 5px 6px;
}

.zwischensumme .preis {
    font-weight:bold;
    font-size:21px;
    margin-top:4px;
    margin-bottom:4px;
}
  
.zwischensumme .spalte1 { 
    text-align:right;
    border-top:1px dotted #8f9e1c;
    border-right:1px dotted #8f9e1c;
} 

.zwischensumme .spalte2 { 
    text-align:right;
    width:260px; 
    padding-right:10px;
    border-top:1px dotted #8f9e1c;
}

.impressum {  
    clear:all;
    float:left;
    width:911px;
    margin:0 9px 5px 10px;
    color:#585535;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	line-height:21px;
}
  
/*=======================================================================*/
/*=========== Buttons ===================================================*/
/*=======================================================================*/

  	
.weiter {
    margin:0 24px 70px 0; 
	text-decoration:none;    
}

.weiter input {
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;
    clear:all;
    float:right;
	color:#fff;
	text-decoration:none;
	margin:5px 23px 0 0;
	padding:7px 25px 10px 25px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;   
    border:none; 
    cursor:pointer;     
}

.weiter input:hover {      
	color:#fff;
    background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x;   
    border:none;  
}

.weiter a {
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;
    clear:all;
    float:right;
	color:#fff;
	text-decoration:none;
	margin:0 0 0 5px;
	padding:11px 25px 10px 25px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;  
    border:none;      
}

.weiter a:hover {       
	color:#fff;
    background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x;   
    border:none;  
}

.weitertel {
    margin:0 24px 70px 0; 
	text-decoration:none;    
}

.weitertel a {
    background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x;
    clear:all;
    float:right;
	color:#fff;
	text-decoration:none;
	margin:5px 0 0 5px;
	padding:11px 35px 10px 35px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;   
    border:none;      
}

.weitertel a:hover {       
	color:#fff;
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;   
    border:none;  
}

.bestellen {
    margin:0 0 30px 0; 
	text-decoration:none;
    width:263px;   
}

.bestellen input {
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;
    clear:all;
    float:right;
	color:#fff;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:7px 25px 10px 25px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;   
    border:none; 
    cursor:pointer;     
}

.bestellen input:hover {      
	color:#fff;
    background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x;   
    border:none;  
}
  	
.loslegen {
    margin:15px 0 0 0;        
}      
      
.loslegen a {
    clear:all;
	color:#fff;
	text-decoration:none;
	padding:5px 35px 3px 35px;
	font-weight:normal;
	font-style:normal;
	font-size:19px; 
    border:none;   
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;     
}

.loslegen a:hover {
	color:#fff;
    background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x; 
    border:none;    
}
 
/*=======================================================================*/
/*=========== Accordion 1 ===============================================*/
/*=======================================================================*/
 
.accordion {   
    clear:all;
    float:left;
	margin:0 0 5px -1px;
	width:938px;
}
 
.accordion h2 { 	
    float:left;
    text-transform:none;
    margin:0;  
	width:900px;
    font-size:16px;
	cursor:pointer;
	color:#8f9e1c;
	margin:1px 0 0 10px;
	padding:6px 0 4px 10px;
	font-weight:normal;
	font-style:normal;
	background: url(../gfx/plus_btn_faq.gif) no-repeat right center #e9ecd2; 	
	border:1px solid #e9ecd2; 
} 

.accordion h2:hover { 	
	color:#4e4b29;
	background: url(../gfx/minus_btn_faq.gif) no-repeat right center #e9ecd2;	
} 
 
.accordion h2 .active { 	
	background: url(../gfx/minus_btn_faq.gif) no-repeat right center #e4e7cb;	 
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen, 
#sixteen, #seventeen, #eighteen, #nineteen, #twenty, #twentyone, #twentytwo, #twentythree, #twentyfour, #twentyfive, 
#twentysix, #twentyseven, #twentyeight, #twentynine, #thirty {
	margin:0;
	display:none;
}

#one_info, #two_info, #three_info, #four_info, #five_info, #six_info, #seven_info, #eight_info, #nine_info, #ten_info, 
#eleven_info, #twelve_info, #thirteen_info, #fourteen_info, #fifteen_info, #sixteen_info, #seventeen_info, #eighteen_info, 
#nineteen_info, #twenty, #twentyone, #twentytwo, _info#twentythree_info, #twentyfour_info, #twentyfive_info, #twentysix_info, 
#twentyseven_info, #twentyeight_info, #twentynine_info, #thirty_info {
	margin:0;
}
 
.accordion h2 .btn {	
    float:right; 
	margin:-9px 6px -7px 0;
	padding:0 0 0 0;
}
 
.accordion .txt { 	
    clear:all;
    float:left;   
	width:618px;
	background-color:#fff;
	color:#4e4b29;
	margin:0 0 0 10px;
	padding:7px 10px 10px 10px;
	font-weight:normal;
	font-style:normal;
	font-size:13px; 
	line-height:17px;
	border:1px solid #e9ecd2;
	border-top:none;
}

  
/*=======================================================================*/
/*=========== Accordion 2 ===============================================*/
/*=======================================================================*/
 
.klapper {
    margin:0 0 0 17px; 
}

.gerade {
    background-color:#c9cf96;        
}

.ungerade {
    background-color:#e4e7cb;        
}

.endbox {
    background-color:#8f9e1c;       
}

.accordion2 {   
    clear:all;
    float:left;
	margin:0 0 5px -1px;
	width:938px;
}
 
.accordion2 h2 { 	
    float:left;
    margin:0;  
	width:628px;
	cursor:pointer;
	color:#8f9e1c;
	margin:4px 0 0 10px;
	padding:14px 0 11px 10px;
	font-weight:normal;
	font-style:normal;
	font-size:21px;
	background: url(../gfx/plus_btn.gif) no-repeat right top #e9ecd2; 	
	border:1px solid #e9ecd2; 
} 

.accordion2 h2:hover { 	
	color:#4e4b29;
	background: url(../gfx/minus_btn.gif) no-repeat right top #e9ecd2;	
} 

.accordion2 h2 .active { 	
	background: url(../gfx/minus_btn.gif) no-repeat right top #e4e7cb;	 
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen, 
#sixteen, #seventeen, #eightteen, #nineteen, #twenty, #twentyone, #twentytwo, #twentythree, #twentyfour, #twentyfive, 
#twentysix, #twentyseven, #twentyeight, #twentynine, #thirty {
	margin:0;
	display:none;
}

#one_info, #two_info, #three_info, #four_info, #five_info, #six_info, #seven_info, #eight_info, #nine_info, #ten_info, 
#eleven_info, #twelve_info, #thirteen_info, #fourteen_info, #fifteen_info, #sixteen_info, #seventeen_info, #eighteen_info, 
#nineteen_info, #twenty, #twentyone, #twentytwo, _info#twentythree_info, #twentyfour_info, #twentyfive_info, #twentysix_info, 
#twentyseven_info, #twentyeight_info, #twentynine_info, #thirty_info {
	margin:0;
}
 
.accordion2 h2 .btn {	
    float:right; 
	margin:-9px 6px -7px 0;
	padding:0 0 0 0;
}
 
.accordion2 .txt { 	
    clear:left;
    /*float:left;*/   
	width:618px;
	background-color:#fff;
	color:#4e4b29;
	margin:0 0 0 10px;
	padding:7px 10px 10px 10px;
	font-weight:normal;
	font-style:normal;
	font-size:13px; 
	line-height:17px;
	border:1px solid #e9ecd2;
	border-top:none;
}

.accIndex {
    width:469px;
    float:left;
}
 
.accIndex2 {
    width:469px;
    float:right;
}

 
/*=======================================================================*/
/*=========== Footer Überall ============================================*/
/*=======================================================================*/

#footer2 {
    text-align:left;
    background-color:#6a6643;
    margin-top:230px; 
    font-size:13px;
    height:130px;
    padding-top:40px;
}



/*=======================================================================*/
/*=========== Footer auf der index ======================================*/
/*=======================================================================*/
 
#footer {
    text-align:left;
    background-color:#cac8b3;
    margin-top:100px; 
    font-size:13px;
}
  
#footer img {
   margin:11px 10px 4px 0;
   float:left;
}

.footertext {	
    width:950px;
    margin:auto;
}

.footerbox {	
    float:left;
    margin:0 0 0 0;
    padding:20px 20px 90px 20px;
    color:#6a6643;    
	line-height:18px;
    width:270px; 
}

.footerbox .link {	
    margin-top:10px;
}
  
.footertext h1 {
    font-size:17px;    
    color:#6a6643;
    font-weight:normal; 
    margin:20px 0 8px 0;
}	
  
.footertext h2 {
    font-size:13px;    
    color:#6a6643;
    font-weight:normal; 
    margin:17px 0 3px 0;
	font-weight:bold;
	text-transform:none;
}
  
.footertext ul {    
    margin:10px 0 15px -40px;
}	

.footertext li {    
    background-image:none;
    list-style:none;
    margin:0;
    padding:0 0 3px 0;
}	

.footertext a {
    color:#6a6643;
    text-decoration:none; 
    border:none;
}

.footertext a:hover {
	color:#9f9a72;
	font-weight:normal; 
    border:none;
}

.subnavi {
    clear:left;	
    background-color:#6a6643;
    text-align:center;
	color:#9f9a72; 
    font-size:15px;
    line-height:25px;
    padding:30px 0 30px 0;
}


.subnavi a {
	color:#9f9a72;
	font-style:normal;
	border-left:1px solid #9f9a72;
	padding:0 0 0 25px;
	margin:0 0 0 25px;
	text-decoration:none; 
    border-bottom:none;
}

.subnavi a:hover {
	color:#fff;
	border-bottom:none;
}




/*=======================================================================*/
/*=========== Formularformatierung ======================================*/
/*=======================================================================*/

input, select, textarea {
	padding:5px 2px 4px 4px;
	font:normal 11px/22px Arial, Verdana, Helvetica, sans-serif;
	color:#585535;
	border:1px dotted #8f9e1c;
	font-size:16px;
}
	
.formular {
	width:900px; 
	font-size:16px; 
    background-color:#e9ecd2;
    margin:0 0 100px 10px;
    padding:10px 0 0 9px;
    border:1px dotted #8f9e1c;
}	

.formular form { 
    padding:0 0 70px 0;
	color:#585535;
	line-height:27px;
	text-align:left;
	margin:0;
}

.form { 
    padding:0 0 70px 0;
	color:#585535;
	line-height:27px;
	text-align:left;
	margin:0;
}

.formular div {
	padding-top:2px;
	margin:0 0 7px 0;
} 

.formular div input {
	margin:0 0 0 0;
	width:266px;
	float:right;
}

.formular textarea {
	margin:-34px 0 30px 0;
	width:266px;
	float:right;
} 
 
.linie {
	clear:left;
	clear:right;
	margin:15px 0 20px 0;
    border-bottom:1px dotted #8f9e1c;
}

.formular select {
	margin:0 0 5px 0;
	width:274px;
	float:right;
}  

.send_reset_1 {
	cursor:pointer;   	
    background:url(../gfx/weiter-bei-eazyfrog-off.jpg) repeat-x;
    float:right;
	color:#fff;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:6px 35px 10px 35px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;  
    border:none;
	text-decoration:none;   
}

.send_reset_1:hover {
	background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x;   
    border:none; 
}
  	

.send_reset_2 {
	cursor:pointer;   	
	background:url(../gfx/weiter-bei-eazyfrog-on.jpg) repeat-x; 
    float:left;
	color:#fff;
	text-decoration:none;
	padding:5px 20px 6px 20px;
	font-weight:normal;
	font-style:normal;
	font-size:15px; 
    border:none;
	text-decoration:none;
    margin:0 0 3px 7px; 
    width:155px;
    height:30px;  
}



  /*     
.twitter  {  
    width:100px;
    height:78px;   
} 

 a.twitter { 
    float:left;
    text-decoration:none;
    margin:0 22px 0 2px;
    border:none; 
    width:100px;
    height:78px;  
    background-image:url(../gfx/navi/eazyfrog-auf-twitter.jpg);
    text-decoration:none;
    border:none;     
} 

a:hover.twitter  { 
    background-image:url(../gfx/navi/eazyfrog-auf-twitter-hover.jpg);
    border:none;     
}
*/



    
/*=======================================================================*/
/*=========== Tabwechsler ===============================================*/
/*=======================================================================*/

.tabberlive .tabbertabhide {
 	display:none;
}

.tabber {
    margin:0;
}

.tabberlive {
 	margin-top:0;
}

ul.tabbernav {
	margin:0 0 0 10px;
	padding:0 0;
	font:normal 10px Verdana, sans-serif;
	text-transform:uppercase;
}

ul.tabbernav li {
	list-style:none;
	margin:0;
	display:inline;
}

ul.tabbernav li a {
	float:left;
    margin:0;  
	width:230px;
	cursor:pointer;
	color:#8f9e1c;
	padding:7px 0 6px 10px;
	margin-top:6px;     /* margin-top:5px; */
	margin-right:2px;
	font-weight:normal;
	font-style:normal;
	font-size:19px;
	background-color:#e9ecd2;  
    border-bottom:none;
    border:1px solid #8f9e1c; 	
}

ul.tabbernav li a:link {  
	color:#8f9e1c;
	background-color:#e9ecd2;
    border:1px solid #8f9e1c; 
}
	
ul.tabbernav li a:visited {  
	color:#8f9e1c;
	background-color:#e9ecd2;
    border:1px solid #8f9e1c; 
}
  
ul.tabbernav li a:hover {
	color:#fff;
	background-color:#8f9e1c; 
}

ul.tabbernav li.tabberactive a {
	color:#fff;
	background-color:#8f9e1c;
}





.tabberlive .tabbertab {
	padding:5px 3px 0 1px;
	border-top:0;
}

.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}


ol {
    margin:7px 0 12px -20px;
}

acronym {
border-bottom:1px dashed #333333;
cursor:help;
}  

acronym:hover {
	background-color:#e9ecd2
}