@charset "UTF-8";


/*  
Theme Name: Ragi colorme NEW
Theme URI: http://www.repro.at
Description: 3-spaltiges Wordpress Theme Ragi colorme NEW by <a href="http://www.repro.at">Repro</a>.
Version: 1.1
Author: Raganitsch Alexander
Author URI: http://www.repro.at


*/

/* Grundeinstellungen ANFANG */
*{margin:0;

padding:0}

option{padding-left:0.4em}

* html body *{overflow:visible}

* html iframe,* html frame{overflow:auto}

html{height:100%;

margin-bottom:1px}

body{ font-size:100.01%;

 color:#000;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 background-color: #0081c3;

 text-align:left;

 padding: 10px 0;

 }

fieldset,img{border:0 solid}

ul,ol,dl{ line-height: 1.5em;

 margin:0 0 1em 0.5em }

li{margin-left:1.5em;

line-height:1.5em}

dt{font-weight:700}

dd{margin:0 0 1em 2em}

blockquote{ background-color: #eaf0af;

 background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/bq.gif");

 background-repeat: no-repeat;

 background-position: 2px 2px;

 margin:0 0.5em 0.5em ;

 padding: 0.6em 0.5em 0.1em 2.5em;

 }

/* Inhalts-Container ANFANG
*/
/*col=Content
sidebar1=Sidebar links
sidebar2=Sidebar rechts*/
#col{ float:left;

 width:540px;

 z-index:3;

 margin-bottom: 6px;

 margin-left: 215px;

 }

#sidebar1{ float:left;

 width:210px;

 z-index:5;

 margin-left: -755px;

 }

#sidebar2{ width:210px;

 z-index:1;

 float: right;

 margin:0 0 0 -5px }

#col_content{ z-index:4;

 margin-top: 7px;

 margin-bottom: 10px;

 margin-left: 10px;

 padding: 10px;

 }

#sidebar1_content{ z-index:6;

 margin-top: 9px;

 padding: 10px 10px 10px 20px;

 }

#sidebar2_content{ z-index:2;

 margin-top: 9px;

 padding: 10px 20px 10px 10px;

 }

#sidebar1_content ul { list-style-type:none;

 margin-left:0;

 }

#sidebar2_content ul { list-style-type: none;

 }

#header,#nav,#main,#footer{clear:both}

.clearfix:after{content:".";

display:block;

height:0;

clear:both;

visibility:hidden}

.clearfix{display:block}

.floatbox{overflow:hidden}

#header,#col_content,#sidebar1_content,#sidebar2_content{position:relative}

/* Subtemplates
Idea from Yaml (http://yaml.de) */
.subcolumns{ background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/line.gif");

 background-repeat: no-repeat;

 background-position: center bottom;

 width:100%;

 overflow:hidden;

 margin-bottom: 10px;

 padding-top: 5px;

 padding-bottom: 20px;

 }

.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;

margin-left:-5px;

}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {  }

.c25l,.c25r{width:25%}

.c33l,.c33r{width:33.333%}

.c50l,.c50r{width:50%}

.c66l,.c66r{width:66.666%}

.c75l,.c75r{width:75%}

.c38l,.c38r{width:38.2%}

.c62l,.c62r{width:61.8%}

.subc{ text-align: left;

 padding:0 10px 0 0.5em }

.subcl{ text-align: left;

 padding:0 10px 0 0 }

.subcr{ text-align: left;

 padding:0 5px }

.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}

#dyn_id0.subcolumns { background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/linie-spalten.gif");

 background-repeat: repeat-y;

 background-position: 0 50%;

 margin-bottom: 8px;

 padding-bottom: 0;

 }

/*Navi */
#nav * { border: 0px none !important}

#nav_main {
    width: 100%;

 overflow: hidden;


    float: left;

 display: inline;


    border-top: 1px solid #333;

 border-bottom: 1px solid #333;

 line-height: 0;

 background-color: transparent;

 background-image: none;

 height: 29px;

 margin-bottom: 5px;

 }

#nav_main ul { line-height: 1.2em;

 border-left: 1px solid #aaa;

 border-right: 1px solid #fff;


    display: inline;

 float: left;

 margin: 0 0 0 50px;


    padding: 0;

 }

#nav_main ul li {
    border-left: 1px #fff solid;


    border-right: 1px #aaa solid;


    display: inline;


    float: left;


    font-size: 1.0em;


    line-height: 1em;


    list-style-type: none;


    margin: 0;


    padding: 0;


  }

#nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;


    color: white;


    display: block;


    font-size: 1em;


    font-weight: normal;


    margin: 0;


    padding: 0.5em 0.8em;


    text-decoration: none;


    width: auto;


  }

#nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {
    background: transparent;


    color: yellow;


    text-decoration: none;


  }

#nav_main ul li#current {
    border-left: 1px solid #444;


    border-right: 1px solid #888;


  }

#nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { background: transparent;

 color: yellow;

 font-weight: bold;

 text-decoration: none;

 }

#nav ul { margin-left: 20px;

 }

/* Layout */
/* Breite, Hintergrund, Rahmen */
#page_margins { background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/Repro-Lay-ges_02.gif");

 background-repeat: repeat-y;

 background-position: center top;

 text-align: left;

 width: 980px;

 min-width: 980px;

 max-width: 80em;

 margin: 0 auto;

 border-style: solid;

 border-width: 0;

 }

#page{ background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/Repro-Lay-ges_01.jpg");

 background-repeat: no-repeat;

 background-position: center top;

 }

body { text-align: center }

/* Gestaltung der Hauptelemente des Layouts */
#header { color: #000;

 text-align: right;

 height: 45px;

 padding: 45px 2em 1em 20px;

 }

#topnav{ color: white;

 position:absolute;

 top:10px;

 right:10px;

 text-align:right }

#main { background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/Repro-Lay-ges_03.gif");

 background-repeat: no-repeat;

 background-position: center bottom;

 width: 100%;

 float: left;

 }

#footer { background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/Repro-Lay-ges_04.gif");

 background-repeat: repeat-y;

 background-position: center;

 }

/* Headertext */
#header h1 { font-size:2.5em;

 letter-spacing:-2px;

 line-height:65%;

 color:#000;

 text-align: right;

 }

#header h1 a { color: #a7cffc;

 }

#header span { color:#fff;

 text-align: right;

 }

#topnav a { color: #fff;

 font-weight: normal;

 text-decoration:none;

 }

#topnav a:focus, #topnav a:hover, #topnav a:active { text-decoration:underline;

}

/** Footer **/
#footer { color: #ececec;

 font-size: 0.8em;

 font-weight: normal;

 padding-top: 0;

 }

.footinfo { background-image: url("../../../wp-content/themes/ragi-colorme-NEW/images/Repro-Lay-ges_05.gif");

 background-repeat: no-repeat;

 background-position: center bottom;

 margin-bottom: 10px;

 padding-bottom: 10px;

 padding-left: 10px;

 }

#footer a, #footer a:focus, #footer a:hover, #footer a:active {color: #d1e3ff;

 background-color: transparent;

 text-decoration:none;

}

#dyn_id2.subc, #dyn_id3.subc { padding-right: 2px;

 padding-left: 5px;

 }

#dyn_id1.subcl { padding-right: 0;

 padding-left: 10px;

 }

#dyn_id4.subcr { padding-right: 0;

 padding-left: 10px;

 }

/* Schriftgrößen auf Standardgröße 16 Pixel zurücksetzen */
html * { font-size: 100.01% }

textarea, pre, tt, code { font-family:Verdana, Arial, Helvetica, sans-serif;

 }

/* Entspricht Standardschriftgröße von 12 Pixeln */
body { font-size: 75%;

 color: #444;

 }

h1,h2,h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif;

 font-weight:500;

 color:#5a85bc;

 margin: 0 0 0.25em;

 }

/* h1 = 24px */
h1 { font-size: 200% }

