/*###################################################*/
/* copyright 2005 by creativbox.net					 */
/*###################################################*/

/*
#####################################################
Standards, Generelles
#####################################################
*/

/*
#####################################################
Globals
#####################################################
*/


*
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* Bug fix for IE */
	font-size: 100.1%;
}

body
{
	border: none;
	color: #000000;
	/* Entspricht ungefähr 10px */
	font-size: 0.63em;

}

h1,h2,h3,h4
{
	font-weight: bold;
}

h1
{
	color: #ffffff;
	/* font-size:24px; */
	font-size: 2.0em;
	padding: 0 20px 0 0;
}

h2
{
	color: #000000;
	/* font-size:24px; */
	font-size: 1.4em;
	padding: 0 0 15px 20px;
}

h3
{
	font-weight:bold;
  padding: 8px 0 20px 0;
}

h4
{
	font-weight:bold;
	color:#000000;
	padding: 0 0 10px 0;
}

h5
{
	font-weight:bold;
	color:#C0DF66;
	font-size: 1.5em;
}

hr
{
margin:10px 0 10px 0;
height:2px;
background:#44B469;
border-top:1px solid #44B469; 
border-right:1px solid #44B469; 
border-left:1px solid #44B469; 
border-bottom:1px solid #fff;
}

input, textarea
{
margin:0;
padding:0;
background:#ffffff;
border:1px solid black;
}


p {padding: 10px 0 10px 0;}
ul {list-style-type: none;}
option {font-weight:bold;}
img {border:0;}

a,
a:link,
a:visited,
a:active,
a:focus
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	color:#DC2C2C;
}


#tbl-style
{
border:1px solid #ffffff;
width:700px;
background:#44B469;
color:#ffffff;
text-align:center;
height:100%;
}

#tbl-style table
{
	margin:auto;
}

#tbl-style th
{
border:1px solid #ffffff;
background:#2CDC66;
color:#000000;
text-align:center;
padding:5px;
}

#tbl-style td
{
border:1px solid #ffffff;
padding:5px;
}


#tbl-style .left
{
font-weight:bold;
background:#2CDC66;
color:#000;
}


#tbl-style td.footer
{
background:#DC2C2C;
padding: 5px; 
text-align:center;
width:700px;
}

#tbl-style a
{
color:#fff;
}

#tbl-style a:hover
{
color:#000;
}

#tbl-style input.image-button
{
	border:0;
}

/*
#####################################################
Generelle Klassen
#####################################################
*/


.clearer { clear:both; }
.left { float:left; }
.right { float:right; }

.Error-Message
{
	background:red;
	border:1px solid white;
	color:White;
	padding:2px;
	display:block;
}

.Success-Message
{
	background:#2cdc66;
	border:1px solid white;
	padding:2px;
	display:block;
}

input.submit
{
	float:right;
	border:0;
}

input.cancel
{
	float:right;
	border:0;
	margin-right:10px;
}

/*
#####################################################
Header
#####################################################
*/


#header
{
width:955px;
}

#header img
{
float:left;
}



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

#navigation
{
float:left;
padding:60px 30px 30px 30px;
}

#navigation li
{
margin:10px 0 10px 0;
}

#navigation li a
{
background:url(../images/button_1.gif);
display:block;
width:91px;
height:33px;
line-height:33px;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
color:#ffffff;
}


#navigation li.aktiv a
{
background:url(../images/button_1_active.gif);
display:block;
width:91px;
height:33px;
line-height:33px;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
color:#000000;
}


#navigation li a:hover
{
background:url(../images/button_1_hover.gif);
color:#000000;
}

#navigation li a:active
{
background:url(../images/button_1_active.gif);
color:#000000;
display:block;
width:88px;
height:30px;
line-height:30px;
padding:3px 0 0 3px;;
}


#content-right
{
float:left;
width:804px;
}


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


#admin-top
{
height:20px;
width:804px;
background:url(../images/nav_top_line1.jpg);
}

#admin-top div
{
float:right;
padding:2px 5px 2px 0;
}

#admin-top input
{
border:0;
padding:0;
margin:0;
float:left;
margin:0 0 0 2px;
}

#admin-nav
{
	background:url(../images/nav_top_line.jpg);
	height:31px;
	width:804px;
	float:left;	
}

#admin-nav .language
{
float:left;
margin-left:10px;
}

#admin-nav input
{
	border:0;	
	float:left;
}

#admin-nav h1
{
padding-left:100px;
}

#admin-nav a
{
	text-decoration:none;
	color:#ffffff;
}

#admin-nav a:hover
{
	color:#000000;
}

#admin-nav .aktiv a
{
	text-decoration:none;
	color:#000000;
}

