@charset "utf-8";
* {padding: 0; margin: 0;}
html {}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* Links */
a {text-decoration: none;}
a:hover {text-decoration: underline;}

img {border-style: none;}

/* Top */
#css-top {height: 40px; background: url(images/top-background-1600x54px.png) top center no-repeat;}
#css-top-inlay {width: 960px; margin: 0 auto;}
#css-top-inlay ul { float: right; list-style: none; margin: 15px 10px 0 0;}
#css-top-inlay ul li { float: left; font-size: 11px; padding: 0px 5px; border-left: 1px solid #989898 }
#css-top-inlay ul li:first-child { border: none;}
#css-top-inlay ul li a { color: #989898; }

/* Header */
#css-header {height: 90px; background: url(images/header-background-light-1600x96px.png) top center no-repeat;}
#css-header-inlay {width: 960px; margin: 0 auto;}

/* Logo */
#css-logo {clear: both; float: left;}

/* Menu */
.css-menu {float: right;}
.css-menu ul {float: right; list-style: none; padding-top: 25px;}
.css-menu ul li {float: left; padding: 0 5px;}
/* TODO_DE: float:left = display block? */
.css-menu ul li a {float: left; padding: 13px 0; color:#4f4f4f; font-size: 13px; text-decoration:none;}
.css-menu ul li a span {padding:13px;}
.css-menu ul li a:hover {background: url(images/r_menu.gif) no-repeat right;}
.css-menu ul li a:hover span {background: url(images/l_menu.gif) no-repeat left;}
.css-menu ul li a.active {background: url(images/r_menu.gif) no-repeat right;}
.css-menu ul li a.active span {background: url(images/l_menu.gif) no-repeat left;}


/* Banner BIG */
#css-banner-big {height: 370px; background: url(images/banner-background-1600x300px.png) top center no-repeat;}
#css-banner-big-inlay {width: 960px; margin: 0 auto; padding: 10px 35px 0px;}
/*#css-slider-content-inlay { width:933px; height:219px; margin:0 auto; padding:0;}*/

#css-banner-big-inlay ul {padding-top: 30px; padding-right: 20px;}

#css-banner-big-inlay ul,
#css-banner-big-inlay li {overflow: hidden; list-style :none;}

#css-banner-big-inlay h2 {color: #F1F1F1; font-size: 36px; font-weight: normal;}
#css-banner-big-inlay h2 span { color:#004868;}

#css-banner-big-inlay p {color: #F1F1F1; font-size: 13px; line-height: 1.8em; padding-top: 10px;}
#css-banner-big-inlay a.small {color: #3eefff; text-decoration:underline; padding: 0 30px 0 0; margin: 0;}
#css-banner-big-inlay a.bigg { color: #FFFFFF; font-size: 19px; font-weight: bold; text-decoration: none; margin-right: 20px; padding: 0;}

#css-banner-big-inlay div.img {float:right; padding-top: 15px;}

/* Banner small */
#css-banner-small {height: 147px; background: url(images/banner-background-1600x147px.png) top center no-repeat;}
#css-banner-small-inlay {width: 960px; margin: 0 auto; padding-top: 30px;}
#css-banner-small-inlay h2 {float: left; font-size: 30px; color: #FFFFFF; font-weight: normal; padding-top: 8px;}
#css-banner-small-inlay p {font-size: 13px; padding-bottom: 5px;}
/* TODO_DE: default font-size: 11px? */
#css-banner-small-inlay p {float: right; width: 650px; line-height: 1.8em; color: #FFFFFF;}


/* Content */
#css-content {width: 960px; margin: 0 auto; background-color: #FFFFFF;}

/* Columns */

/* Separator: line */
.line {border-top: 1px solid #dadada; padding: 0; margin: 20px 0; background: none; list-style: none;}

/* for all Column Types */
#css-content img {float:left; margin: 5px 10px;}
#css-content h2 {color: #000000; font-size: 22px; font-weight: normal; padding: 10px 5px; margin: 5px 0;  border-bottom: 1px solid #DADADA;}
#css-content h3 {color: #C2121C; font-size: 19px; font-weight: normal; padding:  5px 5px; margin: 5px 0;}
#css-content p {color: #414141; line-height:1.8em; padding: 5px;}
#css-content p span {font-size: 15px; color:#898989; }
#css-content a {color: #C2121C; text-decoration: underline; line-height:1.8em;}

/* 1/3 Column */
.css-column-small {float:left; width: 290px; margin: 0; padding: 20px 15px;}

/* ul */
.css-column-small ul {padding: 10px 20px;}
.css-column-small li {color: #414141; padding: 5px 0 5px 0px;}
/* TODO_DE: */
/* .css-column-small li {color: #0A9CDE; text-decoration: underline; padding: 5px 0 5px 20px; background:url(images/bg_ul_li.gif) left no-repeat;} */

/* Newsletter */
/* TODO_DE: rename! */
.search { padding:5px; margin:0;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background:url(images/search_bg.gif) left top no-repeat; border:0; height:14px; width:100px; padding:5px 5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}

/* 2/3 Column */
.css-column-big {float:left; width: 610px; padding:20px 15px; margin: 0;}

/* Kontakt | Impressum (contact.php) */
/********** contact form **********/
#contactform {padding: 5px 10px;}
#contactform ol {list-style: none;}
#contactform li {display: block;}
/* TODO_DE: check! */
#contactform li.buttons {margin: 5px 0 5px 0;}
#contactform label {float: left; width: 100px; color:#6E6E6E; padding: 5px 0;}
#contactform input.text {width: 370px; border: 1px solid #C5C5C5; margin: 5px 0; padding: 5px 2px;}
#contactform textarea {width: 370px; height:250px; border: 1px solid #C5C5C5; margin: 10px 0; padding: 2px;}
#contactform li.buttons input {color: #FFF; padding: 3px 0; margin-left: 100px; border:0;}


/* Footer */
#css-footer {height: 50px; margin: 0 auto; padding: 0;  background: url(images/footer_bg.gif) top center repeat-x;}
#css-footer-inlay {width: 1000px; padding: 0; margin: 0 auto;}
#css-footer-inlay ul {float: left; list-style: none; padding: 18px 10px 10px 10px;}
#css-footer-inlay ul li {float: left; padding: 0 10px;}
#css-footer-inlay img {display: inline; padding: 0; margin: 5px 10px;}
#css-footer-inlay p { float:right; color: #FFFFFF; font-size: 11px; line-height: 1.8em; padding: 18px 20px 10px 20px; margin: 0;}
#css-footer-inlay a { color: #848484; font-size: 11px; text-decoration: none;}
#css-footer-inlay a:hover {text-decoration: underline;}

/* CI */
.css-ci-top {height: 4px; max-width: 1600px; background-color: #C2121C; margin: 0 auto;}
.css-ci-bottom {float: right; height: 10px; width: 600px; background-color: #C2121C;}

.clear {clear: both;}