h2 { font-size: 180%;

 color:#182e7a}

h3 { font-size: 150%  }

h4 { font-size: 133.33% }

h5 { font-size: 116.67% }

h6 { font-size: 110%;

 font-style:italic }

p { line-height: 1.5em;

 margin: 0 0 1em 0;

 }

/* Textauszeichnung */
cite, blockquote { font-style:italic }

small { font-size: 0.8em;

 }

strong,b { font-weight: bold }

em,i { font-style:italic }

pre, code { font-family: monospace;

 font-size: 1.1em;

 }

acronym, abbr {
    letter-spacing: .07em;


    border-bottom: .1em dashed #c00;


    cursor: help;


  }

.breadcrumb { font-size: 0.8em;

 margin-top: -10px;

 margin-bottom: 20px;

 }

/*Positionierungen und Hinweise */
.note {background: #dfd;

 padding: 1em;

 border-top: 1px #bdb dotted;

 border-bottom: 1px #bdb dotted;

}

.important {background: #ffd;

 padding: 1em;

 border-top: 1px #ddb dotted;

 border-bottom: 1px #ddb dotted;

}

.warning {background: #fdd;

 padding: 1em;

 border-top: 1px #dbb dotted;

 border-bottom: 1px #dbb dotted;

}

.float_left { float: left;

 display:inline;

 margin-right: 1em;

 margin-bottom: 0.15em;

  }

.float_right { float: right;

 display:inline;

 margin-left: 2em;

 margin-bottom: 0.15em;

  }

.alignright { float: right;

 }

.alignleft { float: left;

 }

.center { text-align:center;

 margin: 0.5em auto }

.skip,.hideme {position:absolute;

top:-1000em;

left:-1000em;

height:1px;

width:1px}

/* Links */
a {color: #4D87C7;

 text-decoration:none;

}

a:focus, a:hover, a:active {color:#182E7A;

 text-decoration:underline;

}

/* Tabellen */
table { width: auto;

 border-collapse:collapse;

 margin-bottom: 0.5em;

 }

table.full { width: 100%;

 }

table.fixed { table-layout:fixed }

th,td { padding: 0.5em;

 }

thead th { background: #444;

 color: #fff }

tbody th { background: #ccc;

 color: #333 }

tbody th.sub { background: #ddd;

 color: #333 }

.drucktab { font-size: 10px;

 margin-top: 10px;

 }

/* Content Post ANFANG*/
.post { margin-bottom: 1.5em;

 padding-bottom: 0;

 }

.post h2 { font-size: 1.5em;

 font-weight: 500;

 margin-bottom: -1px;

 }

.post h3 { color: #3365a6;

 font-size: 1.3em;

 font-weight: 500;

 margin-bottom: -1px;

 }

.post small { font-size: 0.9em;

 padding-bottom: 20px;

 }

.pagination { margin: 2em 0 0 0;

 }

.entry { margin-top: 1em;

 }

.more-link { float:right }

.postinfo { margin:1em 0;

 padding:0;

 background:#fcfcfc;

 border-top:1px solid #ddd;

 border-bottom:1px solid #ddd;

 }

.postmetadata { font-size: 0.9em;

 margin-top: 15px;

 }

.postinfo li { float:left;

 list-style-type:none;

 padding:0.4em 10px 0.4em 20px;

 margin:0;

 }

hr { color: #fff;

 background:transparent;

 margin: 0 0 0.5em;

 padding: 0 0 0.5em;


 ;

border-style: none none solid;

 border-width: 0 0 1px;

 border-bottom-color: #4d87c7;

 }

/* Content Post ENDE */
/* Kommentare ANFANG */
.alt {
	background-color: #e9eef9;


	border-top: 1px dashed #4d87c7;


	border-bottom: 1px dashed #4d87c7;


	}

form#commentform  {
	width: 85%;


	margin:auto auto auto 15px;


	}

textarea#comment  {
	width: 100%;


	margin:auto;


	background-color: #e9eef9;


	}

div input {
	border:solid 1px #4d87c7;


	background-color:#e9eef9;


	}

textarea { background-color:#e9eef9;

 padding: 5px;

 border:solid 1px #4d87c7;

 }

.alt {
	margin: 0;


	padding: 0px;


	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;


	}

.commentlist li {
	font-weight: bold;


	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;


	font-style: normal;


	font-size: 1.1em;


	}

.commentlist p {
	font-weight: normal;


	line-height: 1.5em;


	text-transform: none;


	}

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

 }

.commentmetadata { font-weight: normal;

 }

#comments {
	padding: 0;


	margin: 20px auto 20px 0;


	font-size: 120%;


	}

#respond { font-size: 120%;

 }

.commentlist { background-color: #f0f5d6;

 padding: 0;

 text-align: justify;

 }

.commentlist li {
	margin: 3px 0;


	padding: 3px 10px;


	list-style: none;


	}

#commentform p { margin: 5px 0;

 }

#commentform p input { padding: 2px;

 }

#commentform p label small { font-size: 0.8em;

 }

.commentlist p { margin: 5px 0;

 }

.nocomments {
	text-align: center;


	margin: 0;


	padding: 0;


	}

.commentmetadata { margin: 0;

 display: block;

 }

/* Kommentare ENDE */
/* Widgets ANFANG */
.widget, .categories, #archive, .linkcat, #meta {  }

.widget ul { margin-bottom: 0;

 padding-left: 0;

 }

.widget ul li { margin-bottom: 0;

 padding-left: 0;

 }

.widget { margin-bottom: 10px;

 padding-bottom: 2px;

 }

#sidebar2_content .widget { margin-left: 0;

 }

.widget h3 { color: white;

 font-size: 1.3em;

 font-weight: normal;

 height: 28px;

 margin-bottom: -8px;

 padding-top: 5px;

 }

.widget h3 a { color: white;

 }

.textwidget { padding-left: 0;

 }

.widgetHead { padding-bottom: 5px;

 }

.widgetHead ul { margin-left: 0;

 list-style-type: none;

 }

.widgetHead ul li { list-style-type: none;

 margin-left: 0;

 }

.widgetHead ul li ul li { font-size: 90%;

 list-style-type: none;

 margin-left: 10px;

 }