#admin-nav ul
{
	margin-left:50px;
	height:31px;
	float:left;
}

#admin-nav li
{
	float:left;
	height:31px;
	line-height:31px;
	margin:0 1px 0 1px;
	font-weight:bold;
}

#admin-nav li div
{
	height:31px;
	float:left;
}

#admin-nav li.aktiv .links
{
	width:5px;
	background:url(../images/nav_top_aktiv_1.gif);
}

#admin-nav li.aktiv .mitte
{
background:url(../images/nav_top_aktiv_center.gif);
padding:0 5px 0 5px;
}

#admin-nav li.aktiv .rechts
{
width:5px;
background:url(../images/nav_top_aktiv_2.gif);
}

#admin-nav li .links
{
	width:5px;
	background:url(../images/nav_top_1.gif);
}

#admin-nav li .mitte
{
background:url(../images/nav_top_center.gif);
padding:0 5px 0 5px;
}

#admin-nav li .rechts
{
width:5px;
background:url(../images/nav_top_2.gif);
}


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



#content
{
padding:50px;
background:#86E3A5;
height:100%;
}

#content h1
{
font-size:1.5em;
margin-bottom:10px;
color:#ffffff;
}

#content .text-box
{
border:1px solid #ffffff;
padding:5px;
background:url(../images/box-bg.gif) repeat-y;
color:#ffffff;
width:350px;
margin:10px 0 10px 0;
font-weight:bold;
}

#content .text-box-titel
{
width:110px;
float:left;
padding:5px 0 5px 0;
margin-right:20px;
}

#content .text-box-content
{
color:#000000;
float:left;
padding:5px 0 5px 0;
width:200px;
}

#content .text-box-content img, input, textarea
{
float:left;
}

#content input.image-button
{
	float:left;
	border:0;
	margin-left:5px;	
}

#box-bootom-button input
{
margin-left:5px;
}


#box-bootom-button
{
float:left;
width:350px;
text-align:right;
padding:5px;
}


#box-bootom-button input
{
float:right;
border:0;
}

#search-box
{
margin:20px 0 40px 0;
height:100%;
background:#44B469;
border:1px solid #ffffff;
color:#ffffff;
width:400px;
padding:5px
}

#search-box label
{
width:150px;
margin:5px 0 5px 0;
float:left;
}

#search-box img
{
border:0;
margin:0;
padding:0;
}

#search-box h1
{
background:#2C55DC;
text-align:center;
}


/*
#####################################################
Bereich Login
#####################################################
*/

#login
{
width:379px;
height:100%;
background:#2CDC66;
margin:50px auto;
border:1px solid #fff;
}

#login h2
{
margin-top:15px;
}

#login input
{
background:#fff;
}


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


#content ul
{
float:left;
}



#content .firstnav
{
font-weight:bold;
font-size:1.4em;
}

#content option
{
font-size:1.0em;
font-weight:normal;
}



#content .box
{
background:#6CCC8C;
width:150px;
color:#ffffff;
border:1px solid #ffffff;
font-weight:bold;
font-size:1.2em;
margin:10px 0 10px 25px;
padding:4px;
}


#content .box-buttons hr
{
margin:2px 0 0 0;
height:2px;
background:#44B469;
border-top:1px solid #44B469; 
border-right:1px solid #44B469; 
border-left:1px solid #44B469; 
border-bottom:1px solid #fff;
}


#content .box3
{
background:#6CCC8C;
width:150px;
color:#ffffff;
border:1px solid #ffffff;
font-weight:bold;
font-size:1.2em;
margin:0 0 10px 0;
padding:4px;
float:left;
}

#content li
{
clear:both;
}

#content .box-buttons select 
{
font-size:0.8em;
}


#content .box-buttons option 
{
background:#ebebeb;
font-size:1.0em;
}


#content option.choose 
{
background:#ebebeb;
color:#EC252B;
}

#content option.top-level 
{
background:#ebebeb;
color:#44B469;
}

#content option.next-level 
{
background:#ffffff;
color:#0439C0;
}

#content .box-submit
{
float:left;
margin:0 0 10px 0;
padding:20px 10px 20px 0;
height:13px;
}

#content .box-submit2
{
float:left;
margin:0 0 10px 0;
width:15px;
padding:20px 10px 20px 0;
height:13px;
}

#content .box-submit2 input 
{
border:0;
}

#content .box-submit input 
{
border:0;
}

#content li .box-buttons
{
background:#44B469;
width:146px;
color:#ffffff;
padding:4px;
font-weight:bold;
margin:5px 0 0 0;
}

#content .box-buttons
{
background:#196031;
width:146px;
color:#ffffff;
padding:4px;
font-weight:bold;
margin:5px 0 0 0;
}

