/*
////////////////////////////////////////////////////////////////
//
// format.css  Stylesheet fuer die gesamte Webside
// erstellt durch gia-online, 53175 Bonn, www.gia-online.de
//
////////////////////////////////////////////////////////////////
*/

/* CSS Document - www.gia-online.de */

/* zuerst IE6/7/8 */

@font-face {
	font-family: 'DeliciousRoman';
	src: url('../font/delicious-roman-webfont.eot');
	src: local('?'), url('../font/delicious-roman-webfont.woff') format('woff'), url('../font/delicious-roman-webfont.ttf') format('truetype'), url('../font/delicious-roman-webfont.svg#webfontJ3zTAJJ3') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0 auto;
	padding: 0;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	background: #f0f0f0 url(../images/layout/bg.gif) repeat-y top center;
	text-align: center;
}
.clear {
	clear: both;
}
/***************************************************/
/* Schriften                                       */
/***************************************************/

h1 {
	font-family: DeliciousRoman, Helvetica, Arial, Verdana, sans-serif;
	color: #e2e2e2;
	font-size: 40px;
	font-weight: normal;
	font-variant: small-caps;
	padding-top: 150px;

}
h2 {
	font-family: DeliciousRoman, Helvetica, Arial, Verdana, sans-serif;
	color: #c4c4c4;
	font-size: 40px;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 40px;
}
h3 {
	font-family: DeliciousRoman, Helvetica, Arial, Verdana, sans-serif;
	color: #ff6600;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 15px;
}
h4 {
	font-family: DeliciousRoman, Helvetica, Arial, Verdana, sans-serif;
	color: #ff6600;
	font-size: 20px;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 10px;
}
h5 {
 border-top: solid 1px #f0f0f0;
 margin: 30px 0px 10px 0px;
}
#claim_content h2.title {
	margin-bottom: 10px
}
.small {
	font-size: 12px;
	font-weight: normal;
}

/***************************************************/
/* Boxen                                           */
/***************************************************/

#header {
	width: 880px;
	height: 107px;
	padding: 20px 0px 0px 70px;
	margin: 0 auto;
	text-align: left;
}
#claim {
	width: 949px;
	height: 320px;
	padding: 0px 0px 0px 1px;
	margin: 0 auto;
	text-align: left;
}
#claim p {
	line-height: 130%;
}
#claim_content {
	width: 750px;
	padding: 40px 0px 0px 0px;
	margin: 0 auto;
	text-align: left;
	line-height: 130%;
}
#content {
	width: 950px;
	text-align: left;
}
#content p {
	line-height: 130%;
	margin-bottom: 10px;
}
#content ul {
	margin-top: 10px;
	margin-left: 40px;
}
#content ul li {
	color: #F60;
	line-height: 130%;
}
#content ol {
	margin-top: 10px;
	margin-left: 40px;
}
#content ol li {
	color: #F60;
	line-height: 130%;
}
#content_left {
	float: left;
	text-align: left;
	width: 510px;
	padding: 40px 50px 0px 70px;
	margin-bottom: 0px;
}
#content_right {
	float: left;
	text-align: left;
	width: 260px;
	padding: 70px 60px 0px 0px;
	margin-bottom: 0px;
}
.content_right_box {
	background-color: #f0f0f0;
	padding: 15px 10px 0px 10px;
	margin-bottom: 2px;
}
#footer {
	clear: both;
	width: 100%;
	height: 80px;
	bottom: 0;
	left: 0;
	background: #f0f0f0 url(../images/layout/bg_footer.jpg) no-repeat top center;
}
#footer_content {
	width: 810px;
	text-align: left;
	padding-top: 35px;
}

/***************************************************/
/* Links                                           */
/***************************************************/

a.button_left, a.button_left:link, a.button_left:visited, a.button_left:active {
	float: left;
	width: 126px;
	color: #ff6600;
	background: url(../images/layout/bg_button.jpg) no-repeat top left;
	text-decoration: none !important;
	padding: 10px 5px 10px 5px;
	margin-top: 10px;
	text-align: center;
}
a.button_left:hover {
	color: #ff6600;
	background: url(../images/layout/bg_button_hover.jpg) no-repeat top left;
	text-decoration: none;
}
a.button_right, a.button_right:link, a.button_right:visited, a.button_right:active {
	width: 126px;
	color: #ff6600;
	background: url(../images/layout/bg_button.jpg) no-repeat top left;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
	text-align: center;
	line-height: 50px;
}
a.button_right:hover {
	color: #ff6600;
	background: url(../images/layout/bg_button_hover.jpg) no-repeat top left;
	text-decoration: none;
}
#content_left a, #content_left a:link, #content_left a:visited, .panel-wrapper a, .panel-wrapper a:link, .panel-wrapper a:visited, #footer_content a:active {
	color: #f60;
	text-decoration: underline;
}
#content_left a:hover, .panel-wrapper a:hover {
	color: #999;
	text-decoration: none;
}
#footer_content a, #footer_content a:link, #footer_content a:visited, #footer_content a:active {
	color: #666666;
	text-decoration: underline;
	padding-left: 15px;
}
#footer_content a:hover {
	color: #ff6600;
	text-decoration: none;
}

/***************************************************/
/* Sonstiges                                       */
/***************************************************/

.right {
	float: right;
	margin: 0;
	padding: 0;
}

/***************************************************/
/* Bilder			                               */
/***************************************************/

.img_left {
	float: left;
	text-align: left;
	margin-right: 30px;
}
.img_captcha {
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
}
.img_right {
	float: right;
	text-align: right;
	margin-left: 10px;
}
.img_ref {
	margin: 2px;
}


/***************************************************/
/* Kontaktformular		                           */
/***************************************************/


input.text {
	width: 230px;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #666666;
}
input.text_small {
	width: 20px;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #666666;
}
textarea {
	width: 230px;
	height: 150px;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

input.button  {
	font-weight: bold;
	color: #999999;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 100px;
	margin-top: 5px;
	padding: 3px;
} 

input.button:hover  {
	background-color: #f0f0f0;
}