@charset "utf-8";

html {
	height: 101%;
}

body {
	background-color: #FFFEFB;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.4em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.2em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
}

h3 {
	font-size: 1.1em;
	margin-bottom: 0px;
}

p {
	line-height: 1.3em;
	margin-top: 0px;
}

code {
	font-weight: bold;
	font-size: 1.1em;
}

pre {
	background-color: #f7efd5;
	margin-top: 5px;
	margin-bottom: 10px;
}

pre.plain {
	background-color: #FFFEFB;
	margin: 0px;
}

a:hover {
	background-color: #ffdd79;
}

.link {
	margin: 3px;
}

.pic {
	text-align: center;
}

.product {
	color: #52ab35;
	font-weight: bold;
}

.last_paragraph {
	margin-bottom: 0px;
}

#banner {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-left: -2px;
	margin-top: -2px;
}



/*
#news
#framework_overview

*/

#menu {
  	overflow: hidden;
  	color: black; 
  	background-color: #ffebca; 
  	padding: 0;
  	margin: 0 -2px 0 -2px;
}

#menu ul {
    padding: 0;
	margin: 0;
}

#menu li {
  	float: left; 
  	width: auto; 
  	list-style: none; 
  	margin: 0; 
}

#menu li li {
 	clear: both; 
}

#menu a {
   	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	width: auto;
   	padding: 0.2em 0.2em 0.2em 0.2em;
}

#menu ul.layer2 a {
	width: 8em;
	font-size: 0.9em;
}

#menu a:hover,
#menu a:focus,
#news #menu1 a,
#framework_menu #menu2 a,
#framework_overview #menu2 a,
#framework_details #menu2 a,
#framework_videos #menu2 a,
#framework_screenshots #menu2 a,
#designer_menu #menu3 a,
#designer_overview #menu3 a,
#designer_screenshots #menu3 a,
#download #menu4 a,
#contact #menu5 a,
#impressum #menu6 a
{
	background-color: #FFFEFB;
}

/* Untermenü unsichtbar machen */
#menu li ul {
  	position: absolute; 
  	top: -9999px; 
  	left: -9999px; 
  	display: inline; 
  	width: 0; 
  	height: 0; 
  	background-color: transparent; 
}  

/* Untermenü sichtbar machen */
#menu li:hover ul {
  	left: auto; 
  	top: auto; 
  	display: block; 
  	width: auto; 
  	height: auto; 
  	background-color: #ffebca; 
  	border-top: 1px solid #888; 
  	border-left: 1px solid #888; 
  	border-right: 1px solid #CCC; 
  	border-bottom: 1px solid #CCC; 
}

#menu ul#layer1 ul.layer2 li a { 
  background-color: #ffebca; 
} 

#menu ul#layer1 ul.layer2 li a:hover { 
  background-color: #FFFEFB; 
}   

#language {
	position: absolute;
	top: 92px;
	right:  2px;
	margin-bottom: -27px;
}

#language img {
	border: none;
}

#page {
	position: relative;
	width: 810px;
	border: 1px solid #CCC;
	padding: 2px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFEFB;
}

#rabatt {
	color: #FFF;
	background-color: #c5091d;
	font-size: 1.3em;
	margin-right: 140px;
	margin-left: 140px;
	padding: 10px;
	text-align: center;
}

table#news td {
	vertical-align: top;
	padding-right: 5px;
}

/* Formulare */
label {
	cursor: pointer;
}

input.field,
textarea {
	width: 320px;
}

.field {
	border: 1px solid #ddd;
}

.field:hover {
	border: 1px solid #aaa;
}

.field:focus {
	background-color: #f6f6f6;
	border: 1px solid #aaa;
}
/* Ende Formulare */