@charset "UTF-8";
/* =========================================================
Basis-Stylesheet

Projektname: Rohde Projektatelier

Media: screen
Datum: 28. Dezember 2008
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #; Text: #; hover: #;

========================================================== */
@import "navigation.css";

/*reset*/

body {font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 15px; background-color: #542413; color: #3d1211;}
h1 {font: bold 14px/1.25em Verdana, Arial, sans-serif; padding:0px; margin:15px 43px 15px 33px; color: #a6004c;}
h2 {font: bold 12px/1.25em Verdana, Arial, sans-serif; padding:0 6px 3px 6px; margin:12px 37px 5px 27px; color: #594b02; border-bottom: 1px solid #87a800;}
h3 {font: bold 14px/1.25em Verdana, Arial, sans-serif; padding:0px; margin:15px 0 15px 10px; color: #594b02;}
p {padding:0 0 0 34px; margin: 0 43px 5px 0;}
p label {float: left; width: 45px;}
span.pink {color: #a6004c;}
acronym {color: #901039;}
acronym:hover {color: #626364;}
img {border: 0;}

hr {border: 0px; border-top:solid #758ba4 1px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/ margin: 10px 0 5px 0;}
hr.white {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/ margin: 0 10px;}

a:link, a:visited {color: #3d1211;}
a:hover, a:active {color: #a6004c;}

#agbLink {margin: 0 0 0 8px; padding: 0 0 3px 25px; background: #f0ede9 url(images/icon_flower.png) no-repeat;}

.clear {clear: left;}
.right {float: right;}

ul {margin: 0px; padding: 0 2px;}
ul li {padding: 0 0 0 0px; margin: 0 0 0px 0; list-style: none;}

dl {margin: 0 20px 0 30px}
dl dt {margin: 10px 0 0 0; padding: 0 0 3px 25px; background: #f0ede9 url(images/icon_flower.png) no-repeat; border-bottom: 1px solid #87a800;}
dl dt a {font-size: 12px; font-weight: bold;  text-decoration: none;}
dl dt a:link {color: #a6004c;}
dl dd {margin: 3px 0 0px 25px;}
dl dd p {margin: 0 0 5px 0; padding: 0px}

/* layout */
#container {position: absolute; left: 50%; right: auto; bottom: auto; width: 717px;  margin-left: -358px;}

#header img {float: left;}

#content {float: left; width: 711px; border-left: 3px solid #fff; border-right: 3px solid #fff; background-color: #f0ede9;}
.cnt_left {float: left; width: 465px; margin-top: 10px;}
.cnt_left img {float: left;}
.cnt_right {float: left; width: 244px; min-height: 400px;  margin-top: 10px; border-left: 2px solid #fff;}
.cnt_right img {vertical-align: bottom;}

#tagcloud {color: #a6004c; text-align: center; line-height: 18px; padding-bottom: 15px;}

#contactBox {width: 194px; height: 118px; padding: 15px; margin: 0 10px; position: absolute; bottom: 35px; font-size: 11px; background: #fde5e9 url(images/bgr_kontaktbox.png); }
#contactBox p {margin: 0 0 4px 0; padding: 0;}
#contactBox p strong {color: #a6004c;}
#contactBox img {padding-right: 10px;}

div.tagcloud {width: 150px;}
div.tagcloud span {margin-right: 5px;}

#footer img {float: left;}
#footer a {float: right; margin: 5px 15px 0px 0px; font-size: 0.8em; color: #2c2413; text-decoration: none;}
#footer a:hover {color: #a6004c;}

/* #content {border: 3px solid #FFF; border-top: none;} */