﻿/*<![CDATA[*/

/*
	baseline grid: 20px;
	width: 960px;
	cols: 12;
	col-width: 80;
	col-padding l-r: 10px;
*/

*
{
	border: 0;
	padding: 0;
	margin: 0;
	/*
	border: 1px solid red;
	margin: -1px;
	*/
}

*::-moz-selection {
	background-color:#000;
	color: #fff;
}

/* font format */

a:link
{
	padding: 1px 3px 1px 12px;
	color: #393939;
	background-color: #cccccc;
	text-decoration:none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
}

a:visited
{
	padding: 1px 3px 1px 12px;
	color:#393939;
	background-color: #cccccc;
	text-decoration:none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;

}

a:focus
{
	padding: 1px 3px 1px 12px;
	color:#393939;
	background-color: #999999;
	text-decoration:none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;

}
a:hover
{
	padding: 1px 3px 1px 12px;
	color:#393939;
	background-color: #FFFFFF;
	text-decoration:none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;

}

a:active
{
	padding: 1px 3px 1px 12px;
	color:#000000;
	background-color: #FFFFFF;
	text-decoration:none;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;

}

body
{
	font-family: 'Georgia', serif;
	font-size: 12px;
	line-height: 20px;
}

h1, h2, h3, h4, h5, p, label
{
	font-family: 'Georgia', serif;
	font-size: 12px;
}

input, textarea
{
	font-family: 'Helvetica', 'Arial', sansserif;
	font-size: 12px;
	line-height: 20px;
}

/* box format */

img {margin-left: 10px;}

h1, h2, h3, h4, h5, p, address
{
	padding: 0 10px;
	padding-bottom: 20px;
}

ul
{
	margin: 0 10px;
	padding-bottom: 20px;
}

