* {padding:0px; margin:0px; outline:none; }
a {text-decoration:none;color:#1e4852;}
a:hover { text-decoration:underline;}

body {
    background-color:#739a4d;
    background-image:url(img/background.png);
    background-repeat:repeat-x;
    }

#container {
    margin:auto;
    width:960px;
    background-image:url(img/page_background.png);
    position:relative;
    }

#corner_left {
    position:absolute;
    width:10px;
    height:90px;
    left:0px;
    top:109px;
    background-image:url(img/corner_left.png);
    display:block;  /** ecke mit "display:none" ausblendbar **/
    }

#corner_right {
    position:absolute;
    width:10px;
    height:97px;
    right:0px;
    top:102px;
    background-image:url(img/corner_right.png);
    display:block;  /** ecke mit "display:none" ausblendbar **/
    }

.clear {
    clear:both;
    }

#skyscraper {
    position:absolute;
    top:150px;
    right:-120px;
    }


/** --- header --- **/

#header {
    height:138px;
    background-image:url(img/header.png); /** Pfad für Headergrafiken **/
    position:relative;
    }

#header #karten_300 {
    position:absolute;
    right:59px;
    top:52px;
    }

#header ul {
    list-style:none;
    font-size:12px;
    color:#fff;
    position:absolute;
    font-family:trebuchet ms;
    position:absolute;
    right:38px;
    top:21px;
    }

#header ul li {
    display:inline;
    padding-right:13px;
    }

#header ul li a {
    color:#fff;
    }

#header ul li a:hover {
    color:#FFBCB3;
    }

/** --- main --- **/

#main {
    height:500px;
    }


/** --- sidebar --- **/

#sidebar {
    float:left;
    width:200px;
    padding-left:30px;
    }

/** --- sidebar --- box ---  **/

#sidebar .box {
    width:180px;
    background-image:url(img/navigation_background.png);
    font:12px trebuchet ms;
    color:#1e4852;
    padding-left:20px;
    margin-bottom:6px;
    line-height:0px;
    }

#sidebar .box .box_title {
    background-image:url(img/navigation_header.png);
    height:38px;
    font:italic 18px georgia;
    color:#822107;
    line-height:38px;
    margin-left:-20px;
    margin-bottom:7px;
    padding-left:21px;
    }

#sidebar .box .box_bottom {
    background-image:url(img/navigation_bottom.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    height:2px;
    margin-top:10px;
    margin-left:-20px;
    }

* html #sidebar .box .box_bottom {      /** for ie6 **/
    margin-top:-6px;
    line-height:2px;
    }

/** --- sidebar --- navigation ---  **/

#sidebar .box .navigation {
   /* list-style:none;*/
   list-style-image:url(http://www.gutschein-maker.de/img/design/navpoint.gif);
   list-style-position:outside;
   padding-left:15px;

    }

#sidebar .box .navigation li a {
    display:block;
    line-height:16px;
    color:#1e4852;
    margin-left:-10px;
    padding-left:10px;
    margin-right:10px;
    }

#sidebar .box .navigation li a:hover {
    color:#122930;
    background-color:#fff;
    }


/** --- sidebar --- navigation ---  **/

.login {
    padding-right:6px;
    }


.login label {
    float:left;
    width:56px;
    font-size:13px;
    line-height:21px;
    }

.login input {
    float:right;
    width:100px;
    border:none;
    padding:2px 2px 2px 5px;
    margin-bottom:2px;
    margin-right:4px;
    background-color:#FBFDFF;
    background-image:url(img/input_background.png);
    }

.login .submit {
    clear:both;
    float:none;
    background-color:#D5E9FF;
    border:1px solid #34788B;
    width:171px;
    margin-top:4px;
    background-image:none;
    }

/** --- content --- **/

#content {
    float:right;
    width:650px;
    margin-right:50px;
    margin-left:28px;
    font:12px trebuchet ms;
    line-height:15px;
    color:#474747;
    }

* html #content {      /** for ie6 **/
    width:660px;
    margin-right:20px;
    margin-left:0px;
    }

#content p {
    margin-bottom:14px;
    }

#content h1 {
    font:21px georgia;
    color:#822107;
    background-image:url(img/h1.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    line-height:38px;
    margin-bottom:7px;
    margin-left:-28px;
    padding-left:28px;
    font-style: italic;
    }

#content h2 {
    font:18px georgia;
    font-style: italic;
    color:#474747;
    margin-bottom:6px;
    }

/** --- content --- preview --- **/

.preview {
    background-color:#d0e5a2;
    border:1px solid #acc494;
    margin:0px -33px 0px -12px;
    padding:8px 9px 8px 12px;
    font-style:italic;
    font-family:georgia;
    font-size:14px;
    margin-bottom:16px;
    margin-top:4px;
    background-image:url(img/preview_background.png);
    }