#content .box-buttons input
{
float:left;
margin-right:4px;
border:0;
}

#content li.ebene
{
margin-left:50px;
clear:both;
}

#help-box
{
border:1px solid #ffffff;
float:right;
padding:5px 20px 5px 20px;
background:#44B469;
color:#ffffff;
height:100%;
}

#help-box img
{
margin-right:5px;
float:left;
display:block;
}

#help-box li
{
padding:5px 0 5px 0;
}

#help-box h1
{
margin:10px;
padding:0;
font-size:1.5em
}

div.delete-warning
{
	clear:both;
	padding:2px;
	background:#DC2C2C;
	font-weight:normal;
	font-size:11px;
}

div.delete-warning a
{
	color:White;
}

div.delete-warning a:hover
{
	color:black;
}


/*
#####################################################
Bereich Navigation-Inhalt
#####################################################
*/


#content option.aktiv
{
background:#2CDC66; 
}


#box-inhalt ul
{
float:left;
}


#box-inhalt li
{
margin-top:40px;
background:#6CCC8C;
width:200px;
color:#ffffff;
border:1px solid #ffffff;
font-weight:bold;
font-size:1.2em;
}

#box-inhalt select
{
font-size:0.80em;
float:left;
font-weight:normal;
margin:5px;
}

#box-inhalt option
{
font-size:1.00em;
font-weight:normal;
}

#box-inhalt option.auswahl
{
font-size:1.0em;
background:#ebebeb;
}

#box-inhalt .titel
{
float:left;
padding:4px;
}

#box-inhalt .submit
{
float:right;
margin:5px;
}

#box-inhalt hr
{
margin:0;
}

#box-inhalt input
{
margin:0;
border:0;
padding:0;
}

/*
#####################################################
Bereich Navigation-Inhalt Online-Editor
#####################################################
*/


div.image-button input
{
	float:right;
	margin-left:5px;
	border:0;
}

/*
#####################################################
Footer
#####################################################
*/


#footer
{
float:right;
background:url(../images/footer-bg.gif) no-repeat right;
height:10px;
width:350px;
line-height:10px;
padding:5px;
text-align:right;
}


/*
#####################################################
Produktkatalog
#####################################################
*/

#catalogue
{
	background-color:#44b469;
	padding:20px;
}

#catalogue h1
{
	font-size:1.5em;
	margin-bottom:10px;
	color:#ffffff;
}

#catalogue .text-box
{
	border:1px solid #ffffff;
	padding:5px;
	background:url(../images/box-bg.gif) repeat-y;
	color:#ffffff;
	width:450px;
	margin:10px 0 10px 0;
	font-weight:bold;
	background-color:#2CDC66;
}

#catalogue .text-box-titel
{
	width:110px;
	float:left;
	padding:5px 0 5px 0;
	margin-right:20px;
}

#catalogue .text-box-content
{
	color:#000000;
	float:left;
	padding:5px 0 5px 0;
	width:300px;
}

#catalogue input,
#catalogue textarea,
#catalogue select
{
	float:left;
	width:250px;
}

#catalogue img
{
	float:left;
}

#catalogue .text-box-breit
{
	border:1px solid #ffffff;
	padding:5px;
	background:url(../images/box-bg.gif) repeat-y;
	color:#ffffff;
	width:750px;
	margin:10px 0 10px 0;
	font-weight:bold;
	background-color:#2CDC66;
}

#catalogue .text-box-titel-breit
{
	width:110px;
	float:left;
	padding:5px 0 5px 0;
	margin-right:20px;
}

#catalogue .text-box-content-breit
{
	color:#000000;
	float:left;
	padding:5px 0 5px 0;
	width:600px;
}

#catalogue div.image-button input
{
	float:right;
	width:15px;
}

#catalogue table
{
	border:1px solid white;
	width:600px;
}

#catalogue td
{
	padding:5px;	
}

#catalogue table tr td input
{
	width:50px;
}

#catalogue table tr td select
{
	width:150px;
}

#catalogue div.verwaltung table
{
	border:1px solid white;
	width:600px;
}

#catalogue div.verwaltung td
{
	padding:5px;
}

#catalogue div.verwaltung table tr td input,
#catalogue div.verwaltung table tr td input
{
	width:200px;
}

/*
#####################################################
Wizard
#####################################################
*/


#wizard
{
padding:20px;
}


#wizard h2
{
margin:0;
padding:0;
}


#wizard label
{
float:left;
padding:2px;
margin:0 5px 0 0;
font-weight:bold;
width:150px;
height:20px;
line-height:20px;
background:#ebebeb;
}


#wizard input
{
border:1px solid #cccccc;
height:15px;
}