@media print
{
	* {background-color: #ffffff;}
}

@media screen
{

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 
	{
		float: left;
	}

	.col1{width: 80px;}
	.col2{width: 160px;}
	.col3{width: 240px;}
	.col4{width: 320px;}
	.col5 {width: 400px;}
	.col6 {width: 480px;}
	.col7 {width: 560px;}
	.col8 {width: 640px;}
	.col9 {width: 720px;}
	.col10 {width: 800px;}
	.col11 {width: 880px;}
	.col12 {width: 960px;}
	
	.dynamic 
	{
		width: 100%;
		float:left;
	}
	
	body
	{
		background-color: #E3E3E3;
		color: #393939;
		text-align: left;
	}

}

h1
{
	font-size: 48px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -1.5pt;
	line-height: 60px;
}

h2
{
	font-size: 36px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -0.75pt;
	line-height: 48px;
}

h3
{
	font-size: 20px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -0.5pt;
	line-height: 30px;
}

h4
{
	font-size: 14px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -0.25pt;
}

h5
{
	font-size: 12px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -0.1pt;
}

hr
{
	background-color: #999999;
	height: 1px;
	margin: 0px 10px 20px 10px;
}

address
{
	font-size: 10px;
}

ul
{
	list-style: none;
	padding-top: 1px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
}

li
{
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: 0 14px;
}


li a
{
	display: block;
	font-family: sans-serif;
}

input
{
	background-color: #cccccc;
	color: #393939;
}

input[type=text] {width: 100%;}
input[type=submit]
{
	background-color: #393939;
	color: #e3e3e3;
	padding: 8px 9px 8px 8px;
	cursor: pointer;
}

textarea
{
	width: 100%;
	background-color: #cccccc;
	color: #393939;
	height: 75px;
	border: none;
}


/* misc */

.head, .body, .foot
{
	clear: both;
	overflow: hidden;
}

.head p {
	padding: 0;
	padding-left: 10px;
}

.head img {
	margin: 0;
	padding: 0;
	border: 0;
}

.head a {
	background: none;
	background-image: none;
	padding: 0;
	margin: 0;
	border: none;
}

.info {
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0 10px 20px 10px;
}

.info a {
	background-color: #FFFFFF;
	padding: 0;
	border-bottom: 1px dotted #666666;
	background-image: none;
}

/* lists */

.list-title {font-weight: 800;}

/* end lists */

/* navigation */

.navigation {clear: both;}

.navigation ul
{
	padding: 0;
	margin: 0;
	background: none;
}

.navigation li
{
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: 0 29px;
	font-family: 'Helvetica', 'Arial', sansserif;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

.navigation li li
{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.navigation li li a:link, .navigation li li a:active, .navigation li li a:visited
{
	padding-left: 16px;
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(../images/link_nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	font-size: 15px;
	font-weight: lighter;
	color: #393939;
	display: block;
}

.navigation li li a:hover
{
	padding-left: 16px;
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(../images/link_nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: lighter;
	color: #ffffff !important;
	display: block;
}

/* end navigaton */


/* sub navigaton */

.sub-navigation
{
	clear: both;
}

.sub-navigation ul
{
	padding: 0;
	margin: 0;
	background: none;
}

.sub-navigation li
{
	height: 20px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: 0 19px;
	font-family: 'Helvetica', 'Arial', sansserif;
	font-size: 12px;
}

.sub-navigation li a
{
	padding: 0 3px 0 12px;
	height: 20px;
	background: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	text-decoration: none;
	color: #727272;
	display: block;
}

.sub-navigation li a:visited
{
	padding: 0 3px 0 12px;
	height: 20px;
	background: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	text-decoration: none;
	color: #727272;
	display: block;
}

.sub-navigation li a:hover
{
	padding: 0 3px 0 12px;
	height: 20px;
	background: #393939 url(../images/link_arrow-over.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	color: #E3E3E3;
	display: block;
}

/* end sub navigaton */

/* dropdown */

.dropdown {
	width: 220px;
	background-color: #393939;
	color: #e3e3e3;
}

/* end dropdown */

/* forms */

/* ins grid aufnehmen?! */

form {padding-bottom: 10px;}

form div
{
	margin: 0 10px;
	margin-bottom: 10px;
}

form .input-field-background
{
	padding: 3px;
	background: #cccccc;
	border: 1px solid #999999;
}

form div p {padding: 0;}

input[type=text], input[type=password], textarea 
{
	width: 100%;
}

input[type=submit]
{
	border: 0;
	margin: 0;
	padding: 10px;
	height: 40px;
	cursor: pointer;
}

/* end forms */

/* contact form */

/*

!! deprecated !!

#contactform
{
	padding-bottom: 10px;
}

#contactform div
{
	margin: 0 10px;
	margin-bottom: 10px;
}

#contactform .input-field-background
{
	padding: 3px;
	background: #cccccc;
	border: 1px solid #999999;
}

#contactform div p
{
	padding: 0;
}
*/

#contactform button[type=submit] img
{
	border: 0;
	margin: 0;
	padding: 0;
}

#contactform button[type=submit]
{
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}

#feedback
{
	display:none;
	color: red;
}

/* end contactform */

/* element specific styles - foot */


/* image links */

.imagelink:link, .imagelink:visited, .imagelink:active, .imagelink:hover 
{
	background: none; 
	margin: 0;
	padding: 0; 
	font-size: 0;
}

.imagelink img {margin-left: 10px;}

.teaser {padding-bottom: 20px;}

.teaser a
{
	font-size: 0;
	padding: 0;
	background: none;
}

/* end image links */

/* .foot {
	margin-top: 20px;
} */

.navigation-foot li
{
	height: 20px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: 0 19px;
	font-family: 'Helvetica', 'Arial', sansserif;
	font-size: 10px;
}

.navigation-foot li a
{
	padding: 0 0 0 8px;
	height: 20px;
	background: transparent url(../images/link_nav_foot_arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	text-decoration: none;
	color: #727272;
	display: block;
}

.navigation-foot li a:visited
{
	padding: 0 0 0 8px;
	height: 20px;
	background: transparent url(../images/link_nav_foot_arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	text-decoration: none;
	color: #727272;
	display: block;
}


.navigation-foot li a:hover
{
	padding: 0 0 0 8px;
	height: 20px;
	background: #393939 url(../images/link_nav_foot_arrow-over.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	color: #E3E3E3;
	display: block;
}

/*]]>*/