/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise: 
schwarz, sw	    :	#000000;
weiss, w		:	#ffffff;
rot, gn		    :	#;
grün, gr		: 	#;
*/


/* Aufteilung */
.page								{ width: 960px; margin: auto; position: relative;  }
.page-folge 						{ width: 960px; margin: auto; position: relative;  }
#start                              { }

.header								{ float: left; /*background-color: #ff6766;*/ width: 100%; height: auto; text-align: left; }
.header .kopfbild					{ float: left; width: 100%; position: absolute; z-index: 10;  }
.header .thema						{ width: 100%; }
.header .logo						{ float: left; width: auto; height: 51px; width: 241px; position: absolute; z-index: 40; top: 30px; left: 15px;  }
.header .thema .formular-suche		{ float: left; width: auto; height: 24px; width: 220px; position: absolute; z-index: 40; top: 8px; left: 670px; }
.header .thema #kategorie           { float: left; height: 136px; width: 275px; position: absolute; top: 40px; right: 15px; z-index: 40; overflow: hidden;  }

.main								{ float: left; width: 960px; text-align: left; line-height: 18px; background-color: #fff; min-height: 1200px; }
* html .main                        { wid\th: 745px; }
.main .float-helper					{ float: left; width: 740px; position: relative; z-index: 32; left: 205px; top: 40px; padding-bottom: 30px;}
.page-folge .main .float-helper	    { top: 0; padding-bottom: 30px; } 

.navigation		               		{ float:left; width: 185px; padding: 0px; position: absolute; top: 96px; left: 0px; z-index: 80; text-align: left; }
.pfad                               { float: left; width: auto; height: 19px; width: 430px; position: absolute; z-index: 38; top: 102px; left: 215px; overflow: hidden;}

.trenner-nav                        { float: left; width: 185px; margin: 12px 0 3px 0; height: 1px; background: url(../pics/layout/navigation-trenner-rot.gif) 20px 0px; background-repeat: no-repeat; }
* html .trenner-nav                 { mar\gin-bottom: -8px;}

.main .content 						{ float: left; width: 740px; padding: 0px; padding-bottom: 165px; position: relative; z-index: 32; left: 0px; top: 161px; /*position: absolute; top: 200px; left: 200px; z-index: 25;*/ }
.page-folge .main .content          { top: 141px; padding-bottom: 120px;  }
.page-folge .main .schmal .content  { width: 435px; min-height: 400px; }
.main .content .box					{ }
.main .related						{ float: right; position: relative;  width: 275px; top: 220px; padding-bottom: 165px;  /*padding: 10px; background-color: #ececec;*/}

#footer								{ overflow: hidden; float: left; width: 740px; padding: 0px 10px 30px 205px; position: relative; z-index: 50; top: 30px } 
#footer .text                       { font-size: 11px; color: #666; font-style: italic; line-height: 16px; }
#footer .base						{ width: 100%; }

#footer .base a:link			{ color: #666; text-decoration: none; font-size: 11px;  }
#footer .base a:visited			{ color: #666; text-decoration: none; font-size: 11px;  }
#footer .base a:hover			{ color: #666; text-decoration: underline; font-size: 11px;  }
#footer a:active				{ color: #666; text-decoration: none; font-size: 11px;  } 

#footer .meta					{ width: 100%; float: left; padding: 10px 10px 20px 7px; }
#footer .social					{ width: 100%; padding: 0px 10px 10px 0px; }
#bookmarks                      { width: 100%; float: left; padding: 10px 10px 30px 10px; }

#bookmarks a:link				{ color: #a86237; text-decoration: none; outline: none; padding: 0; margin: 0; }
#bookmarks a:visited			{ color: #a86237; text-decoration: none; outline: none;  padding: 0; margin: 0;}
#bookmarks a:hover				{ color: #666; text-decoration: none; outline: none;  padding: 0; margin: 0;}
#bookmarks a:active				{ color: #666; text-decoration: none; outline: none;  padding: 0; margin: 0;}
#bookmarks a:focus              { outline: none; }

/* Basisdefinitionen */
*						{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; padding: 0px; margin: 0px; }

html					{ height: 101%; } 
body					{ height: 100%; text-align: center; background: #eddebf url(../pics/layout/hg-trauringwelt.jpg); background-repeat: repeat-x; }

a:link					{ color: #a86237; text-decoration: none; outline: none; }
a:visited				{ color: #a86237; text-decoration: none; outline: none;  }
a:hover					{ color: #666; text-decoration: underline; outline: none;  }
a:active				{ color: #666; text-decoration: none; outline: none;  }
a:focus                 { outline: none; }


.float-helper a:link	{ text-decoration: underline; font-weight: bold; }
.float-helper a:visited	{ text-decoration: underline; font-weight: bold; }
.float-helper a:hover	{ text-decoration: underline; font-weight: bold; }
.float-helper a:active	{ text-decoration: underline; font-weight: bold; }

h1						{ font-size: 18px; color: #666666; padding-left: 10px; margin-bottom: 20px; font-weight: normal; line-height: 20px; }
h2						{ font-size: 16px; color: #666666; padding-left: 10px; }
h3                      { font-size: 14px; color: #666666; padding: 0; font-weight: normal; }

.head .titel h1         { width: 325px; }

.page-folge .head h2    { margin-bottom: 20px; } 
.absatz h2              { margin: 10px 0 5px 0; font-size: 14px; font-weight: bold; clear: both;}
.container h3           { font-size: 14px; color: #666666; padding: 0 0 10px 10px; font-weight: normal; }
.container h2           { font-size: 15px; color: #666666; padding: 0 0 10px 10px; font-weight: normal; }

.uebersicht h3          { font-size: 13px; color: #666; font-weight: bold; padding: 0; }

#start h1               { margin-bottom: 5px;}
#start h2               { font-size: 18px; margin-bottom: 16px;}
#start .head            { }
#start .head .text      { color: #666666; }
#start .main .float-helper	{ float: left; width: 740px; position: relative; z-index: 32; left: 205px; }
#start .main	{ min-height: 1000px; }

b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0px; }
p						{ padding: 0px 0px 6px 0px; }

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

table					{ }
table tr				{ }
table tr th				{ font-weight: bold; }
table tr td				{ }

hr						{ border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }

/* Formulare */
form								{ /*margin: 0px;*/}
form .form-eingabe-zeile			{ /*clear: left; margin-bottom: 5px;*/ }
form label							{ /*float: left; width: 120px;*/ }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ /*width: 30px; float: right;*/ }
form .form-text						{ /*width: 280px;*/ }
form .form-select					{ width: 280px; }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{ clear: left; }

form .form-checkbox-liste			{ width: 282px; height:100px; overflow:auto; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .zeile	{ padding-left: 3px; margin-bottom: 2px; width: 258px;	height: 20px; line-height: 20px; background-color: #ffffff; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .aktiv	{ background-color: #CFD6E8; border: 1px solid #737B92; }
form .form-checkbox-liste .form-checkbox { float: left; }
form .form-checkbox-liste .text 	{ padding-left: 20px; }

.fehler								{ margin-bottom: 15px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }

/* Verstecken */
.cycon-wysiwyg						{ display: none; } 

/* Ringauswahl Startseite */ 
.auswahl                            { float: left; width: 738px; height: 138px; border: 1px solid #a85237; background-color: #fff; margin-top: 10px; }
.auswahl .absatz-auswahl            { float: left; margin: 10px 0 0 0; padding: 0; width: 246px; height: 118px; text-align: center;  }
.auswahl .absatz-auswahl .bild-mitte        { margin: auto; } 
.auswahl img        { margin: 0; padding:0; }

.auswahl h3                    { padding: 0; margin: -3px 0 10px 0; font-size: 15px; }

.auswahl a:link					{ font-size: 15px; text-decoration: none; font-weight: normal; }
.auswahl a:visited				{ font-size: 15px; text-decoration: none; font-weight: normal; }
.auswahl a:hover				{ font-size: 15px; text-decoration: underline; font-weight: normal; }
.auswahl a:active				{ font-size: 15px; text-decoration: none; font-weight: normal; } 

.container .auswahl .absatz-auswahl     { width: 355px;  }
.container .auswahl                     { margin-bottom: 15px;}