* html .preview {       /** for ie6 **/
    margin:4px 0px 10px 0px;
    padding:8px 2px 8px 7px;
    }

#content .preview p {
    margin-bottom:10px;
    }

.preview img {
    padding:2px;2px;
	/*margin-right:4px;*/
    border: 0px solid #373737;
    }

* html .preview img {       /** for ie6 **/
    margin-right:2px;
    }
/*raussssss
.preview a:hover img {
    margin-bottom:0px;
    margin-top:-3px;
    }
rein */
/** --- content --- editor --- **/

#editor {
    background-color:#EFF9E6;
    margin:26px -8px 6px -9px;
    }

* html #editor {    /** for ie6 **/
    margin:26px -8px 0px -9px;
    }

#editor #options {
    background-color:#739a4d;
    background-image:url(img/editor_head_background.png);
    padding-top:4px;
    }

* html #editor #options {   /** for ie6 **/
    background-image:none;
    }

#editor #options_change {
    padding:14px 10px 10px 12px;
    color:#436126;
    line-height:14px;
    }

* html #editor #options_change {   /** for ie6 **/
    background-color:#EFF9E6;
    padding:10px 20px 10px 20px;
    }

#editor a {
    color:#1a2d06;
    display:block;
    float:left;
    padding:3px 9px 3px 9px;
    line-height:24px;
    font-size:13px;
    }

#editor a:hover {
    background-color:#99D65C;
    background-image:url(img/editor_navi_background.png);
    }

#editor .active, #editor .active:hover {
    background-color:#c9e9a9;
    background-image:url(img/editor_navi_background.png);
    cursor:default;
    }

#editor .download {
    float:right;
    background-color:#B53620;
    padding:3px 11px 3px 11px;
    color:#fff;
    font-weight:bold;
    margin-right:4px;
    }

#editor .download:hover {
    background-color:#882817;
    background-image:none;
    }

/** --- footer --- **/

#footer {
    height:122px;
    background-image:url(img/footer.png);
    background-repeat:no-repeat;
    background-position:bottom;
    clear:both;
    position:relative;
    }

#footer ul {
    list-style:none;
    font-family:trebuchet ms;
    font-size:12px;
    color:#8e8e8e;
    position:absolute;
    top:40px;
    width:960px;
    text-align:center;
    }

#footer ul li {
    display:inline;
    }

#footer ul li a {
    color:#8e8e8e;
    }

#footer ul li a:hover {
    color:#404040;
    }


#footer span {
    font-family:trebuchet ms;
    font-size:12px;
    color:#fff;
    position:absolute;
    bottom:30px;
    width:960px;
    text-align:center;
    }
/** --- Zusatz --- **/
.imageText{position:absolute;cursor:move;}

a.rot { font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif; font-size: 11px; color: #FF0000; font-weight: bold;}
.hilfe { width: 260px; height: 150px; border-top: 6px solid #800000; border-bottom: 6px solid #800000; font-size: 12px; padding: 5px;}
.downhilfe { width: 448px; height: 60px; border-top: 2px solid #800000; font-size: 11px; padding: 5px;}
.gedichtueberschrift { font-family: Verdana; font-size: 11px; color: #000000; font-weight: bold;}
.gedichteschrift { font-family: Verdana; font-size: 11px; color: #000000;}
.font12 { font-family: Verdana, Arial; font-size: 12px; line-height: 1.5;}
.hinweis-rot { font-family: Verdana, Arial; font-size: 12px; line-height: 1.5;color: #FF0000; font-weight: bold; text-align:center;}
.fett { font-family: Verdana, Arial; font-size: 10px; font-weight: bold;text-decoration: underline;}
.editor {
	background-color: #f2f2f2;
	color : #808080;
	font-size : 10pt;
	border : 1px solid #cccccc;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}
.editorbutton {
	background-color: #f2f2f2;
	color : #404040;
	font-size : 8pt;
	font-weight: bold;
	border : 1px solid #cccccc;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}
.editorbuttongruen {
	background-color: #B0ECB0;
	color : #404040;
	font-size : 8pt;
	font-weight: bold;
	border : 1px solid #0F3C0F;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}
.editorbuttonweiss {
	background-color: #FFFFF0;
	color : #404040;
	font-size : 8pt;
	font-weight: bold;
	border : 1px solid #9C7901;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}
.fertig {
	background-color: #FFE1E1;
	color : #404040;
	font-size : 8pt;
	font-weight: bold;
	border : 1px solid #800000;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}
div.weiss {
background-color:#ffffff;
border:1px solid red;
padding:20px;
}
a.rot { font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif; font-size: 11px; color: #FF0000; font-weight: bold;}
a.rot:link { text-decoration: underline;}