@import url(/css/impressum.css);
@import url(/common/popup.css);
@import url(/css/elements.css);
@import url(/css/colors.css);
@import url(/css/formular.css);

/* Universalselektor "*"  */
* {	font-family: Arial, Helvetica, sans-serif;
	border: none; padding: 0px; margin: 0px;
	text-decoration: none;
	}

body	{font-size: 12px; background: url(/files/allgemein/body_bg.jpg) repeat-x;}

h1	{font-size: 14px; line-height: 26px; padding-left: 30px;}
h1#siteName {width: 376px;}
h2	{font-size: 14px; margin-bottom: 10px;}
h3 {font-size: 12px; margin-bottom: 4px;}
h6 {font-size: 10px;}

ul {list-style-type: none;}
p, #element_content li {margin-bottom: 8px; letter-spacing: 0.05em;}
blockquote {margin-left: 15px; margin-bottom: 10px;}
blockquote p {margin-bottom: 2px;}

a:hover {font-weight: 700;}

div.rechts p {margin-bottom: 0px;}

img#logo_vivid {margin-top: -20px; margin-left: 10px; position: absolute;}

/* breite = 930 px */
div.page, div#site-head, div#footer {width: 807px;}
div.page {margin: 0em auto; position: relative; background: url(/files/allgemein/page_bg.jpg) repeat-y;}

div#site-head {position: relative; height: 212px; background: url(/files/allgemein/site_head_bg.jpg) no-repeat;}
div#site-head img#poolImage {margin-top: 6px; margin-left: 2px;}
div#site-head div#pool img {position: absolute; z-index: 10; margin-top: 6px;  margin-left: 2px;}
div#site-head img#logo {position: absolute; bottom: 0px;  left: 2px;  z-index: 20;}
div#site-head p {margin-top: 10px; font-weight: bold; position: absolute;}
div#site-head p span {margin-left: 37px;}
div#ecken {	background: url(/files/allgemein/ecken_graublau.gif); no-repeat; width: 801px; height: 197px;
			position: absolute;
			 z-index: 20;
			margin-top: 6px; margin-left: 2px;
			}

ul#main-menu {float: left; padding-left: 3px; line-height: 0px;}
ul#main-menu img#menu {padding:3px;}
ul#main-menu li.img {margin-bottom: 2px; padding-left: 0px;}
ul#main-menu li {margin-bottom: 1px; padding-left: 20px;}
ul#main-menu li a, ul#sub-menu li.active a {font-weight: 700;}
ul#main-menu li a {line-height: 22px; width: auto; display: block;}

ul#sub-menu {position: relative;}
ul#sub-menu li.first {display: block;}
ul#sub-menu li {margin-left: -20px;}
ul#sub-menu li a {font-weight: normal;}

ul#side-menu li.first {background: url(/files/allgemein/brief.jpg) no-repeat left bottom;}
ul#side-menu li.last {background: url(/files/allgemein/lupe.jpg) no-repeat left bottom;}

div#content {min-height: 500px; _height: 500px;}
div#inner_content {width: 618px; float: right;}

div#right {width: 200px; float: right; margin-right: 4px;}
div#right p	{padding-left: 30px; padding-top: 10px; padding-right: 20px;}
div#right div.rechts,
div#right div#kontakt {background: url(/files/allgemein/info_bg.jpg) no-repeat left bottom; margin-bottom: 5px; padding-bottom: 34px;}
div#right div#kontakt ul {padding-left: 30px; padding-bottom: 0px; padding-top: 10px;}
div#right div#kontakt ul li {line-height: 27px; padding-left: 45px; padding-top: 10px;}
div#right div#kontakt ul li a {font-weight: 700;}

div#right div#kontakt ul#facebook {padding-left: 15px; padding-bottom: 0px; padding-top: 15px;}

div#element_content {background: url(/files/element/el_gruen_bg.jpg) no-repeat left top; width: 406px; float: left; padding-top: 50px;}
div.element {width: 305px; margin-left: 31px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 0px; clear: both;}
div.childSite {padding: 10px;}
div.childSite div.text {float: right; width: 150px;}
div.childSite div.text span {font-size: 10px; display: block; margin-bottom: 4px;}
div.childSite div.text a span {margin-top: -1px; display: block; float: left; margin-right: 3px;}
div.childSite img {float: left;}

.gruen div#el_bottom {background: url(/files/element/el_gruen_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}
.gruen div#ecken {background: url(/files/allgemein/ecken_gruen.gif); no-repeat;}

.rot div#element_content {background: url(/files/element/el_rot_bg.jpg) no-repeat left top;}
.rot div#el_bottom {background: url(/files/element/el_rot_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}
.rot div#ecken {background: url(/files/allgemein/ecken_rot.gif); no-repeat;}

.blau div#element_content {background: url(/files/element/el_blau_bg.jpg) no-repeat left top;}
.blau div#el_bottom {background: url(/files/element/el_blau_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}
.blau div#ecken {background: url(/files/allgemein/ecken_blau.gif); no-repeat;}

.gelb div#element_content {background: url(/files/element/el_gelb_bg.jpg) no-repeat left top;}
.gelb div#el_bottom {background: url(/files/element/el_gelb_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}
.gelb div#ecken {background: url(/files/allgemein/ecken_gelb.gif); no-repeat;}

.graublau div#element_content {background: url(/files/element/el_graublau_bg.jpg) no-repeat left top;}
.graublau div#el_bottom {background: url(/files/element/el_graublau_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}

.violett div#element_content {background: url(/files/element/el_violett_bg.jpg) no-repeat left top;}
.violett div#el_bottom {background: url(/files/element/el_violett_bottom.jpg) no-repeat left bottom; width: 406px; height: 34px;}
.violett div#ecken {background: url(/files/allgemein/ecken_violett.gif); no-repeat;}

.home div#inner_content {width: 807px;}
.home div#hometeaser {float: left;}
.home div.teaser {width: 592px; height: 128px; position: relative; margin-left: 3px;}
.home div.teaser img {width: 180px; float: left; padding: 3px;}
.home div.teaser div.text#graublau {background: url(/files/home_teaser/blaugrau_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}
.home div.teaser div.text#rot {background: url(/files/home_teaser/rot_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}
.home div.teaser div.text#blau {background: url(/files/home_teaser/blau_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}
.home div.teaser div.text#gelb {background: url(/files/home_teaser/gelb_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}
.home div.teaser div.text#gruen {background: url(/files/home_teaser/gruen_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}
.home div.teaser div.text#violett {background: url(/files/home_teaser/violett_bg.jpg) no-repeat left bottom; float: right; width: 406px; height: 126px;}

.home div.teaser div.text {position: relative;}
.home div.teaser div.text p {padding-left: 40px; padding-right: 70px; padding-top: 10px; padding-bottom: 30px;}
.home div.teaser div.text p.link {position: absolute; top: 95px; right: 35px; padding: 0px; font-weight: 700;}

div#footer {height: 41px; background: url(/files/allgemein/footer_bg.jpg) no-repeat; clear: both; margin-top: 20px;}
ul#bottom-menu {position: absolute; margin-top: 10px; right: 0px;}
ul#bottom-menu li {float: left; padding-right: 30px;}

div.clear {clear: both;}
img.plus { margin-left: -10px; }