body { 
margin:0; 
padding:0; 
width:100%; 
height:100%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#ccc;
background-image:url(../images/c_bg_vertikal.gif);
background-attachment:fixed;
text-align:center; 
}

form {
padding:0px;
margin:0px;
}

.unsichtbar {
visibility:hidden;
}

img { 
border:0px; 
padding:0px;
margin:0px;
}

a { color:white; text-decoration:none; } 
a:hover { color:#CCCCCC; } 

h1 { font-size:15px; }

h2 { font-size:13px; color:#F2D07E; font-weight:normal; }

#wrapper{ 
margin:auto;
width:600px;  
}

#header {
margin-bottom:5px;
width:600px;
height:150px;
background-image:url(../images/ctw_header.jpg);
background-repeat:no-repeat;
}

#header, #content, #navi {
border:1px dotted #F2D07E;
background-color:#663333;
}

#content {
width:600px;  
margin-top:5px;
clear:both;
text-align:left;
background-image:url(../images/contact_bg.jpg);
background-repeat:no-repeat;
background-position:right bottom;
min-height:310px;
}

#content_margin {
width:580px;  
margin:auto;
margin-top:20px;
margin-bottom:20px;
}

#linke_spalte { height:100%; width:220px; float:left; margin-right:9px; }
#rechte_spalte { height:100%; width:340px; float:right; }

/******** navi ******/
#navi {;
padding:0px;
margin:0px;
text-align:center;
width:600px;
height:20px;
}

#navi a { display:block; height:20px; text-decoration:none; background-repeat:no-repeat; }
#navi a:focus, a:active { outline: none; -moz-outline: none; }

#navi ul { padding:0px; margin:0px; margin:auto; width:410px; }
#navi li { padding:0px; margin:0px; float:left; height:20px; list-style-type:none; list-style-position:outside; } 

#navi_info             { width:60px;  background-image:url(../images/nav_02.gif); }
#navi_info:hover       { background-image:url(../images/nav_02-over.gif); }
#navi_info_active      { background-image:url(../images/nav_02-down.gif); width:60px; }
#navi_mix              { width:53px;  background-image:url(../images/nav_03.gif); }
#navi_mix:hover        { background-image:url(../images/nav_03-over.gif); }
#navi_mix_active       { background-image:url(../images/nav_03-down.gif); width:53px; }
#navi_termine          { width:109px;  background-image:url(../images/nav_04.gif); }
#navi_termine:hover    { background-image:url(../images/nav_04-over.gif); }
#navi_termine_active   { background-image:url(../images/nav_04-down.gif); width:109px; }
#navi_contact, #navi_contact_mail  { width:108px;  background-image:url(../images/nav_05.gif); }
#navi_contact:hover, #navi_contact_mail:hover    { background-image:url(../images/nav_05-over.gif); }
#navi_contact_active, #navi_contact_mail_active   { background-image:url(../images/nav_05-down.gif); width:108px; }
#navi_links            { width:80px;  background-image:url(../images/nav_06.gif); }
#navi_links:hover      { background-image:url(../images/nav_06-over.gif); }
#navi_links_active     { background-image:url(../images/nav_06-down.gif); width:80px; }

.br_clear {
clear:both;
}

#footer {
clear:both;
text-align:right;
color:white;
font-size:10px;
margin:auto;
width:600px;  
height:20px;
line-height:20px;
}

#beatification_link {
position:absolute;
right:0px;
top:0px;
}

#myspace_link, #home_link, #cc_link, #noetics_link {
display:block;
position:absolute;
left:50%;
}

#home_link {
margin-left:-298px;
top:50px;
width:145px;
height:15px;
}

#myspace_link {
margin-left:190px;
top:145px;
width:28px;
height:28px;
}

#noetics_link {
margin-left:220px;
top:145px;
width:28px;
height:28px;
}

#cc_link {
margin-left:252px;
top:145px;
width:45px;
height:28px;
}

/*** formularformat ***/
/*** http://www.einfach-fuer-alle.de/artikel/formulare/tag1/ ***/

form {
line-height: 150%;
}

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit], input[type=password] { 
cursor: pointer;
}

input, textarea, select {
color:#000;
background:#F2D07E;
border:1px solid #ccc;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:12px;
margin-bottom:3px;
}

input:focus, textarea:focus, select:focus {
background:white;
border:1px solid white;
}

label.left {
float: left;
text-align: right;
width: 13em;
margin-right: .3em;
}

input[type=text], select {
float: left;
}

input.right {
float: left;
width: auto;
clear: both;
margin-left: 0em;
margin-right: .3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 0em;
}

form br {
clear:both;
}

input[type=text], input[type=password] {
width:165px;
}

textarea {
width:131px;
height:150px;
}

form>textarea {
width:165px;
}

#rechtsbuendig {
width:285px;
text-align:right;
}

form>#rechtsbuendig {
width:312px;
}

/*** end formularformat ***/