li.page_item.current_page_item {  }

#rss-1 ul li { padding-top: 2px;

 padding-bottom: 2px;

 border-bottom: 1px dotted #5a85bc;

 }

/* Suche inputfeld */
input #searchform {  }

#searchsubmit { background-color: #a7cffc;

 border: solid 1px black;

 }

.widget_search { }

form#searchform { float: right;

 margin: 6px 20px 3px 10px;

 }

li#search { background-image: none;

 }

#s { background-color: #a7cffc;

 padding: 1px;

 border: solid 1pt black;

 }

/* Kalender Widget */
#calendar_wrap { font-size: 10px;

 margin-bottom: 0.5em;

 margin-left: 15px;

 }

#calendar caption { font-size: 110%;

 font-weight: bold;

 }

#wp-calendar thead th, #wp-calendar tfoot tr { background: #4D87C7;

 color: #fff;

 }

#wp-calendar tbody a {background:#4D87C7;

 color: #fff;

 font-weight:bold;

}

#wp-calendar tbody tr { line-height: 100%;

 }

#wp-calendar tfoot tr td { visibility: hidden;

 }

#prev a ,#next a{ color:#fff;

 font-size: 10px;

 text-decoration:none;

 font-weight:bold;

 }

#prev a:active,#prev a:focus, #prev a:hover,#next a:active,#next a:focus, #next a:hover {text-decoration:none;

}

#today{font-weight:bold;

}

/* Tag Cloud */
.widget_tag_cloud {  }

#tag_cloud a {  }

#tagwolke { padding: 0!important;

 margin-bottom: 1em;

 overflow: hidden;

 }

#tagwolke ul li{display:inline;

 margin-right:0.15em;

line-height:1.8em;

}

/* Widget ENDE */
/* Images etc ANFANG */
p img { padding: 0;

 max-width: 100%;

 }

img.centered { display: block;

 margin-left: auto;

 margin-right: auto;

 }

img.alignright { padding: 4px;

 margin: 0 0 2px 7px;

 display: inline;

 }

img.alignleft { padding: 4px;

 margin: 0 7px 2px 0;

 display: inline;

 }

.entry img { margin-right: 10px;

 }

.rahmen { border: solid 1px black;

 }

/* Images etc ENDE */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;

 top:0;

 left:0;

 z-index:9999;

 overflow:hidden;

}

#cboxOverlay{position:fixed;

 width:100%;

 height:100%;

}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;

}

#cboxContent{position:relative;

 overflow:visible;

}

#cboxLoadedContent{overflow:auto;

}

#cboxLoadedContent iframe{display:block;

 width:100%;

 height:100%;

 border:0;

}

#cboxTitle{margin:0;

}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;

 top:0;

 left:0;

 width:100%;

}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;

}


/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#666;

}


#colorbox{}

	#cboxContent{background:#666;

 margin-top:20px;

}

		#cboxBottomCenter{height:30px;

 background:#666;

}

		#cboxLoadedContent{background:#666;

 padding:5px;

}

                #cboxTitle{position:absolute;

 bottom:-25px;

 left:5px;

 color:#ccc;

}

                #cboxCurrent{position:absolute;

 bottom:-25px;

 right:35px;

 color:#ccc;

}

                #cboxSlideshow{position:absolute;

 top:-20px;

 right:90px;

 color:#fff;

}

                #cboxPrevious{position:absolute;

 top:50%;

 left:5px;

 margin-top:-41px;

 background-image: url(data:image/gif;

base64,AAAA);

 width:49%;

 height:100%;

 text-indent:-9999px;

}

                #cboxPrevious.hover{background-position:bottom left;

 background:url("../../../wp-content/plugins/lightbox-plus/css/grey/images/prevgrey.png") top left no-repeat;

}

                #cboxNext{position:absolute;

 top:50%;

 right:5px;

 margin-top:-41px;

 background-image: url(data:image/gif;

base64,AAAA);

 width:49%;

 height:100%;

 text-indent:-9999px;

}

                #cboxNext.hover{background-position:bottom right;

 background:url("../../../wp-content/plugins/lightbox-plus/css/grey/images/nextgrey.png") top right no-repeat;

}

                #cboxLoadingOverlay{background:#666;

}

		#cboxLoadingGraphic{background:url("../../../wp-content/plugins/lightbox-plus/css/grey/images/loading.gif") center center no-repeat;

}

		#cboxClose{position:absolute;

 bottom:-25px;

 right:5px;

 display:block;

 background:url("../../../wp-content/plugins/lightbox-plus/css/grey/images/close.png") top center no-repeat;

 width:22px;

 height:22px;

 text-indent:-9999px;

}

		#cboxClose.hover{background-position:bottom center;

}